@visin/frontend-core 1.9.0 → 1.11.0

package/dist/components/Page/Panel.d.ts

@@ -9,8 +9,10 @@ export interface PanelProps {
     'aria-labelledby'?: string;
 }
 /**
- * The surface lists, tables and forms sit on: white, a hairline border, 16px
- * corners. Flat on purpose — on a phone, stacked shadows read as clutter.
+ * The surface lists, tables and forms sit on: paper, a hairline border, 16px
+ * corners and a shadow soft enough that a stack of them does not read as
+ * clutter on a phone. Solid, not glass: blur behind rows of numbers costs
+ * legibility.
  */
 export declare function Panel({ children, sx, component, ...aria }: PanelProps): import("react").JSX.Element;
 //# sourceMappingURL=Panel.d.ts.map

package/dist/components/Page/Panel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Panel.d.ts","sourceRoot":"","sources":["../../../src/components/Page/Panel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAO,KAAK,OAAO,EAAE,KAAK,KAAK,EAAE,MAAM,eAAe,CAAC;AAE9D,MAAM,WAAW,UAAU;IACzB,QAAQ,EAAE,SAAS,CAAC;IACpB,EAAE,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;IACpB,qDAAqD;IACrD,SAAS,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;IAC9B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B;AAED;;;GAGG;AACH,wBAAgB,KAAK,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,SAAiB,EAAE,GAAG,IAAI,EAAE,EAAE,UAAU,+BAa7E"}
+{"version":3,"file":"Panel.d.ts","sourceRoot":"","sources":["../../../src/components/Page/Panel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAO,KAAK,OAAO,EAAE,KAAK,KAAK,EAAE,MAAM,eAAe,CAAC;AAG9D,MAAM,WAAW,UAAU;IACzB,QAAQ,EAAE,SAAS,CAAC;IACpB,EAAE,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;IACpB,qDAAqD;IACrD,SAAS,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;IAC9B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B;AAED;;;;;GAKG;AACH,wBAAgB,KAAK,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,SAAiB,EAAE,GAAG,IAAI,EAAE,EAAE,UAAU,+BAoB7E"}

package/dist/components/Page/Panel.js

@@ -1,12 +1,22 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Box } from '@mui/material';
+import { raisedShadow } from '../../theme';
 /**
- * The surface lists, tables and forms sit on: white, a hairline border, 16px
- * corners. Flat on purpose — on a phone, stacked shadows read as clutter.
+ * The surface lists, tables and forms sit on: paper, a hairline border, 16px
+ * corners and a shadow soft enough that a stack of them does not read as
+ * clutter on a phone. Solid, not glass: blur behind rows of numbers costs
+ * legibility.
  */
 export function Panel({ children, sx, component = 'div', ...aria }) {
     return (_jsx(Box, { component: component, ...aria, sx: [
-            { bgcolor: 'background.paper', border: '1px solid', borderColor: 'divider', borderRadius: '16px', overflow: 'hidden' },
+            {
+                bgcolor: 'background.paper',
+                border: '1px solid',
+                borderColor: 'divider',
+                borderRadius: '16px',
+                boxShadow: raisedShadow,
+                overflow: 'hidden'
+            },
             ...(Array.isArray(sx) ? sx : [sx])
         ], children: children }));
 }

package/dist/components/Page/Panel.js.map

@@ -1 +1 @@
-{"version":3,"file":"Panel.js","sourceRoot":"","sources":["../../../src/components/Page/Panel.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,GAAG,EAA4B,MAAM,eAAe,CAAC;AAW9D;;;GAGG;AACH,MAAM,UAAU,KAAK,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,SAAS,GAAG,KAAK,EAAE,GAAG,IAAI,EAAc;IAC5E,OAAO,CACL,KAAC,GAAG,IACF,SAAS,EAAE,SAAS,KAChB,IAAI,EACR,EAAE,EAAE;YACF,EAAE,OAAO,EAAE,kBAAkB,EAAE,MAAM,EAAE,WAAW,EAAE,WAAW,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE;YACtH,GAAG,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;SACnC,YAEA,QAAQ,GACL,CACP,CAAC;AACJ,CAAC"}
+{"version":3,"file":"Panel.js","sourceRoot":"","sources":["../../../src/components/Page/Panel.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,GAAG,EAA4B,MAAM,eAAe,CAAC;AAC9D,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAW3C;;;;;GAKG;AACH,MAAM,UAAU,KAAK,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,SAAS,GAAG,KAAK,EAAE,GAAG,IAAI,EAAc;IAC5E,OAAO,CACL,KAAC,GAAG,IACF,SAAS,EAAE,SAAS,KAChB,IAAI,EACR,EAAE,EAAE;YACF;gBACE,OAAO,EAAE,kBAAkB;gBAC3B,MAAM,EAAE,WAAW;gBACnB,WAAW,EAAE,SAAS;gBACtB,YAAY,EAAE,MAAM;gBACpB,SAAS,EAAE,YAAY;gBACvB,QAAQ,EAAE,QAAQ;aACnB;YACD,GAAG,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;SACnC,YAEA,QAAQ,GACL,CACP,CAAC;AACJ,CAAC"}

package/dist/index.d.ts

@@ -8,7 +8,10 @@ export { AppLayout } from './components/AppLayout';
 export type { AppLayoutProps, AppLayoutNavGroup, AppLayoutNavItem, AppLayoutInternalNavItem, AppLayoutExternalNavItem, AppLayoutUser } from './components/AppLayout';
 export { PageHeader, Panel, ListRow, RowIcon, SectionHeading, EmptyState, ResponsiveActions, TAB_BAR_HEIGHT, useCompactLayout } from './components/Page';
 export type { PageHeaderProps, PageAction, PanelProps, ListRowProps, SectionHeadingProps, EmptyStateProps, ResponsiveAction, ResponsiveActionsProps } from './components/Page';
-export { createVisinTheme, VISIN_COLORS } from './theme';
+export { createVisinTheme, visinTheme, VISIN_COLORS, COLOR_SCHEME_ATTRIBUTE, COLOR_MODE_STORAGE_KEY, COLOR_SCHEME_STORAGE_KEY, brand, schemes, ink, surface, pageBackground, glass, glassInteractive, liftOnHover, raisedShadow, mainAction, chrome, onImage, tint, livePalette, chartSeries } from './theme';
+export type { ColorSchemeName } from './theme';
+export { VisinThemeProvider, ColorModeSetting, COLOR_MODE_OPTIONS, useThemeColorMeta, useActivePalette, useChartColors } from './components/ColorMode';
+export type { VisinThemeProviderProps, ColorMode, ColorModeSettingProps, ChartColors } from './components/ColorMode';
 export { createVisinNavigation } from './navigation';
 export type { VisinApp, VisinAppUrls, VisinNavigation } from './navigation';
 export { createProtectedRoute } from './components/ProtectedRoute';

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,eAAe,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACxD,YAAY,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAElF,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,YAAY,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AACvD,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,YAAY,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAC7D,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,YAAY,EACV,cAAc,EACd,iBAAiB,EACjB,gBAAgB,EAChB,wBAAwB,EACxB,wBAAwB,EACxB,aAAa,EACd,MAAM,wBAAwB,CAAC;AAChC,OAAO,EACL,UAAU,EACV,KAAK,EACL,OAAO,EACP,OAAO,EACP,cAAc,EACd,UAAU,EACV,iBAAiB,EACjB,cAAc,EACd,gBAAgB,EACjB,MAAM,mBAAmB,CAAC;AAC3B,YAAY,EACV,eAAe,EACf,UAAU,EACV,UAAU,EACV,YAAY,EACZ,mBAAmB,EACnB,eAAe,EACf,gBAAgB,EAChB,sBAAsB,EACvB,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAE,gBAAgB,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AACzD,OAAO,EAAE,qBAAqB,EAAE,MAAM,cAAc,CAAC;AACrD,YAAY,EAAE,QAAQ,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAC5E,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AACnE,YAAY,EAAE,mBAAmB,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;AAC3F,OAAO,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AACjE,YAAY,EAAE,iBAAiB,EAAE,oBAAoB,EAAE,MAAM,4BAA4B,CAAC;AAE1F,OAAO,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AACvD,YAAY,EAAE,WAAW,EAAE,kBAAkB,EAAE,QAAQ,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrG,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,YAAY,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAE5D,OAAO,EAAE,oBAAoB,EAAE,MAAM,+BAA+B,CAAC;AACrE,YAAY,EAAE,2BAA2B,EAAE,MAAM,+BAA+B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,eAAe,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACxD,YAAY,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAElF,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,YAAY,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AACvD,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,YAAY,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAC7D,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,YAAY,EACV,cAAc,EACd,iBAAiB,EACjB,gBAAgB,EAChB,wBAAwB,EACxB,wBAAwB,EACxB,aAAa,EACd,MAAM,wBAAwB,CAAC;AAChC,OAAO,EACL,UAAU,EACV,KAAK,EACL,OAAO,EACP,OAAO,EACP,cAAc,EACd,UAAU,EACV,iBAAiB,EACjB,cAAc,EACd,gBAAgB,EACjB,MAAM,mBAAmB,CAAC;AAC3B,YAAY,EACV,eAAe,EACf,UAAU,EACV,UAAU,EACV,YAAY,EACZ,mBAAmB,EACnB,eAAe,EACf,gBAAgB,EAChB,sBAAsB,EACvB,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EACL,gBAAgB,EAChB,UAAU,EACV,YAAY,EACZ,sBAAsB,EACtB,sBAAsB,EACtB,wBAAwB,EACxB,KAAK,EACL,OAAO,EACP,GAAG,EACH,OAAO,EACP,cAAc,EACd,KAAK,EACL,gBAAgB,EAChB,WAAW,EACX,YAAY,EACZ,UAAU,EACV,MAAM,EACN,OAAO,EACP,IAAI,EACJ,WAAW,EACX,WAAW,EACZ,MAAM,SAAS,CAAC;AACjB,YAAY,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAC/C,OAAO,EACL,kBAAkB,EAClB,gBAAgB,EAChB,kBAAkB,EAClB,iBAAiB,EACjB,gBAAgB,EAChB,cAAc,EACf,MAAM,wBAAwB,CAAC;AAChC,YAAY,EAAE,uBAAuB,EAAE,SAAS,EAAE,qBAAqB,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AACrH,OAAO,EAAE,qBAAqB,EAAE,MAAM,cAAc,CAAC;AACrD,YAAY,EAAE,QAAQ,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAC5E,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AACnE,YAAY,EAAE,mBAAmB,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;AAC3F,OAAO,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AACjE,YAAY,EAAE,iBAAiB,EAAE,oBAAoB,EAAE,MAAM,4BAA4B,CAAC;AAE1F,OAAO,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AACvD,YAAY,EAAE,WAAW,EAAE,kBAAkB,EAAE,QAAQ,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrG,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,YAAY,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAE5D,OAAO,EAAE,oBAAoB,EAAE,MAAM,+BAA+B,CAAC;AACrE,YAAY,EAAE,2BAA2B,EAAE,MAAM,+BAA+B,CAAC"}

package/dist/index.js

@@ -4,7 +4,8 @@ export { Loader } from './components/Loader';
 export { ErrorPage } from './components/ErrorPage';
 export { AppLayout } from './components/AppLayout';
 export { PageHeader, Panel, ListRow, RowIcon, SectionHeading, EmptyState, ResponsiveActions, TAB_BAR_HEIGHT, useCompactLayout } from './components/Page';
-export { createVisinTheme, VISIN_COLORS } from './theme';
+export { createVisinTheme, visinTheme, VISIN_COLORS, COLOR_SCHEME_ATTRIBUTE, COLOR_MODE_STORAGE_KEY, COLOR_SCHEME_STORAGE_KEY, brand, schemes, ink, surface, pageBackground, glass, glassInteractive, liftOnHover, raisedShadow, mainAction, chrome, onImage, tint, livePalette, chartSeries } from './theme';
+export { VisinThemeProvider, ColorModeSetting, COLOR_MODE_OPTIONS, useThemeColorMeta, useActivePalette, useChartColors } from './components/ColorMode';
 export { createVisinNavigation } from './navigation';
 export { createProtectedRoute } from './components/ProtectedRoute';
 export { createLoginRedirect } from './components/LoginRedirect';

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,mFAAmF;AAEnF,OAAO,EAAE,eAAe,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAGxD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAE7C,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAEnD,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AASnD,OAAO,EACL,UAAU,EACV,KAAK,EACL,OAAO,EACP,OAAO,EACP,cAAc,EACd,UAAU,EACV,iBAAiB,EACjB,cAAc,EACd,gBAAgB,EACjB,MAAM,mBAAmB,CAAC;AAW3B,OAAO,EAAE,gBAAgB,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AACzD,OAAO,EAAE,qBAAqB,EAAE,MAAM,cAAc,CAAC;AAErD,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AAEnE,OAAO,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AAGjE,OAAO,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAEvD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAGxD,OAAO,EAAE,oBAAoB,EAAE,MAAM,+BAA+B,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,mFAAmF;AAEnF,OAAO,EAAE,eAAe,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAGxD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAE7C,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAEnD,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AASnD,OAAO,EACL,UAAU,EACV,KAAK,EACL,OAAO,EACP,OAAO,EACP,cAAc,EACd,UAAU,EACV,iBAAiB,EACjB,cAAc,EACd,gBAAgB,EACjB,MAAM,mBAAmB,CAAC;AAW3B,OAAO,EACL,gBAAgB,EAChB,UAAU,EACV,YAAY,EACZ,sBAAsB,EACtB,sBAAsB,EACtB,wBAAwB,EACxB,KAAK,EACL,OAAO,EACP,GAAG,EACH,OAAO,EACP,cAAc,EACd,KAAK,EACL,gBAAgB,EAChB,WAAW,EACX,YAAY,EACZ,UAAU,EACV,MAAM,EACN,OAAO,EACP,IAAI,EACJ,WAAW,EACX,WAAW,EACZ,MAAM,SAAS,CAAC;AAEjB,OAAO,EACL,kBAAkB,EAClB,gBAAgB,EAChB,kBAAkB,EAClB,iBAAiB,EACjB,gBAAgB,EAChB,cAAc,EACf,MAAM,wBAAwB,CAAC;AAEhC,OAAO,EAAE,qBAAqB,EAAE,MAAM,cAAc,CAAC;AAErD,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AAEnE,OAAO,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AAGjE,OAAO,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAEvD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAGxD,OAAO,EAAE,oBAAoB,EAAE,MAAM,+BAA+B,CAAC"}

package/dist/theme/chart.d.ts

@@ -0,0 +1,19 @@
+/**
+ * Series colours for charts: eight hues in a fixed order, stepped separately
+ * for each scheme.
+ *
+ * The order is what keeps neighbouring series apart under colour-vision
+ * deficiency, so assign slots in order, never shuffle them, and give an entity
+ * the same slot wherever it appears (training is slot 1, validation slot 2).
+ * Validated against Visin's paper surfaces (#ffffff, #121826): every adjacent
+ * pair clears ΔE 8 under CVD simulation and 15 in normal vision. In light,
+ * slots 3–5 sit under 3:1 on white, so a chart using them keeps its legend.
+ *
+ * Real values rather than CSS variables: the chart library writes them into
+ * SVG attributes and blends them itself, and can do neither with `var()`.
+ */
+export declare const chartSeries: {
+    readonly light: readonly ["#2a78d6", "#eb6834", "#1baf7a", "#eda100", "#e87ba4", "#008300", "#4a3aa7", "#e34948"];
+    readonly dark: readonly ["#3987e5", "#d95926", "#199e70", "#c98500", "#d55181", "#008300", "#9085e9", "#e66767"];
+};
+//# sourceMappingURL=chart.d.ts.map

package/dist/theme/chart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart.d.ts","sourceRoot":"","sources":["../../src/theme/chart.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,WAAW;;;CAGd,CAAC"}

package/dist/theme/chart.js

@@ -0,0 +1,19 @@
+/**
+ * Series colours for charts: eight hues in a fixed order, stepped separately
+ * for each scheme.
+ *
+ * The order is what keeps neighbouring series apart under colour-vision
+ * deficiency, so assign slots in order, never shuffle them, and give an entity
+ * the same slot wherever it appears (training is slot 1, validation slot 2).
+ * Validated against Visin's paper surfaces (#ffffff, #121826): every adjacent
+ * pair clears ΔE 8 under CVD simulation and 15 in normal vision. In light,
+ * slots 3–5 sit under 3:1 on white, so a chart using them keeps its legend.
+ *
+ * Real values rather than CSS variables: the chart library writes them into
+ * SVG attributes and blends them itself, and can do neither with `var()`.
+ */
+export const chartSeries = {
+    light: ['#2a78d6', '#eb6834', '#1baf7a', '#eda100', '#e87ba4', '#008300', '#4a3aa7', '#e34948'],
+    dark: ['#3987e5', '#d95926', '#199e70', '#c98500', '#d55181', '#008300', '#9085e9', '#e66767']
+};
+//# sourceMappingURL=chart.js.map

package/dist/theme/chart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart.js","sourceRoot":"","sources":["../../src/theme/chart.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG;IACzB,KAAK,EAAE,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,CAAC;IAC/F,IAAI,EAAE,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,CAAC;CACtF,CAAC"}

package/dist/theme/createVisinTheme.d.ts

@@ -0,0 +1,45 @@
+import { type Theme, type ThemeOptions } from '@mui/material/styles';
+declare module '@mui/material/styles' {
+    interface CssThemeVariables {
+        enabled: true;
+    }
+}
+/** The attribute on <html> that says which scheme is showing: `light` or `dark`. */
+export declare const COLOR_SCHEME_ATTRIBUTE = "data-color-scheme";
+/**
+ * Where the person's choice (`system`, `light` or `dark`) is kept. Named rather
+ * than MUI's default, so the pre-paint script in each index.html reads the same key.
+ */
+export declare const COLOR_MODE_STORAGE_KEY = "visin-mode";
+export declare const COLOR_SCHEME_STORAGE_KEY = "visin-color-scheme";
+/**
+ * The colours named outside a React tree: `theme-color` in each index.html,
+ * the manifest, the offline page.
+ */
+export declare const VISIN_COLORS: {
+    /** Primary: buttons, links, the selected state. */
+    readonly brand: "#2563eb";
+    readonly themeColor: "#f6f7fb";
+    readonly themeColorDark: "#0b0f17";
+    readonly background: "#f6f7fb";
+};
+/**
+ * The one theme every Visin front renders with — shell, vision, label, account
+ * and sign-in — so crossing apps inside the shell never changes the typeface,
+ * the blue, the scheme or the shape of a button.
+ *
+ * Colours are CSS variables switched by an attribute on <html>. That is what
+ * makes one switch reach every front: the remotes are federated into the
+ * shell's page, so they all read the same attribute. It also means
+ * `theme.palette` holds the *light* values in both schemes; code that needs a
+ * colour in JS reads `theme.vars.palette` (or `useActivePalette` for a real
+ * value, e.g. a chart series).
+ *
+ * `shape.borderRadius` stays MUI's 4px unit on purpose: pages across the apps
+ * set radii as theme multiples (`borderRadius: 2`), and a larger unit turned
+ * those into pills. Components get their rounder corners here instead.
+ */
+export declare function createVisinTheme(overrides?: ThemeOptions): Theme;
+/** Built once at module scope: a theme rebuilt per render remounts every style. */
+export declare const visinTheme: Theme;
+//# sourceMappingURL=createVisinTheme.d.ts.map

package/dist/theme/createVisinTheme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createVisinTheme.d.ts","sourceRoot":"","sources":["../../src/theme/createVisinTheme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAe,KAAK,KAAK,EAAE,KAAK,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAMlF,OAAO,QAAQ,sBAAsB,CAAC;IACpC,UAAU,iBAAiB;QACzB,OAAO,EAAE,IAAI,CAAC;KACf;CACF;AAeD,oFAAoF;AACpF,eAAO,MAAM,sBAAsB,sBAAsB,CAAC;AAE1D;;;GAGG;AACH,eAAO,MAAM,sBAAsB,eAAe,CAAC;AACnD,eAAO,MAAM,wBAAwB,uBAAuB,CAAC;AAE7D;;;GAGG;AACH,eAAO,MAAM,YAAY;IACvB,mDAAmD;;;;;CAK3C,CAAC;AA8BX;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,gBAAgB,CAAC,SAAS,GAAE,YAAiB,GAAG,KAAK,CA2LpE;AAED,mFAAmF;AACnF,eAAO,MAAM,UAAU,OAAqB,CAAC"}

package/dist/theme/createVisinTheme.js

@@ -0,0 +1,261 @@
+import { createTheme } from '@mui/material/styles';
+import { brand, glass, ink, raisedShadow, schemeCssVars, schemes, surface } from './tokens';
+/** Below `md` — the compact (phone) layout, as `useCompactLayout` reads it. */
+const PHONE = '@media (max-width:899.95px)';
+/**
+ * Below `sm` — a phone held upright, where a thumb does the pointing. 44px is
+ * the WCAG 2.2 target size and both platforms' minimum; MUI's 36px button is a
+ * miss often enough to feel broken.
+ */
+const HANDHELD = '@media (max-width:599.95px)';
+const TOUCH_TARGET = 44;
+const FONT_STACK = '"Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif';
+/** The attribute on <html> that says which scheme is showing: `light` or `dark`. */
+export const COLOR_SCHEME_ATTRIBUTE = 'data-color-scheme';
+/**
+ * Where the person's choice (`system`, `light` or `dark`) is kept. Named rather
+ * than MUI's default, so the pre-paint script in each index.html reads the same key.
+ */
+export const COLOR_MODE_STORAGE_KEY = 'visin-mode';
+export const COLOR_SCHEME_STORAGE_KEY = 'visin-color-scheme';
+/**
+ * The colours named outside a React tree: `theme-color` in each index.html,
+ * the manifest, the offline page.
+ */
+export const VISIN_COLORS = {
+    /** Primary: buttons, links, the selected state. */
+    brand: brand.light,
+    themeColor: schemes.light.themeColor,
+    themeColorDark: schemes.dark.themeColor,
+    background: schemes.light.surface.default
+};
+const lightPalette = {
+    primary: { main: brand.light, light: '#60a5fa', dark: '#1d4ed8', contrastText: '#ffffff' },
+    secondary: { main: '#64748b' },
+    success: { main: '#15803d' },
+    warning: { main: '#b45309' },
+    error: { main: '#dc2626' },
+    info: { main: '#0369a1' },
+    background: { default: schemes.light.surface.default, paper: schemes.light.surface.paper },
+    text: { primary: schemes.light.ink.strong, secondary: schemes.light.ink.body, disabled: schemes.light.ink.faint },
+    divider: schemes.light.surface.divider
+};
+/**
+ * Walked *up* for dark: the light scheme's blue is 3.1:1 on the dark paper, so
+ * anything readable gets a lighter one, with dark text on it as a button fill.
+ */
+const darkPalette = {
+    primary: { main: brand.dark, light: '#93c5fd', dark: '#3b82f6', contrastText: '#0b1220' },
+    secondary: { main: '#94a3b8' },
+    success: { main: '#4ade80' },
+    warning: { main: '#fbbf24' },
+    error: { main: '#f87171' },
+    info: { main: '#38bdf8' },
+    background: { default: schemes.dark.surface.default, paper: schemes.dark.surface.paper },
+    text: { primary: schemes.dark.ink.strong, secondary: schemes.dark.ink.body, disabled: schemes.dark.ink.faint },
+    divider: schemes.dark.surface.divider
+};
+/**
+ * The one theme every Visin front renders with — shell, vision, label, account
+ * and sign-in — so crossing apps inside the shell never changes the typeface,
+ * the blue, the scheme or the shape of a button.
+ *
+ * Colours are CSS variables switched by an attribute on <html>. That is what
+ * makes one switch reach every front: the remotes are federated into the
+ * shell's page, so they all read the same attribute. It also means
+ * `theme.palette` holds the *light* values in both schemes; code that needs a
+ * colour in JS reads `theme.vars.palette` (or `useActivePalette` for a real
+ * value, e.g. a chart series).
+ *
+ * `shape.borderRadius` stays MUI's 4px unit on purpose: pages across the apps
+ * set radii as theme multiples (`borderRadius: 2`), and a larger unit turned
+ * those into pills. Components get their rounder corners here instead.
+ */
+export function createVisinTheme(overrides = {}) {
+    return createTheme({
+        cssVariables: { colorSchemeSelector: COLOR_SCHEME_ATTRIBUTE },
+        colorSchemes: { light: { palette: lightPalette }, dark: { palette: darkPalette } },
+        typography: {
+            fontFamily: FONT_STACK,
+            h1: { fontWeight: 700, letterSpacing: '-0.02em' },
+            h2: { fontWeight: 700, letterSpacing: '-0.02em' },
+            h3: { fontWeight: 700, letterSpacing: '-0.02em' },
+            // Page titles: MUI's 2.125rem h4 filled a phone's width with two words.
+            h4: { fontWeight: 700, letterSpacing: '-0.02em', fontSize: '1.75rem', [PHONE]: { fontSize: '1.375rem' } },
+            h5: { fontWeight: 600, [PHONE]: { fontSize: '1.2rem' } },
+            h6: { fontWeight: 600 },
+            subtitle1: { fontWeight: 600 },
+            subtitle2: { fontWeight: 600 },
+            button: { textTransform: 'none', fontWeight: 600 }
+        },
+        shape: { borderRadius: 4 },
+        components: {
+            MuiCssBaseline: {
+                styleOverrides: {
+                    // The tokens pages use (`ink.muted`, `surface.sunken`, `glass`…) are
+                    // variables; these are their values in each scheme. The attribute
+                    // also works on an element, not only <html>, so a region can pin
+                    // itself to one scheme.
+                    [`:root, [${COLOR_SCHEME_ATTRIBUTE}="light"]`]: schemeCssVars('light'),
+                    [`:root[${COLOR_SCHEME_ATTRIBUTE}="dark"], [${COLOR_SCHEME_ATTRIBUTE}="dark"]`]: schemeCssVars('dark'),
+                    body: { WebkitFontSmoothing: 'antialiased', MozOsxFontSmoothing: 'grayscale' },
+                    '*::-webkit-scrollbar': { width: 10, height: 10 },
+                    '*::-webkit-scrollbar-track': { background: 'transparent' },
+                    '*::-webkit-scrollbar-thumb': {
+                        background: 'rgba(100,116,139,0.28)',
+                        borderRadius: 999,
+                        border: '2px solid transparent',
+                        backgroundClip: 'padding-box'
+                    },
+                    '*::-webkit-scrollbar-thumb:hover': { background: 'rgba(100,116,139,0.5)', backgroundClip: 'padding-box' }
+                }
+            },
+            // AppLayout's content column already has the page gutters; a Container's
+            // own added a second pair, which a phone paid for in width.
+            MuiContainer: {
+                defaultProps: { disableGutters: true }
+            },
+            MuiButton: {
+                defaultProps: { disableElevation: true },
+                styleOverrides: {
+                    root: ({ theme }) => ({
+                        borderRadius: 10,
+                        [HANDHELD]: { minHeight: TOUCH_TARGET },
+                        variants: [
+                            {
+                                // A little light from above and a glow in its own colour: a
+                                // flat fill read as a sticker on the frosted chrome.
+                                props: { variant: 'contained', color: 'primary' },
+                                style: {
+                                    backgroundImage: 'linear-gradient(180deg, rgba(255,255,255,0.14), rgba(255,255,255,0))',
+                                    boxShadow: `0 1px 0 rgba(255,255,255,0.18) inset, 0 8px 20px -10px ${theme.alpha(theme.vars.palette.primary.main, 0.7)}`,
+                                    '&:hover': {
+                                        boxShadow: `0 1px 0 rgba(255,255,255,0.18) inset, 0 10px 24px -10px ${theme.alpha(theme.vars.palette.primary.main, 0.85)}`
+                                    },
+                                    '&.Mui-disabled': { backgroundImage: 'none', boxShadow: 'none' }
+                                }
+                            }
+                        ]
+                    }),
+                    sizeSmall: { [HANDHELD]: { minHeight: 36 } }
+                }
+            },
+            MuiIconButton: {
+                styleOverrides: {
+                    root: {
+                        [HANDHELD]: {
+                            minWidth: TOUCH_TARGET,
+                            minHeight: TOUCH_TARGET,
+                            // Inside a text field the field is the target, and 44px would
+                            // stretch a small one taller than its neighbours.
+                            '.MuiInputAdornment-root &': { minWidth: 0, minHeight: 0 }
+                        }
+                    },
+                    sizeSmall: { [HANDHELD]: { minWidth: 36, minHeight: 36 } }
+                }
+            },
+            MuiMenuItem: {
+                styleOverrides: { root: { [HANDHELD]: { minHeight: TOUCH_TARGET } } }
+            },
+            MuiListItemButton: {
+                styleOverrides: { root: { [HANDHELD]: { minHeight: TOUCH_TARGET } } }
+            },
+            MuiFab: {
+                styleOverrides: { root: { textTransform: 'none', fontWeight: 600 } }
+            },
+            MuiPaper: {
+                styleOverrides: {
+                    // MUI lightens dark paper by elevation with a white overlay, which
+                    // turns a menu grey against its own panel. The surfaces are chosen.
+                    root: { backgroundImage: 'none' },
+                    rounded: { borderRadius: 12 },
+                    outlined: { borderColor: surface.divider }
+                }
+            },
+            MuiCard: {
+                defaultProps: { variant: 'outlined' },
+                styleOverrides: {
+                    root: { borderRadius: 16, boxShadow: raisedShadow }
+                }
+            },
+            MuiPopover: {
+                styleOverrides: { paper: { ...glass, borderRadius: 12 } }
+            },
+            MuiMenu: {
+                styleOverrides: { paper: { borderRadius: 12 } }
+            },
+            MuiAutocomplete: {
+                styleOverrides: { paper: { ...glass, borderRadius: 12 } }
+            },
+            MuiDialog: {
+                styleOverrides: {
+                    // Solid: a form over a blur is harder to read than it is pretty.
+                    paper: {
+                        borderRadius: 16,
+                        border: `1px solid ${surface.divider}`,
+                        boxShadow: '0 30px 80px -30px rgba(0,0,0,0.45)',
+                        // Near full screen on a phone: a desktop's margins squeeze a form
+                        // into the middle for nothing.
+                        [HANDHELD]: {
+                            margin: 12,
+                            width: 'calc(100% - 24px)',
+                            maxWidth: 'calc(100% - 24px)',
+                            maxHeight: 'calc(100% - 24px)'
+                        }
+                    }
+                }
+            },
+            MuiBackdrop: {
+                styleOverrides: {
+                    root: {
+                        variants: [
+                            {
+                                props: { invisible: false },
+                                style: { backgroundColor: 'rgba(8,12,20,0.45)', backdropFilter: 'blur(3px)' }
+                            }
+                        ]
+                    }
+                }
+            },
+            MuiOutlinedInput: {
+                styleOverrides: { root: { borderRadius: 10, backgroundColor: surface.paper } }
+            },
+            MuiAlert: {
+                styleOverrides: { root: { borderRadius: 10 } }
+            },
+            MuiChip: {
+                styleOverrides: { root: { fontWeight: 500 } }
+            },
+            // A tab strip wider than the phone it is on is the commonest cause of a
+            // page that slides sideways. A page that wants fixed tabs says so.
+            MuiTabs: {
+                defaultProps: { variant: 'scrollable', scrollButtons: 'auto', allowScrollButtonsMobile: true }
+            },
+            MuiTab: {
+                styleOverrides: { root: { textTransform: 'none', fontWeight: 600, [HANDHELD]: { minWidth: 'auto', paddingInline: 12 } } }
+            },
+            MuiTableCell: {
+                styleOverrides: {
+                    root: { borderColor: surface.divider },
+                    head: {
+                        backgroundColor: surface.sunken,
+                        color: ink.body,
+                        fontSize: '0.75rem',
+                        fontWeight: 600,
+                        letterSpacing: '0.04em',
+                        textTransform: 'uppercase'
+                    }
+                }
+            },
+            MuiTooltip: {
+                styleOverrides: { tooltip: { fontSize: '0.75rem', borderRadius: 8, padding: '6px 10px' } }
+            },
+            MuiLinearProgress: {
+                styleOverrides: { root: { borderRadius: 999 }, bar: { borderRadius: 999 } }
+            }
+        }
+    }, overrides);
+}
+/** Built once at module scope: a theme rebuilt per render remounts every style. */
+export const visinTheme = createVisinTheme();
+//# sourceMappingURL=createVisinTheme.js.map

package/dist/theme/createVisinTheme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"createVisinTheme.js","sourceRoot":"","sources":["../../src/theme/createVisinTheme.ts"],"names":[],"mappings":"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"}

package/dist/theme/index.d.ts

@@ -0,0 +1,6 @@
+export { brand, schemes, schemeCssVars, ink, surface, pageBackground, glass, glassInteractive, liftOnHover, raisedShadow, mainAction, chrome, onImage, tint } from './tokens';
+export type { ColorSchemeName } from './tokens';
+export { livePalette } from './livePalette';
+export { chartSeries } from './chart';
+export { createVisinTheme, visinTheme, VISIN_COLORS, COLOR_SCHEME_ATTRIBUTE, COLOR_MODE_STORAGE_KEY, COLOR_SCHEME_STORAGE_KEY } from './createVisinTheme';
+//# sourceMappingURL=index.d.ts.map

package/dist/theme/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/theme/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,EACL,OAAO,EACP,aAAa,EACb,GAAG,EACH,OAAO,EACP,cAAc,EACd,KAAK,EACL,gBAAgB,EAChB,WAAW,EACX,YAAY,EACZ,UAAU,EACV,MAAM,EACN,OAAO,EACP,IAAI,EACL,MAAM,UAAU,CAAC;AAClB,YAAY,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAChD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AACtC,OAAO,EACL,gBAAgB,EAChB,UAAU,EACV,YAAY,EACZ,sBAAsB,EACtB,sBAAsB,EACtB,wBAAwB,EACzB,MAAM,oBAAoB,CAAC"}

package/dist/theme/index.js

@@ -0,0 +1,5 @@
+export { brand, schemes, schemeCssVars, ink, surface, pageBackground, glass, glassInteractive, liftOnHover, raisedShadow, mainAction, chrome, onImage, tint } from './tokens';
+export { livePalette } from './livePalette';
+export { chartSeries } from './chart';
+export { createVisinTheme, visinTheme, VISIN_COLORS, COLOR_SCHEME_ATTRIBUTE, COLOR_MODE_STORAGE_KEY, COLOR_SCHEME_STORAGE_KEY } from './createVisinTheme';
+//# sourceMappingURL=index.js.map

package/dist/theme/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/theme/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,EACL,OAAO,EACP,aAAa,EACb,GAAG,EACH,OAAO,EACP,cAAc,EACd,KAAK,EACL,gBAAgB,EAChB,WAAW,EACX,YAAY,EACZ,UAAU,EACV,MAAM,EACN,OAAO,EACP,IAAI,EACL,MAAM,UAAU,CAAC;AAElB,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AACtC,OAAO,EACL,gBAAgB,EAChB,UAAU,EACV,YAAY,EACZ,sBAAsB,EACtB,sBAAsB,EACtB,wBAAwB,EACzB,MAAM,oBAAoB,CAAC"}

package/dist/theme/livePalette.d.ts

@@ -0,0 +1,11 @@
+import type { Theme } from '@mui/material/styles';
+/**
+ * The palette as values that follow light and dark: CSS variables under the
+ * Visin theme, plain colours under a theme without them (a test's default).
+ *
+ * `theme.palette` holds the light values in both schemes. Anything built from
+ * this must mix colours in CSS — `tint`, `theme.alpha` — not with MUI's
+ * `alpha()`, which cannot parse a variable.
+ */
+export declare const livePalette: (theme: Theme) => Omit<import("@mui/material").Palette & import("@mui/material").CssVarsPalette, "mode" | "colorScheme" | "contrastThreshold" | "tonalOffset" | "getContrastText" | "augmentColor">;
+//# sourceMappingURL=livePalette.d.ts.map

package/dist/theme/livePalette.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"livePalette.d.ts","sourceRoot":"","sources":["../../src/theme/livePalette.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAElD;;;;;;;GAOG;AACH,eAAO,MAAM,WAAW,GAAI,OAAO,KAAK,sLAAkC,CAAC"}

package/dist/theme/livePalette.js

@@ -0,0 +1,10 @@
+/**
+ * The palette as values that follow light and dark: CSS variables under the
+ * Visin theme, plain colours under a theme without them (a test's default).
+ *
+ * `theme.palette` holds the light values in both schemes. Anything built from
+ * this must mix colours in CSS — `tint`, `theme.alpha` — not with MUI's
+ * `alpha()`, which cannot parse a variable.
+ */
+export const livePalette = (theme) => (theme.vars ?? theme).palette;
+//# sourceMappingURL=livePalette.js.map

package/dist/theme/livePalette.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"livePalette.js","sourceRoot":"","sources":["../../src/theme/livePalette.ts"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,KAAY,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,IAAI,IAAI,KAAK,CAAC,CAAC,OAAO,CAAC"}