@trinityui/design-system 1.0.3 → 1.0.5

package/dist/components/templates/Dashboard/DashboardTemplate.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DashboardTemplate.d.ts","sourceRoot":"","sources":["../../../../src/components/templates/Dashboard/DashboardTemplate.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAmB/B,MAAM,WAAW,OAAO;IACtB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM,CAAC;IAC/B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACxB;AAED,MAAM,WAAW,YAAY;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,IAAI,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,CAAC;CAC7D;AAED;;GAEG;AACH,MAAM,WAAW,sBAAsB;IACrC,iBAAiB;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,gCAAgC;IAChC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,qBAAqB;IACrB,IAAI,CAAC,EAAE,OAAO,EAAE,CAAC;IACjB,yBAAyB;IACzB,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,2CAA2C;IAC3C,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,EAAE,CAAC;IACpC,0BAA0B;IAC1B,UAAU,CAAC,EAAE,YAAY,EAAE,CAAC;IAC5B,4BAA4B;IAC5B,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,kCAAkC;IAClC,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,oBAAoB;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,6BAA6B;IAC7B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,8BAA8B;IAC9B,SAAS,CAAC,EAAE,CAAC,GAAG,EAAE,OAAO,KAAK,KAAK,CAAC,SAAS,CAAC;IAC9C,kCAAkC;IAClC,cAAc,CAAC,EAAE,CAAC,QAAQ,EAAE,YAAY,KAAK,KAAK,CAAC,SAAS,CAAC;IAC7D,4BAA4B;IAC5B,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACjC,qCAAqC;IACrC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,yBAAyB;IACzB,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B;AA4GD,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAiL9D,CAAC"}

package/dist/components/templates/Dashboard/index.d.ts

@@ -0,0 +1,2 @@
+export { DashboardTemplate, type DashboardTemplateProps } from './DashboardTemplate';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/templates/Dashboard/index.d.ts.map

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

package/dist/components/templates/ListDetail/ListDetailTemplate.d.ts

@@ -0,0 +1,88 @@
+/**
+ * @fileoverview ListDetail Template - Master-detail split view
+ * @module components/templates/ListDetail
+ * @example
+ * ```tsx
+ *  import { ListDetailTemplate } from '@trinityui/design-system';
+ *
+ *  <ListDetailTemplate
+ *    items={[]}
+ *  />
+ *  ```
+ */
+import * as React from 'react';
+export interface ListItem {
+    /** Unique identifier */
+    id: string;
+    /** Primary text */
+    title: string;
+    /** Secondary text */
+    subtitle?: string;
+    /** Avatar URL */
+    avatar?: string;
+    /** Avatar initials */
+    avatarInitials?: string;
+    /** Additional info (e.g., timestamp) */
+    meta?: string;
+    /** Status indicator */
+    status?: 'default' | 'success' | 'warning' | 'error' | 'info';
+    /** Is unread/new */
+    unread?: boolean;
+    /** Badge content */
+    badge?: string | number;
+    /** Custom icon instead of avatar */
+    icon?: React.ReactNode;
+}
+/**
+ * Props for ListDetailTemplate component.
+ */
+export interface ListDetailTemplateProps {
+    /** List items */
+    items: ListItem[];
+    /** Currently selected item ID */
+    selectedId?: string | null;
+    /** Callback when item is selected */
+    onSelect?: (item: ListItem) => void;
+    /** Detail panel content */
+    detailContent?: React.ReactNode;
+    /** Placeholder when no item selected */
+    emptyDetailContent?: React.ReactNode;
+    /** Search value */
+    searchValue?: string;
+    /** Callback when search changes */
+    onSearchChange?: (value: string) => void;
+    /** Search placeholder */
+    searchPlaceholder?: string;
+    /** List header content */
+    listHeader?: React.ReactNode;
+    /** Detail header content */
+    detailHeader?: React.ReactNode;
+    /** List actions (shown in header) */
+    listActions?: React.ReactNode;
+    /** Detail actions (shown in header) */
+    detailActions?: React.ReactNode;
+    /** Loading state */
+    loading?: boolean;
+    /** Loading item count */
+    loadingCount?: number;
+    /** List width (px or %) */
+    listWidth?: number | string;
+    /** Min list width */
+    minListWidth?: number;
+    /** Max list width */
+    maxListWidth?: number;
+    /** Show search bar */
+    showSearch?: boolean;
+    /** Custom render function for list items */
+    renderListItem?: (item: ListItem, selected: boolean) => React.ReactNode;
+    /** Show filter button */
+    showFilter?: boolean;
+    /** Filter click handler */
+    onFilterClick?: () => void;
+    /** Active filter count */
+    filterCount?: number;
+    /** Empty list message */
+    emptyListMessage?: string;
+}
+export declare const ListDetailTemplate: React.FC<ListDetailTemplateProps>;
+//# sourceMappingURL=ListDetailTemplate.d.ts.map

package/dist/components/templates/ListDetail/ListDetailTemplate.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListDetailTemplate.d.ts","sourceRoot":"","sources":["../../../../src/components/templates/ListDetail/ListDetailTemplate.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA6B/B,MAAM,WAAW,QAAQ;IACvB,wBAAwB;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,mBAAmB;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,qBAAqB;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,iBAAiB;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,sBAAsB;IACtB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,wCAAwC;IACxC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,uBAAuB;IACvB,MAAM,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,CAAC;IAC9D,oBAAoB;IACpB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,oBAAoB;IACpB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,oCAAoC;IACpC,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACxB;AAED;;GAEG;AACH,MAAM,WAAW,uBAAuB;IACtC,iBAAiB;IACjB,KAAK,EAAE,QAAQ,EAAE,CAAC;IAClB,iCAAiC;IACjC,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,qCAAqC;IACrC,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;IACpC,2BAA2B;IAC3B,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,wCAAwC;IACxC,kBAAkB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACrC,mBAAmB;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,mCAAmC;IACnC,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,yBAAyB;IACzB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,0BAA0B;IAC1B,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,4BAA4B;IAC5B,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,qCAAqC;IACrC,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,uCAAuC;IACvC,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,oBAAoB;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,yBAAyB;IACzB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B,qBAAqB;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,qBAAqB;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,sBAAsB;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,4CAA4C;IAC5C,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,KAAK,KAAK,CAAC,SAAS,CAAC;IACxE,yBAAyB;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,2BAA2B;IAC3B,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,0BAA0B;IAC1B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,yBAAyB;IACzB,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAyHD,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAiPhE,CAAC"}

package/dist/components/templates/ListDetail/index.d.ts

@@ -0,0 +1,2 @@
+export { ListDetailTemplate, type ListDetailTemplateProps, type ListItem as ListDetailItem } from './ListDetailTemplate';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/templates/ListDetail/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/templates/ListDetail/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,KAAK,uBAAuB,EAAE,KAAK,QAAQ,IAAI,cAAc,EAAE,MAAM,sBAAsB,CAAC"}

package/dist/components/templates/Settings/SettingsTemplate.d.ts

@@ -0,0 +1,78 @@
+/**
+ * @fileoverview Settings Template with sidebar navigation and form sections
+ * @module components/templates/Settings
+ * @example
+ * ```tsx
+ *  import { SettingsTemplate } from '@trinityui/design-system';
+ *
+ *  <SettingsTemplate
+ *    navItems={[]}
+ *    sections={[]}
+ *  />
+ *  ```
+ */
+import * as React from 'react';
+export interface SettingsNavItem {
+    /** Unique identifier */
+    id: string;
+    /** Display label */
+    label: string;
+    /** Icon */
+    icon?: React.ReactNode;
+    /** Description */
+    description?: string;
+    /** Badge content */
+    badge?: string | number;
+    /** Disabled state */
+    disabled?: boolean;
+    /** Sub-items */
+    children?: SettingsNavItem[];
+}
+export interface SettingsSection {
+    /** Section identifier (matches nav item id) */
+    id: string;
+    /** Section title */
+    title: string;
+    /** Section description */
+    description?: string;
+    /** Section content */
+    content: React.ReactNode;
+}
+/**
+ * Props for SettingsTemplate component.
+ */
+export interface SettingsTemplateProps {
+    /** Page title */
+    title?: string;
+    /** Navigation items */
+    navItems: SettingsNavItem[];
+    /** Content sections */
+    sections: SettingsSection[];
+    /** Currently active section */
+    activeSection?: string;
+    /** Callback when section changes */
+    onSectionChange?: (sectionId: string) => void;
+    /** Show save button in header */
+    showSaveButton?: boolean;
+    /** Save button label */
+    saveButtonLabel?: string;
+    /** Callback when save is clicked */
+    onSave?: () => void;
+    /** Save button loading state */
+    saving?: boolean;
+    /** Breadcrumb items */
+    breadcrumbs?: {
+        label: string;
+        href?: string;
+    }[];
+    /** Header actions */
+    headerActions?: React.ReactNode;
+    /** Sidebar width */
+    sidebarWidth?: number;
+    /** Show section dividers */
+    showDividers?: boolean;
+    /** Sticky sidebar */
+    stickySidebar?: boolean;
+}
+export declare const SettingsTemplate: React.FC<SettingsTemplateProps>;
+//# sourceMappingURL=SettingsTemplate.d.ts.map

package/dist/components/templates/Settings/SettingsTemplate.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SettingsTemplate.d.ts","sourceRoot":"","sources":["../../../../src/components/templates/Settings/SettingsTemplate.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA2B/B,MAAM,WAAW,eAAe;IAC9B,wBAAwB;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,oBAAoB;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW;IACX,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,kBAAkB;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,oBAAoB;IACpB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gBAAgB;IAChB,QAAQ,CAAC,EAAE,eAAe,EAAE,CAAC;CAC9B;AAED,MAAM,WAAW,eAAe;IAC9B,+CAA+C;IAC/C,EAAE,EAAE,MAAM,CAAC;IACX,oBAAoB;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,0BAA0B;IAC1B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,sBAAsB;IACtB,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B;AAED;;GAEG;AACH,MAAM,WAAW,qBAAqB;IACpC,iBAAiB;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,uBAAuB;IACvB,QAAQ,EAAE,eAAe,EAAE,CAAC;IAC5B,uBAAuB;IACvB,QAAQ,EAAE,eAAe,EAAE,CAAC;IAC5B,+BAA+B;IAC/B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,oCAAoC;IACpC,eAAe,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,iCAAiC;IACjC,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,wBAAwB;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,oCAAoC;IACpC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,gCAAgC;IAChC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,uBAAuB;IACvB,WAAW,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IACjD,qBAAqB;IACrB,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,oBAAoB;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,4BAA4B;IAC5B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,qBAAqB;IACrB,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AA2GD,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CA2M5D,CAAC"}

package/dist/components/templates/Settings/index.d.ts

@@ -0,0 +1,2 @@
+export { SettingsTemplate, type SettingsTemplateProps, type SettingsSection, type SettingsNavItem } from './SettingsTemplate';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/templates/Settings/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/templates/Settings/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,KAAK,qBAAqB,EAAE,KAAK,eAAe,EAAE,KAAK,eAAe,EAAE,MAAM,oBAAoB,CAAC"}

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

@@ -0,0 +1,5 @@
+export { DashboardTemplate, type DashboardTemplateProps } from './Dashboard';
+export type { KpiItem, ActivityItem } from './Dashboard/DashboardTemplate';
+export { SettingsTemplate, type SettingsTemplateProps, type SettingsSection, type SettingsNavItem } from './Settings';
+export { ListDetailTemplate, type ListDetailTemplateProps, type ListDetailItem } from './ListDetail';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/templates/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,KAAK,sBAAsB,EAAE,MAAM,aAAa,CAAC;AAC7E,YAAY,EAAE,OAAO,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAG3E,OAAO,EAAE,gBAAgB,EAAE,KAAK,qBAAqB,EAAE,KAAK,eAAe,EAAE,KAAK,eAAe,EAAE,MAAM,YAAY,CAAC;AAGtH,OAAO,EAAE,kBAAkB,EAAE,KAAK,uBAAuB,EAAE,KAAK,cAAc,EAAE,MAAM,cAAc,CAAC"}

package/dist/essentials.d.ts

@@ -0,0 +1,49 @@
+export { lightTheme, darkTheme, brandColors, useTrinityTokens } from './theme';
+export { semanticTokens, baseTokens } from './tokens';
+export { StatusIndicator, StatusLegend } from './components/StatusIndicator';
+export type { StatusType, SeverityLevel, StatusSize, StatusConfig } from './components/StatusIndicator';
+export { Modal, ConfirmDialog, useConfirmDialog } from './components/Modal';
+export type { ModalProps, ConfirmDialogProps, ModalVariant } from './components/Modal';
+export { ToastProvider, useToast, Toast } from './components/Toast';
+export type { ToastProps, ToastSeverity, ToastPosition, ToastProviderProps } from './components/Toast';
+export { DataCard } from './components/DataCard';
+export type { DataCardProps, TrendDirection } from './components/DataCard';
+export { SimpleTable } from './components/SimpleTable';
+export type { SimpleTableProps, SimpleTableColumn, SortDirection } from './components/SimpleTable';
+export { FileUpload } from './components/FileUpload';
+export type { FileUploadProps, UploadFile, FileUploadVariant } from './components/FileUpload';
+export { IllustratedMessage } from './components/IllustratedMessage';
+export type { IllustrationType, IllustratedMessageProps } from './components/IllustratedMessage';
+/**
+ * @example
+ * ```tsx
+ * // App.tsx - One-time setup
+ * import { ThemeProvider, CssBaseline } from '@mui/material';
+ * import { lightTheme } from '@trinityui/design-system/essentials';
+ *
+ * function App() {
+ *   return (
+ *     <ThemeProvider theme={lightTheme}>
+ *       <CssBaseline />
+ *       <YourApp />
+ *     </ThemeProvider>
+ *   );
+ * }
+ *
+ * // MyComponent.tsx - Use MUI for everything, Trinity for special components
+ * import { Button, Card, Typography } from '@mui/material';  // MUI
+ * import { StatusIndicator, DataCard } from '@trinityui/design-system/essentials';  // Trinity
+ *
+ * function MyComponent() {
+ *   return (
+ *     <Card sx={{ p: 2 }}>
+ *       <Typography variant="h6">Dashboard</Typography>
+ *       <Button variant="contained">Action</Button>
+ *       <StatusIndicator status="success" label="Active" />
+ *       <DataCard title="Users" value={1234} trend="up" />
+ *     </Card>
+ *   );
+ * }
+ * ```
+ */
+//# sourceMappingURL=essentials.d.ts.map

package/dist/essentials.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"essentials.d.ts","sourceRoot":"","sources":["../src/essentials.ts"],"names":[],"mappings":"AAkBA,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,WAAW,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAM/E,OAAO,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAQtD,OAAO,EAAE,eAAe,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAC7E,YAAY,EAAE,UAAU,EAAE,aAAa,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAExG,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAC5E,YAAY,EAAE,UAAU,EAAE,kBAAkB,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAEvF,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AACpE,YAAY,EAAE,UAAU,EAAE,aAAa,EAAE,aAAa,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAGvG,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,YAAY,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAE3E,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,YAAY,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAGnG,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,YAAY,EAAE,eAAe,EAAE,UAAU,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAG9F,OAAO,EAAE,kBAAkB,EAAE,MAAM,iCAAiC,CAAC;AACrE,YAAY,EAAE,gBAAgB,EAAE,uBAAuB,EAAE,MAAM,iCAAiC,CAAC;AAKjG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG"}

package/dist/essentials.js

@@ -0,0 +1,256 @@
+import { brandColors as Se, darkTheme as Re, lightTheme as Ie, useTrinityTokens as Ae } from "./theme.js";
+import { a as je, s as we } from "./navigation.js";
+import { C as Oe, I as Ve, M as We, S as _e, c as Be, b as He, T as Le, u as Me, a as Ne } from "./Legend.js";
+import { a as qe } from "./data.js";
+import { jsxs as k, jsx as t, Fragment as ae } from "react/jsx-runtime";
+import { useState as y, useCallback as b, useMemo as O } from "react";
+import { useTheme as ne, Paper as ie, TableContainer as de, Table as se, TableHead as oe, TableRow as C, TableCell as p, Checkbox as V, alpha as A, TableSortLabel as le, Box as ce, TableBody as he, TablePagination as pe, Skeleton as W, Typography as ge } from "@mui/material";
+import { visuallyHidden as ue } from "@mui/utils";
+import { F as Ue } from "./forms.js";
+function D(r, n) {
+  return n.split(".").reduce((a, i) => {
+    if (a && typeof a == "object" && i in a)
+      return a[i];
+  }, r);
+}
+function _(r, n, a) {
+  const i = D(r, a), d = D(n, a);
+  return d == null ? -1 : i == null ? 1 : d < i ? -1 : d > i ? 1 : 0;
+}
+function fe(r, n) {
+  return r === "desc" ? (a, i) => _(a, i, n) : (a, i) => -_(a, i, n);
+}
+const me = ({ columns: r, rows: n, hasCheckbox: a }) => {
+  const i = [60, 80, 70, 90, 75, 85, 65, 95];
+  return /* @__PURE__ */ t(ae, { children: Array.from({ length: n }).map((d, g) => /* @__PURE__ */ k(C, { children: [
+    a && /* @__PURE__ */ t(p, { padding: "checkbox", children: /* @__PURE__ */ t(W, { variant: "rectangular", width: 18, height: 18 }) }),
+    Array.from({ length: r }).map((o, l) => /* @__PURE__ */ t(p, { children: /* @__PURE__ */ t(
+      W,
+      {
+        variant: "text",
+        width: `${i[(g + l) % i.length]}%`
+      }
+    ) }, l))
+  ] }, g)) });
+}, be = ({ message: r, colSpan: n, component: a }) => /* @__PURE__ */ t(C, { children: /* @__PURE__ */ t(p, { colSpan: n, align: "center", sx: { py: 8 }, children: a || /* @__PURE__ */ t(ge, { color: "text.secondary", variant: "body2", children: r }) }) });
+function Ce({
+  rows: r,
+  columns: n,
+  loading: a = !1,
+  loadingRows: i = 5,
+  selectable: d = !1,
+  selectionMode: g = "multiple",
+  selected: o = [],
+  onSelectionChange: l,
+  onRowClick: j,
+  pagination: v = !0,
+  rowsPerPageOptions: B = [5, 10, 25, 50],
+  defaultRowsPerPage: H = 10,
+  defaultSortColumn: L,
+  defaultSortDirection: M = "asc",
+  size: N = "medium",
+  stickyHeader: $ = !1,
+  maxHeight: q,
+  emptyMessage: E = "No data available",
+  emptyComponent: U,
+  ariaLabel: z = "data table"
+}) {
+  const u = ne(), [f, G] = y(M), [c, J] = y(
+    L || (n[0]?.id ?? "")
+  ), [T, w] = y(0), [x, K] = y(H), Q = b(
+    (e) => {
+      G(c === e && f === "asc" ? "desc" : "asc"), J(e);
+    },
+    [f, c]
+  ), X = b(
+    (e) => {
+      if (e.target.checked) {
+        const s = r.map((m) => m.id);
+        l?.(s);
+        return;
+      }
+      l?.([]);
+    },
+    [r, l]
+  ), Y = b(
+    (e) => {
+      if (g === "single") {
+        l?.(o.includes(e) ? [] : [e]);
+        return;
+      }
+      const s = o.indexOf(e);
+      let m = [];
+      s === -1 ? m = [...o, e] : m = o.filter((h) => h !== e), l?.(m);
+    },
+    [o, g, l]
+  ), Z = b((e, s) => {
+    w(s);
+  }, []), ee = b(
+    (e) => {
+      K(parseInt(e.target.value, 10)), w(0);
+    },
+    []
+  ), P = O(() => c ? [...r].sort(fe(f, c)) : r, [r, f, c]), F = O(() => v ? P.slice(
+    T * x,
+    T * x + x
+  ) : P, [P, v, T, x]), te = b(
+    (e) => o.includes(e),
+    [o]
+  ), S = o.length, R = r.length, re = n.length + (d ? 1 : 0);
+  return /* @__PURE__ */ k(
+    ie,
+    {
+      sx: {
+        width: "100%",
+        overflow: "hidden",
+        borderRadius: 2
+      },
+      children: [
+        /* @__PURE__ */ t(de, { sx: { maxHeight: q }, children: /* @__PURE__ */ k(
+          se,
+          {
+            stickyHeader: $,
+            size: N,
+            "aria-label": z,
+            children: [
+              /* @__PURE__ */ t(oe, { children: /* @__PURE__ */ k(C, { children: [
+                d && g === "multiple" && /* @__PURE__ */ t(p, { padding: "checkbox", children: /* @__PURE__ */ t(
+                  V,
+                  {
+                    color: "primary",
+                    indeterminate: S > 0 && S < R,
+                    checked: R > 0 && S === R,
+                    onChange: X,
+                    inputProps: {
+                      "aria-label": "select all rows"
+                    }
+                  }
+                ) }),
+                d && g === "single" && /* @__PURE__ */ t(p, { padding: "checkbox" }),
+                n.map((e) => /* @__PURE__ */ t(
+                  p,
+                  {
+                    align: e.align ?? "left",
+                    style: { minWidth: e.minWidth },
+                    sortDirection: c === e.id ? f : !1,
+                    sx: {
+                      fontWeight: 600,
+                      backgroundColor: u.palette.mode === "dark" ? A(u.palette.background.paper, 0.9) : u.palette.grey[50]
+                    },
+                    children: e.sortable !== !1 ? /* @__PURE__ */ k(
+                      le,
+                      {
+                        active: c === e.id,
+                        direction: c === e.id ? f : "asc",
+                        onClick: () => Q(e.id),
+                        children: [
+                          e.label,
+                          c === e.id ? /* @__PURE__ */ t(ce, { component: "span", sx: ue, children: f === "desc" ? "sorted descending" : "sorted ascending" }) : null
+                        ]
+                      }
+                    ) : e.label
+                  },
+                  String(e.id)
+                ))
+              ] }) }),
+              /* @__PURE__ */ t(he, { children: a ? /* @__PURE__ */ t(
+                me,
+                {
+                  columns: n.length,
+                  rows: i,
+                  hasCheckbox: d
+                }
+              ) : F.length === 0 ? /* @__PURE__ */ t(
+                be,
+                {
+                  message: E,
+                  colSpan: re,
+                  component: U
+                }
+              ) : F.map((e) => {
+                const s = te(e.id), m = `table-checkbox-${e.id}`;
+                return /* @__PURE__ */ k(
+                  C,
+                  {
+                    hover: !0,
+                    onClick: () => {
+                      d && Y(e.id), j?.(e);
+                    },
+                    role: d ? "checkbox" : void 0,
+                    "aria-checked": d ? s : void 0,
+                    tabIndex: -1,
+                    selected: s,
+                    sx: {
+                      cursor: d || j ? "pointer" : "default",
+                      "&.Mui-selected": {
+                        backgroundColor: A(
+                          u.palette.primary.main,
+                          u.palette.mode === "dark" ? 0.16 : 0.08
+                        ),
+                        "&:hover": {
+                          backgroundColor: A(
+                            u.palette.primary.main,
+                            u.palette.mode === "dark" ? 0.24 : 0.12
+                          )
+                        }
+                      }
+                    },
+                    children: [
+                      d && /* @__PURE__ */ t(p, { padding: "checkbox", children: /* @__PURE__ */ t(
+                        V,
+                        {
+                          color: "primary",
+                          checked: s,
+                          inputProps: {
+                            "aria-labelledby": m
+                          }
+                        }
+                      ) }),
+                      n.map((h) => {
+                        const I = D(e, h.id);
+                        return /* @__PURE__ */ t(p, { align: h.align ?? "left", children: h.render ? h.render(I, e) : h.format ? h.format(I) : String(I ?? "") }, String(h.id));
+                      })
+                    ]
+                  },
+                  e.id
+                );
+              }) })
+            ]
+          }
+        ) }),
+        v && !a && r.length > 0 && /* @__PURE__ */ t(
+          pe,
+          {
+            rowsPerPageOptions: B,
+            component: "div",
+            count: r.length,
+            rowsPerPage: x,
+            page: T,
+            onPageChange: Z,
+            onRowsPerPageChange: ee
+          }
+        )
+      ]
+    }
+  );
+}
+export {
+  Oe as ConfirmDialog,
+  qe as DataCard,
+  Ue as FileUpload,
+  Ve as IllustratedMessage,
+  We as Modal,
+  Ce as SimpleTable,
+  _e as StatusIndicator,
+  Be as StatusLegend,
+  He as Toast,
+  Le as ToastProvider,
+  je as baseTokens,
+  Se as brandColors,
+  Re as darkTheme,
+  Ie as lightTheme,
+  we as semanticTokens,
+  Me as useConfirmDialog,
+  Ne as useToast,
+  Ae as useTrinityTokens
+};