@trinityui/design-system 1.0.8 → 1.0.9

package/dist/charts.js

@@ -2,7 +2,7 @@ import { jsxs as s, jsx as t, Fragment as bt } from "react/jsx-runtime";
 import $t, { useId as Ft, useMemo as Q, useState as It, useCallback as pt } from "react";
 import { ResponsiveContainer as Z, LineChart as xt, CartesianGrid as lt, XAxis as at, YAxis as et, Tooltip as nt, Legend as st, ReferenceLine as tt, Area as dt, Line as yt, BarChart as vt, Bar as kt, AreaChart as St, PieChart as Kt, Pie as Rt, Cell as gt, Sector as Dt, ScatterChart as Tt, ZAxis as Ot, Scatter as Bt, RadialBarChart as Ct, RadialBar as zt, PolarAngleAxis as Et, ComposedChart as jt } from "recharts";
 import { Box as l, Skeleton as ut, Typography as z, useTheme as _t } from "@mui/material";
-import { b as K, a as wt, s as V } from "./navigation.js";
+import { b as K, a as wt, s as V } from "./app-shell.js";
 const H = wt.colors.gray, M = [
   K.primary.light,
   // Purple (#7841C9)

package/dist/data-table2.js

@@ -8,7 +8,7 @@ import Br from "@mui/icons-material/FileDownload";
 import Oe from "@mui/icons-material/Add";
 import je from "@mui/icons-material/Close";
 import Tr from "@mui/icons-material/Check";
-import { b as i, s as ie } from "./navigation.js";
+import { b as i, s as ie } from "./app-shell.js";
 import Fr from "@mui/icons-material/MoreVert";
 import "@mui/icons-material/CheckCircle";
 import "@mui/icons-material/Error";

package/dist/data.js

@@ -1,7 +1,7 @@
 import { jsx as e, jsxs as n } from "react/jsx-runtime";
 import { useTheme as B, Card as M, CardContent as O, Box as i, Skeleton as C, Typography as p, Tooltip as R, IconButton as L } from "@mui/material";
 import { InfoOutlined as A, MoreVert as F, TrendingFlat as G, TrendingDown as U, TrendingUp as Y } from "@mui/icons-material";
-import { s as x } from "./navigation.js";
+import { s as x } from "./app-shell.js";
 const q = ({ data: r, color: l, height: o = 40 }) => {
   if (!r || r.length < 2) return null;
   const d = Math.min(...r), S = Math.max(...r) - d || 1, a = 100, h = r.map((g, y) => {

package/dist/essentials.js

@@ -1,5 +1,5 @@
 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 { D as qe } from "./data.js";
 import { jsxs as k, jsx as t, Fragment as ae } from "react/jsx-runtime";

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 { D 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.8",
+  "version": "1.0.9",
   "type": "module",
   "description": "Trinity Design System - A customizable MUI-based component library",
   "main": "dist/index.js",