@trinityui/design-system 1.0.7 → 1.0.9

package/dist/essentials.js

@@ -1,7 +1,7 @@
 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 { a as je, s as we } from "./app-shell.js";
 import { C as Oe, I as Ve, M as We, S as _e, a as Be, c as He, T as Le, u as Me, b as Ne } from "./Legend.js";
-import { a as qe } from "./data.js";
+import { D 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";

package/dist/index.js

@@ -1,20 +1,19 @@
-import { s as B, b as he, o as ve, l as ie, f as Ze, c as Ct, g as wt, p as St, i as $e, k as kt, a as zt, j as Tt } from "./navigation.js";
-import { v as Kn, u as Nn, A as Un, C as Gn, H as _n, I as qn, R as Yn, S as Jn, T as Xn, q as Zn, r as Qn, U as eo, e as to, d as ro, m as no, n as oo, h as io, t as ao } from "./navigation.js";
+import { s as B, b as he, o as ve, l as ie, f as Ze, c as Ct, g as wt, p as St, i as $e, k as kt, a as zt, j as Tt } from "./app-shell.js";
+import { $ as Kn, O as Nn, a8 as Un, a7 as Gn, _ as _n, a0 as qn, a1 as Yn, P as Jn, w as Xn, N as Zn, F as Qn, K as eo, a2 as to, aa as ro, Y as no, G as oo, a6 as io, V as ao, X as lo, W as so, Z as co, J as uo, a9 as ho, E as po, u as fo, A as mo, z as go, B as yo, y as xo, C as bo, a5 as vo, a3 as Co, H as wo, I as So, ac as ko, x as zo, D as To, v as Do, Q as Ao, R as Io, S as Mo, a4 as Eo, T as Fo, q as Lo, r as Po, M as Ro, U as Bo, L as Wo, ab as Ho, e as Oo, d as $o, m as jo, n as Vo, h as Ko, t as No } from "./app-shell.js";
 import { jsx as t, jsxs as g, Fragment as fe } from "react/jsx-runtime";
 import * as y from "react";
 import Dt, { useState as oe, useEffect as le, useRef as ge, useCallback as q, useMemo as Qe, createContext as At, useContext as It, useId as Mt } from "react";
 import { useTheme as ee, useMediaQuery as ue, Box as m, Typography as j, Divider as ye, Link as et, Skeleton as we, Breadcrumbs as Et, Stack as Be, Chip as Se, Button as ae, IconButton as Q, Tabs as tt, Tab as rt, alpha as _, Paper as ke, Menu as We, MenuItem as ce, Tooltip as Ce, ToggleButtonGroup as Ft, ToggleButton as Ne, Avatar as Lt, Collapse as nt, TextField as me, InputAdornment as Fe, Checkbox as Le, List as Ie, ListItem as Pe, ListItemButton as Me, ListItemIcon as de, ListItemText as pe, ClickAwayListener as Pt, InputBase as ot, Popper as Rt, Fade as it, Badge as Bt, Popover as Wt, FormControl as Ht, Select as Ot, Dialog as $t, DialogContent as jt } from "@mui/material";
-import { w as so, i as co, E as uo, A as ho, v as po, x as fo, y as mo, r as go, q as yo, h as xo, o as bo, z as vo, F as Co, d as wo, m as So, D as ko, s as zo, c as To, t as Do, u as Ao, n as Io, e as Mo, g as Eo, k as Fo, l as Lo, C as Po, B as Ro, G as Bo, I as Wo, H as Ho, j as Oo, f as $o, Q as jo, S as Vo, p as Ko, U as No, a as Uo } from "./ai.js";
-import { C as _o, I as qo, M as Yo, S as Jo, a as Xo, c as Zo, T as Qo, U as ei, u as ti, b as ri } from "./Legend.js";
+import { C as Go, I as _o, M as qo, S as Yo, a as Jo, c as Xo, T as Zo, U as Qo, u as ei, b as ti } from "./Legend.js";
 import { createTrinityThemePreset as Te, brandColors as Vt } from "./theme.js";
-import { accessibleCombinations as oi, createTrinityTheme as ii, darkTheme as ai, generateCssVariables as li, generateDarkModeCssVariables as si, getContrastRatio as ci, injectDarkModeCssVariables as di, injectTrinityCssVariables as ui, lightTheme as hi, useTrinityTokens as pi, validateAccessibility as fi } from "./theme.js";
+import { accessibleCombinations as ni, createTrinityTheme as oi, darkTheme as ii, generateCssVariables as ai, generateDarkModeCssVariables as li, getContrastRatio as si, injectDarkModeCssVariables as ci, injectTrinityCssVariables as di, lightTheme as ui, useTrinityTokens as hi, validateAccessibility as pi } from "./theme.js";
 import Kt from "@mui/icons-material/NavigateNext";
 import Nt from "@mui/icons-material/Home";
 import Ut from "@mui/icons-material/MoreVert";
 import { DragIndicator as at, Close as ze, PushPin as Ue, Minimize as Ge, Maximize as _e, MoreVert as Gt, OpenInNew as _t, ContentCopy as qe, ViewStream as qt, ViewColumn as Yt, ExpandLess as lt, ExpandMore as Ee, Clear as st, Search as Re, InsertDriveFile as Jt, Folder as Xt, FolderOpen as Zt, ChevronRight as ct, KeyboardDoubleArrowRight as Qt, ChevronLeft as er, KeyboardDoubleArrowLeft as tr, TrendingUp as rr, ArrowForward as nr, History as or, FilterList as ir, BookmarkBorder as ar, Refresh as Ye, Check as lr, Add as sr, ArrowUpward as cr, ArrowDownward as dr, KeyboardReturn as ur } from "@mui/icons-material";
-import { a as gi } from "./data.js";
-import { C as xi, F as bi, R as vi } from "./forms.js";
-import { A as wi, B as Si, a as ki, c as zi, C as Ti, f as Di, d as Ai, D as Ii, G as Mi, I as Ei, L as Fi, P as Li, g as Pi, R as Ri, S as Bi, e as Wi, b as Hi } from "./charts.js";
+import { D as mi } from "./data.js";
+import { C as yi, F as xi, R as bi } from "./forms.js";
+import { A as Ci, B as wi, a as Si, c as ki, C as zi, f as Ti, d as Di, D as Ai, G as Ii, I as Mi, L as Ei, P as Fi, g as Li, R as Pi, S as Ri, e as Bi, b as Wi } from "./charts.js";
 const hr = [
   {
     label: "Privacy Policy",
@@ -4944,99 +4943,99 @@ const Mn = {
   colors: xt
 }, On = bt.theme, $n = vt.theme;
 export {
-  so as AIActionsGroup,
-  co as AIAvatar,
-  uo as AIChatInput,
-  ho as AIChatMessage,
-  po as AICircularAction,
-  fo as AIContainer,
-  mo as AIExpandableSection,
-  go as AIExplainability,
-  Kn as AIFabLayout,
-  yo as AILabel,
-  xo as AIListeningIndicator,
-  bo as AIMessage,
-  vo as AIPersonaCard,
-  Co as AIQuickReply,
-  wo as AIRelatedQuestions,
-  So as AIResponseRenderer,
-  ko as AIShimmer,
-  zo as AISource,
-  To as AISourcesPanel,
-  Do as AISourcesSection,
-  Ao as AISuggestedAction,
-  Io as AITextBlock,
-  Mo as AITypingIndicator,
-  Eo as AIVoiceOverlay,
-  Nn as AppLayout,
-  Un as AppsMenu,
-  wi as AreaChart,
-  Si as BarChart,
-  ki as BubbleChart,
-  zi as ChartWrapper,
-  Fo as ChatHeader,
-  Lo as ChatHistoryList,
-  Po as ChatThread,
-  Gn as ClientMenu,
-  xi as Combobox,
+  Kn as AIActionsGroup,
+  Nn as AIAvatar,
+  Un as AIChatInput,
+  Gn as AIChatMessage,
+  _n as AICircularAction,
+  qn as AIContainer,
+  Yn as AIExpandableSection,
+  Jn as AIExplainability,
+  Xn as AIFabLayout,
+  Zn as AILabel,
+  Qn as AIListeningIndicator,
+  eo as AIMessage,
+  to as AIPersonaCard,
+  ro as AIQuickReply,
+  no as AIRelatedQuestions,
+  oo as AIResponseRenderer,
+  io as AIShimmer,
+  ao as AISource,
+  lo as AISourcesPanel,
+  so as AISourcesSection,
+  co as AISuggestedAction,
+  uo as AITextBlock,
+  ho as AITypingIndicator,
+  po as AIVoiceOverlay,
+  fo as AppLayout,
+  mo as AppsMenu,
+  Ci as AreaChart,
+  wi as BarChart,
+  Si as BubbleChart,
+  ki as ChartWrapper,
+  go as ChatHeader,
+  yo as ChatHistoryList,
+  xo as ChatThread,
+  bo as ClientMenu,
+  yi as Combobox,
   Gr as CommandPalette,
-  Ti as ComposedChart,
-  _o as ConfirmDialog,
-  Di as CustomLegend,
-  Ai as CustomTooltip,
-  gi as DataCard,
+  zi as ComposedChart,
+  Go as ConfirmDialog,
+  Ti as CustomLegend,
+  Di as CustomTooltip,
+  mi as DataCard,
   $r as DiffViewer,
   Or as DockLayout,
-  Ii as DonutChart,
-  bi as FileUpload,
+  Ai as DonutChart,
+  xi as FileUpload,
   Ur as FilterBar,
   Br as Footer,
   dn as FormProvider,
-  Mi as GaugeChart,
-  Ro as GradientIconBadge,
-  Bo as GradientText,
-  _n as HeaderActions,
-  Wo as Icon,
-  Ho as IconProvider,
-  qo as IllustratedMessage,
-  Oo as InsightEngine,
-  $o as InsightEngineInput,
-  qn as InsightEnginePanel,
-  Ei as InteractiveLegend,
-  Fi as LineChart,
-  Yo as Modal,
+  Ii as GaugeChart,
+  vo as GradientIconBadge,
+  Co as GradientText,
+  wo as HeaderActions,
+  So as Icon,
+  ko as IconProvider,
+  _o as IllustratedMessage,
+  zo as InsightEngine,
+  To as InsightEngineInput,
+  Do as InsightEnginePanel,
+  Mi as InteractiveLegend,
+  Ei as LineChart,
+  qo as Modal,
   Wr as PageHeader,
-  Li as PieChart,
-  Pi as PieLegend,
-  jo as QueryInput,
-  Ri as RadialBarChart,
-  Yn as ResizablePanel,
-  vi as RichTextEditor,
-  Bi as ScatterChart,
-  Jn as SearchBar,
+  Fi as PieChart,
+  Li as PieLegend,
+  Ao as QueryInput,
+  Pi as RadialBarChart,
+  Io as ResizablePanel,
+  bi as RichTextEditor,
+  Ri as ScatterChart,
+  Mo as SearchBar,
   Nr as SearchInput,
-  Wi as SimpleTooltip,
+  Bi as SimpleTooltip,
   an as SkipLink,
-  Hi as Sparkline,
+  Wi as Sparkline,
   Hr as SplitPane,
-  Vo as StatCard,
-  Jo as StatusIndicator,
-  Xo as StatusLegend,
+  Eo as StatCard,
+  Yo as StatusIndicator,
+  Jo as StatusLegend,
   jr as Timeline,
-  Zo as Toast,
-  Qo as ToastProvider,
-  Xn as TopNavHeader,
-  Zn as TopNavWithSidebar,
+  Xo as Toast,
+  Zo as ToastProvider,
+  Fo as TopNavHeader,
+  Lo as TopNavWithSidebar,
   Kr as TransferList,
   Vr as TreeView,
-  Qn as TrinityLogo,
-  ei as UploadDropZone,
-  Ko as UserAvatar,
-  eo as UserMenu,
-  No as UserMessage,
+  Po as TrinityLogo,
+  Qo as UploadDropZone,
+  Ro as UserAvatar,
+  Bo as UserMenu,
+  Wo as UserMessage,
   sn as VisuallyHidden,
-  oi as accessibleCombinations,
-  Uo as aiTokens,
+  ni as accessibleCombinations,
+  Ho as aiTokens,
   Ke as analyticsConfig,
   $n as analyticsDarkTheme,
   On as analyticsLightTheme,
@@ -5047,28 +5046,28 @@ export {
   Cn as attentionStyles,
   zt as baseTokens,
   Vt as brandColors,
-  to as componentTokens,
+  Oo as componentTokens,
   Tt as contrastHierarchy,
-  ii as createTrinityTheme,
+  oi as createTrinityTheme,
   Te as createTrinityThemePreset,
   je as crmConfig,
   Pn as crmDarkTheme,
   Ln as crmLightTheme,
   Fn as crmPreset,
   bn as custom,
-  ro as darkModeTokens,
-  ai as darkTheme,
+  $o as darkModeTokens,
+  ii as darkTheme,
   xt as dataVizColors,
   Ze as elevationHierarchy,
   pn as email,
   kn as ensureTouchTarget,
-  li as generateCssVariables,
-  si as generateDarkModeCssVariables,
+  ai as generateCssVariables,
+  li as generateDarkModeCssVariables,
   ve as getAttentionColor,
   zr as getAttentionStyles,
   Dn as getContrastColors,
-  ci as getContrastRatio,
-  no as getElevation,
+  si as getContrastRatio,
+  jo as getElevation,
   re as getElevationStyles,
   Xe as getFocusRingStyles,
   St as getHierarchySpacing,
@@ -5076,14 +5075,14 @@ export {
   zn as getInteractiveStyles,
   wn as getScaledSize,
   Tr as getSpacing,
-  oo as getTypography,
+  Vo as getTypography,
   X as getTypographyStyles,
-  io as hierarchy,
+  Ko as hierarchy,
   Tn as hoverEffect,
-  di as injectDarkModeCssVariables,
-  ui as injectTrinityCssVariables,
+  ci as injectDarkModeCssVariables,
+  di as injectTrinityCssVariables,
   kt as interactiveHierarchy,
-  hi as lightTheme,
+  ui as lightTheme,
   xn as max,
   mn as maxLength,
   An as meetsWCAG,
@@ -5099,14 +5098,14 @@ export {
   B as semanticTokens,
   se as spacing,
   ie as spacingHierarchy,
-  ao as tokens,
+  No as tokens,
   Ct as typographicHierarchy,
   kr as typographyPresets,
   vn as uiElevation,
   Mn as uiPatterns,
   ln as useAriaLive,
   Yr as useClipboard,
-  ti as useConfirmDialog,
+  ei as useConfirmDialog,
   _r as useDebounce,
   qr as useDebouncedCallback,
   nn as useFocusTrap,
@@ -5119,9 +5118,9 @@ export {
   Qr as usePrevious,
   on as useReducedMotion,
   cn as useRovingTabIndex,
-  ri as useToast,
+  ti as useToast,
   Zr as useToggle,
   Xr as useTrinityBreakpoints,
-  pi as useTrinityTokens,
-  fi as validateAccessibility
+  hi as useTrinityTokens,
+  pi as validateAccessibility
 };

package/dist/theme.js

@@ -1,6 +1,6 @@
 import { createTheme as M, useTheme as C } from "@mui/material/styles";
-import { t as p, c as o, d as m, e as R, s as v, a as h } from "./navigation.js";
-import { g as Z, j as q, f as J, o as K, m as Q, p as U, n as Y, h as _, k, i as S, l as rr } from "./navigation.js";
+import { t as p, c as o, d as m, e as R, s as v, a as h } from "./app-shell.js";
+import { g as Z, j as q, f as J, o as K, m as Q, p as U, n as Y, h as _, k, i as S, l as rr } from "./app-shell.js";
 import { useMemo as O } from "react";
 function w(...r) {
   return `--trinity-${r.join("-").replace(/([A-Z])/g, "-$1").toLowerCase()}`;

package/dist/tokens.js

@@ -1,4 +1,4 @@
-import { g as s, a as r, b as t, x as n, e as o, j as i, w as c, d as h, t as y, f as d, o as g, y as k, m as p, p as H, n as l, h as T, k as m, i as b, s as f, l as v, t as S, c as w } from "./navigation.js";
+import { g as s, a as r, b as t, ae as n, e as o, j as i, ad as c, d as h, t as y, f as d, o as g, af as k, m as p, p as H, n as l, h as T, k as m, i as b, s as f, l as v, t as S, c as C } from "./app-shell.js";
 export {
   s as attentionHierarchy,
   r as baseTokens,
@@ -21,5 +21,5 @@ export {
   f as semanticTokens,
   v as spacingHierarchy,
   S as tokens,
-  w as typographicHierarchy
+  C as typographicHierarchy
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@trinityui/design-system",
   "private": false,
-  "version": "1.0.7",
+  "version": "1.0.9",
   "type": "module",
   "description": "Trinity Design System - A customizable MUI-based component library",
   "main": "dist/index.js",