@visin/frontend-core 1.8.0 → 1.10.0

package/dist/components/Page/EmptyState.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Typography } from '@mui/material';
+import { livePalette } from '../../theme';
+/** What stands in for a list with nothing in it: what would be here, and how to add the first one. */
+export function EmptyState({ icon, title, description, action }) {
+    return (_jsxs(Box, { sx: { textAlign: 'center', px: 3, py: { xs: 6, md: 8 } }, children: [_jsx(Box, { "aria-hidden": true, sx: (theme) => ({
+                    width: 56,
+                    height: 56,
+                    mx: 'auto',
+                    mb: 2,
+                    borderRadius: '16px',
+                    display: 'grid',
+                    placeItems: 'center',
+                    color: 'primary.main',
+                    bgcolor: theme.alpha(livePalette(theme).primary.main, 0.1),
+                    '& svg': { fontSize: 28 }
+                }), children: icon }), _jsx(Typography, { sx: { fontWeight: 700, fontSize: '1.05rem' }, children: title }), description && (_jsx(Typography, { variant: "body2", sx: { color: 'text.secondary', mt: 0.5, maxWidth: 420, mx: 'auto' }, children: description })), action && _jsx(Box, { sx: { mt: 2.5 }, children: action })] }));
+}
+//# sourceMappingURL=EmptyState.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyState.js","sourceRoot":"","sources":["../../../src/components/Page/EmptyState.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,GAAG,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAChD,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAS1C,sGAAsG;AACtG,MAAM,UAAU,UAAU,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,EAAmB;IAC9E,OAAO,CACL,MAAC,GAAG,IAAC,EAAE,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,aAC3D,KAAC,GAAG,yBAEF,EAAE,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;oBACd,KAAK,EAAE,EAAE;oBACT,MAAM,EAAE,EAAE;oBACV,EAAE,EAAE,MAAM;oBACV,EAAE,EAAE,CAAC;oBACL,YAAY,EAAE,MAAM;oBACpB,OAAO,EAAE,MAAM;oBACf,UAAU,EAAE,QAAQ;oBACpB,KAAK,EAAE,cAAc;oBACrB,OAAO,EAAE,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC;oBAC1D,OAAO,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE;iBAC1B,CAAC,YAED,IAAI,GACD,EACN,KAAC,UAAU,IAAC,EAAE,EAAE,EAAE,UAAU,EAAE,GAAG,EAAE,QAAQ,EAAE,SAAS,EAAE,YAAG,KAAK,GAAc,EAC7E,WAAW,IAAI,CACd,KAAC,UAAU,IAAC,OAAO,EAAC,OAAO,EAAC,EAAE,EAAE,EAAE,KAAK,EAAE,gBAAgB,EAAE,EAAE,EAAE,GAAG,EAAE,QAAQ,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,EAAE,YAC5F,WAAW,GACD,CACd,EACA,MAAM,IAAI,KAAC,GAAG,IAAC,EAAE,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE,YAAG,MAAM,GAAO,IAC3C,CACP,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,27 @@
+import type { ReactNode } from 'react';
+export interface ListRowProps {
+    /** A route in this app. */
+    to?: string;
+    /** A page elsewhere, loaded in full. */
+    href?: string;
+    onClick?: () => void;
+    leading?: ReactNode;
+    title: ReactNode;
+    secondary?: ReactNode;
+    /** Controls at the end of the row (a menu, a chip). Replaces the chevron, and sits outside the tap target. */
+    trailing?: ReactNode;
+    /** Drawn under the secondary line, e.g. a progress meter. */
+    children?: ReactNode;
+}
+/**
+ * One row of a native-style list: icon, two lines, and a chevron — the whole
+ * row one tap target. Rows in a `Panel` get hairlines between them, inset past
+ * the icon the way a phone draws them.
+ */
+export declare function ListRow({ to, href, onClick, leading, title, secondary, trailing, children }: ListRowProps): import("react").JSX.Element;
+/** The tinted square an icon sits in at the start of a row. */
+export declare function RowIcon({ color, children }: {
+    color: string;
+    children: ReactNode;
+}): import("react").JSX.Element;
+//# sourceMappingURL=ListRow.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ListRow.d.ts","sourceRoot":"","sources":["../../../src/components/Page/ListRow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAgBvC,MAAM,WAAW,YAAY;IAC3B,2BAA2B;IAC3B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,wCAAwC;IACxC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,KAAK,EAAE,SAAS,CAAC;IACjB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,8GAA8G;IAC9G,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,6DAA6D;IAC7D,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;;;GAIG;AACH,wBAAgB,OAAO,CAAC,EAAE,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,YAAY,+BA2EzG;AAED,+DAA+D;AAC/D,wBAAgB,OAAO,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAE,+BAoBlF"}

package/dist/components/Page/ListRow.js

@@ -0,0 +1,73 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Link as RouterLink } from 'react-router-dom';
+import { Box, ButtonBase, Typography } from '@mui/material';
+import { tint } from '../../theme';
+import { ChevronRight } from '@mui/icons-material';
+// Up to two lines, then an ellipsis: one line cut a phone row's detail off
+// before its most useful part.
+const twoLines = {
+    display: '-webkit-box',
+    WebkitBoxOrient: 'vertical',
+    WebkitLineClamp: 2,
+    overflow: 'hidden',
+    overflowWrap: 'anywhere'
+};
+/**
+ * One row of a native-style list: icon, two lines, and a chevron — the whole
+ * row one tap target. Rows in a `Panel` get hairlines between them, inset past
+ * the icon the way a phone draws them.
+ */
+export function ListRow({ to, href, onClick, leading, title, secondary, trailing, children }) {
+    const navigable = to !== undefined || href !== undefined || onClick !== undefined;
+    const target = to !== undefined ? { component: RouterLink, to } : href !== undefined ? { component: 'a', href } : {};
+    const body = (_jsxs(_Fragment, { children: [leading, _jsxs(Box, { component: "span", sx: { flex: 1, minWidth: 0 }, children: [_jsx(Typography, { component: "span", sx: { ...twoLines, fontSize: '0.975rem', fontWeight: 600, lineHeight: 1.4 }, children: title }), secondary && (_jsx(Typography, { component: "span", variant: "body2", sx: { ...twoLines, color: 'text.secondary' }, children: secondary })), children] }), navigable && !trailing && _jsx(ChevronRight, { sx: { color: 'text.disabled', flexShrink: 0 } })] }));
+    const rowSx = {
+        flex: 1,
+        minWidth: 0,
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'flex-start',
+        gap: 1.5,
+        px: 2,
+        py: 1.5,
+        minHeight: 64,
+        textAlign: 'left',
+        color: 'text.primary'
+    };
+    return (_jsxs(Box, { className: "visin-list-row", sx: {
+            position: 'relative',
+            display: 'flex',
+            alignItems: 'center',
+            pr: trailing ? 1 : 0,
+            '.visin-list-row + &::before': {
+                content: '""',
+                position: 'absolute',
+                top: 0,
+                left: leading ? 68 : 16,
+                right: 0,
+                borderTop: '1px solid',
+                borderColor: 'divider'
+            }
+        }, children: [navigable ? (_jsx(ButtonBase, { ...target, onClick: onClick, sx: {
+                    ...rowSx,
+                    WebkitTapHighlightColor: 'transparent',
+                    transition: 'background-color .15s ease',
+                    '&:hover': { bgcolor: 'action.hover' },
+                    '&:active': { bgcolor: 'action.selected' }
+                }, children: body })) : (_jsx(Box, { sx: rowSx, children: body })), trailing && _jsx(Box, { sx: { display: 'flex', alignItems: 'center', gap: 0.5, flexShrink: 0 }, children: trailing })] }));
+}
+/** The tinted square an icon sits in at the start of a row. */
+export function RowIcon({ color, children }) {
+    return (_jsx(Box, { component: "span", "aria-hidden": true, sx: {
+            width: 40,
+            height: 40,
+            borderRadius: '12px',
+            display: 'grid',
+            placeItems: 'center',
+            flexShrink: 0,
+            color,
+            // `tint`, not MUI's `alpha`: the colour may be a theme variable.
+            bgcolor: tint(color, 0.12)
+        }, children: children }));
+}
+//# sourceMappingURL=ListRow.js.map

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

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

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

@@ -0,0 +1,33 @@
+import type { ReactNode } from 'react';
+export interface PageAction {
+    label: string;
+    icon?: ReactNode;
+    /** A route in this app. */
+    to?: string;
+    onClick?: () => void;
+    disabled?: boolean;
+}
+export interface PageHeaderProps {
+    /**
+     * Left out where the layout already titles the page (label and account pages,
+     * whose `AppLayout` header names them): then only the subtitle and actions show.
+     */
+    title?: string;
+    subtitle?: ReactNode;
+    /** Secondary controls beside the primary action, e.g. a refresh button. */
+    actions?: ReactNode;
+    /** The page's main action. A button on desktop; a floating button above the tab bar on a phone. */
+    primaryAction?: PageAction;
+    /**
+     * The app bar already names this page on a phone — a top-level section like
+     * Projects or Jobs — so the title is left out there rather than said twice.
+     */
+    hideTitleOnPhone?: boolean;
+}
+/**
+ * The top of a page: its title, a line saying what it is for, and what can be
+ * done here. On a phone the main action moves to a floating button in thumb
+ * reach, the way a native app offers "new".
+ */
+export declare function PageHeader({ title, subtitle, actions, primaryAction, hideTitleOnPhone }: PageHeaderProps): import("react").JSX.Element;
+//# sourceMappingURL=PageHeader.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PageHeader.d.ts","sourceRoot":"","sources":["../../../src/components/Page/PageHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAevC,MAAM,WAAW,UAAU;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,2BAA2B;IAC3B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,eAAe;IAC9B;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,2EAA2E;IAC3E,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,mGAAmG;IACnG,aAAa,CAAC,EAAE,UAAU,CAAC;IAC3B;;;OAGG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,aAAa,EAAE,gBAAwB,EAAE,EAAE,eAAe,+BAwFhH"}

package/dist/components/Page/PageHeader.js

@@ -0,0 +1,49 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { Link as RouterLink } from 'react-router-dom';
+import { Box, Button, Fab, Typography } from '@mui/material';
+import { livePalette, mainAction } from '../../theme';
+import { TAB_BAR_HEIGHT, useCompactLayout } from './layout';
+const visuallyHidden = {
+    position: 'absolute',
+    width: '1px',
+    height: '1px',
+    overflow: 'hidden',
+    clip: 'rect(0 0 0 0)',
+    whiteSpace: 'nowrap'
+};
+/**
+ * The top of a page: its title, a line saying what it is for, and what can be
+ * done here. On a phone the main action moves to a floating button in thumb
+ * reach, the way a native app offers "new".
+ */
+export function PageHeader({ title, subtitle, actions, primaryAction, hideTitleOnPhone = false }) {
+    const compact = useCompactLayout();
+    const showTitle = title !== undefined && !(compact && hideTitleOnPhone);
+    const link = primaryAction?.to !== undefined ? { component: RouterLink, to: primaryAction.to } : {};
+    const primary = primaryAction &&
+        (compact ? (_jsxs(Fab, { variant: "extended", color: "primary", ...link, onClick: primaryAction.onClick, disabled: primaryAction.disabled, sx: {
+                position: 'fixed',
+                right: 16,
+                bottom: `calc(${TAB_BAR_HEIGHT}px + 16px + env(safe-area-inset-bottom))`,
+                zIndex: (theme) => theme.zIndex.speedDial,
+                gap: 1,
+                px: 2.5,
+                ...mainAction,
+                boxShadow: (theme) => `0 8px 24px ${theme.alpha(livePalette(theme).primary.main, 0.35)}`
+            }, children: [primaryAction.icon, primaryAction.label] })) : (_jsx(Button, { variant: "contained", ...link, onClick: primaryAction.onClick, disabled: primaryAction.disabled, startIcon: primaryAction.icon, sx: { flexShrink: 0, height: 40, px: 2.25, ...mainAction }, children: primaryAction.label })));
+    const controls = (actions || (primary && !compact)) && (_jsxs(Box, { sx: { display: 'flex', alignItems: 'center', gap: 1, flexShrink: 0 }, children: [actions, !compact && primary] }));
+    return (_jsxs(Box, { component: "header", sx: {
+            display: 'flex',
+            alignItems: showTitle ? 'flex-start' : 'center',
+            justifyContent: 'space-between',
+            // A narrow screen wraps a wide control (a select) under the text rather
+            // than squeezing the text into a strip beside it; an icon still fits.
+            flexWrap: 'wrap',
+            gap: 2,
+            // Nothing visible (a phone, no subtitle or controls): no gap either.
+            mb: !showTitle && !subtitle && !controls ? 0 : { xs: 2, md: 3 }
+        }, children: [_jsxs(Box, { sx: { minWidth: 0, flex: '1 1 240px' }, children: [title !== undefined && (_jsx(Typography, { variant: "h4", component: "h1", sx: showTitle
+                            ? { fontSize: { xs: '1.5rem', md: '1.75rem' }, lineHeight: 1.25, mb: subtitle ? 0.5 : 0 }
+                            : visuallyHidden, children: title })), subtitle && (_jsx(Typography, { variant: "body2", sx: { color: 'text.secondary', fontSize: { md: '0.95rem' } }, children: subtitle }))] }), controls, compact && primary] }));
+}
+//# sourceMappingURL=PageHeader.js.map

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

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

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

@@ -0,0 +1,18 @@
+import type { ReactNode } from 'react';
+import { type SxProps, type Theme } from '@mui/material';
+export interface PanelProps {
+    children: ReactNode;
+    sx?: SxProps<Theme>;
+    /** The element to render, e.g. `section` or `ul`. */
+    component?: React.ElementType;
+    'aria-label'?: string;
+    'aria-labelledby'?: string;
+}
+/**
+ * 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

@@ -0,0 +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;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

@@ -0,0 +1,23 @@
+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: 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',
+                boxShadow: raisedShadow,
+                overflow: 'hidden'
+            },
+            ...(Array.isArray(sx) ? sx : [sx])
+        ], children: children }));
+}
+//# sourceMappingURL=Panel.js.map

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

@@ -0,0 +1 @@
+{"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/components/Page/ResponsiveActions.d.ts

@@ -0,0 +1,38 @@
+import { type ReactNode } from 'react';
+export interface ResponsiveAction {
+    label: string;
+    icon?: ReactNode;
+    onClick?: () => void;
+    /** A route in this app. */
+    to?: string;
+    /** A page or file elsewhere. */
+    href?: string;
+    /** Filled: the one thing this page is for. At most one per bar. */
+    primary?: boolean;
+    /** A destructive action, drawn in the error colour. */
+    danger?: boolean;
+    disabled?: boolean;
+}
+export interface ResponsiveActionsProps {
+    actions: ResponsiveAction[];
+    /**
+     * How many of the leading actions stay buttons on a phone; the rest move into
+     * a ⋮ menu. Defaults to 0 — a phone's width belongs to the content.
+     */
+    keepOnPhone?: number;
+    /**
+     * How many stay buttons on desktop; the rest go behind ⋮ there too. Defaults
+     * to all — set it where a page has chores (exports, archive) that would
+     * otherwise crowd out what the page is for.
+     */
+    keepOnDesktop?: number;
+    /** Names the ⋮ button, e.g. "More actions for VLM". */
+    menuLabel?: string;
+}
+/**
+ * A page's actions: a row of buttons on desktop, and on a phone the leading
+ * few as buttons with the rest behind a ⋮ menu, the way a native app keeps its
+ * toolbar to what fits.
+ */
+export declare function ResponsiveActions({ actions, keepOnPhone, keepOnDesktop, menuLabel }: ResponsiveActionsProps): import("react").JSX.Element | null;
+//# sourceMappingURL=ResponsiveActions.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ResponsiveActions.d.ts","sourceRoot":"","sources":["../../../src/components/Page/ResponsiveActions.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAMjD,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,2BAA2B;IAC3B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,gCAAgC;IAChC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,mEAAmE;IACnE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,uDAAuD;IACvD,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,sBAAsB;IACrC,OAAO,EAAE,gBAAgB,EAAE,CAAC;IAC5B;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;;OAIG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,uDAAuD;IACvD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AASD;;;;GAIG;AACH,wBAAgB,iBAAiB,CAAC,EAAE,OAAO,EAAE,WAAe,EAAE,aAAa,EAAE,SAA0B,EAAE,EAAE,sBAAsB,sCA2DhI"}

package/dist/components/Page/ResponsiveActions.js

@@ -0,0 +1,30 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useState } from 'react';
+import { Link as RouterLink } from 'react-router-dom';
+import { Box, Button, IconButton, ListItemIcon, Menu, MenuItem } from '@mui/material';
+import { MoreVert } from '@mui/icons-material';
+import { useCompactLayout } from './layout';
+const linkProps = (action) => action.to !== undefined
+    ? { component: RouterLink, to: action.to }
+    : action.href !== undefined
+        ? { component: 'a', href: action.href }
+        : {};
+/**
+ * A page's actions: a row of buttons on desktop, and on a phone the leading
+ * few as buttons with the rest behind a ⋮ menu, the way a native app keeps its
+ * toolbar to what fits.
+ */
+export function ResponsiveActions({ actions, keepOnPhone = 0, keepOnDesktop, menuLabel = 'More actions' }) {
+    const compact = useCompactLayout();
+    const [anchor, setAnchor] = useState(null);
+    const kept = compact ? keepOnPhone : (keepOnDesktop ?? actions.length);
+    const shown = actions.slice(0, kept);
+    const overflow = actions.slice(kept);
+    if (actions.length === 0)
+        return null;
+    return (_jsxs(Box, { sx: { display: 'flex', alignItems: 'center', flexWrap: 'wrap', gap: 1 }, children: [shown.map((action) => (_jsx(Button, { ...linkProps(action), onClick: action.onClick, disabled: action.disabled, startIcon: action.icon, variant: action.primary ? 'contained' : 'outlined', color: action.danger ? 'error' : action.primary ? 'primary' : 'inherit', sx: action.primary || action.danger ? undefined : { borderColor: 'divider', color: 'text.primary' }, children: action.label }, action.label))), overflow.length > 0 && (_jsxs(_Fragment, { children: [_jsx(IconButton, { "aria-label": menuLabel, "aria-haspopup": "menu", onClick: (event) => setAnchor(event.currentTarget), children: _jsx(MoreVert, {}) }), _jsx(Menu, { anchorEl: anchor, open: Boolean(anchor), onClose: () => setAnchor(null), anchorOrigin: { vertical: 'bottom', horizontal: 'right' }, transformOrigin: { vertical: 'top', horizontal: 'right' }, slotProps: { paper: { sx: { minWidth: 200 } } }, children: overflow.map((action) => (_jsxs(MenuItem, { ...linkProps(action), disabled: action.disabled, onClick: () => {
+                                setAnchor(null);
+                                action.onClick?.();
+                            }, sx: action.danger ? { color: 'error.main' } : undefined, children: [action.icon && _jsx(ListItemIcon, { sx: action.danger ? { color: 'inherit' } : undefined, children: action.icon }), action.label] }, action.label))) })] }))] }));
+}
+//# sourceMappingURL=ResponsiveActions.js.map

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

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

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

@@ -0,0 +1,10 @@
+import type { ReactNode } from 'react';
+export interface SectionHeadingProps {
+    id?: string;
+    children: ReactNode;
+    /** Beside the caption, e.g. a "See all" link. */
+    action?: ReactNode;
+}
+/** The small caption over a group of rows, the way a phone's settings screens caption theirs. */
+export declare function SectionHeading({ id, children, action }: SectionHeadingProps): import("react").JSX.Element;
+//# sourceMappingURL=SectionHeading.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SectionHeading.d.ts","sourceRoot":"","sources":["../../../src/components/Page/SectionHeading.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,MAAM,WAAW,mBAAmB;IAClC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,QAAQ,EAAE,SAAS,CAAC;IACpB,iDAAiD;IACjD,MAAM,CAAC,EAAE,SAAS,CAAC;CACpB;AAED,iGAAiG;AACjG,wBAAgB,cAAc,CAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,mBAAmB,+BAa3E"}

package/dist/components/Page/SectionHeading.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Typography } from '@mui/material';
+/** The small caption over a group of rows, the way a phone's settings screens caption theirs. */
+export function SectionHeading({ id, children, action }) {
+    return (_jsxs(Box, { sx: { display: 'flex', alignItems: 'baseline', justifyContent: 'space-between', gap: 2, px: 0.5, mb: 1 }, children: [_jsx(Typography, { id: id, component: "h2", sx: { fontSize: 13, fontWeight: 700, letterSpacing: '0.06em', textTransform: 'uppercase', color: 'text.secondary' }, children: children }), action] }));
+}
+//# sourceMappingURL=SectionHeading.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SectionHeading.js","sourceRoot":"","sources":["../../../src/components/Page/SectionHeading.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,GAAG,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAShD,iGAAiG;AACjG,MAAM,UAAU,cAAc,CAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAuB;IAC1E,OAAO,CACL,MAAC,GAAG,IAAC,EAAE,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,UAAU,EAAE,cAAc,EAAE,eAAe,EAAE,GAAG,EAAE,CAAC,EAAE,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,CAAC,EAAE,aAC3G,KAAC,UAAU,IACT,EAAE,EAAE,EAAE,EACN,SAAS,EAAC,IAAI,EACd,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,UAAU,EAAE,GAAG,EAAE,aAAa,EAAE,QAAQ,EAAE,aAAa,EAAE,WAAW,EAAE,KAAK,EAAE,gBAAgB,EAAE,YAElH,QAAQ,GACE,EACZ,MAAM,IACH,CACP,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,14 @@
+export { PageHeader } from './PageHeader';
+export type { PageHeaderProps, PageAction } from './PageHeader';
+export { Panel } from './Panel';
+export type { PanelProps } from './Panel';
+export { ListRow, RowIcon } from './ListRow';
+export type { ListRowProps } from './ListRow';
+export { SectionHeading } from './SectionHeading';
+export type { SectionHeadingProps } from './SectionHeading';
+export { EmptyState } from './EmptyState';
+export type { EmptyStateProps } from './EmptyState';
+export { ResponsiveActions } from './ResponsiveActions';
+export type { ResponsiveAction, ResponsiveActionsProps } from './ResponsiveActions';
+export { TAB_BAR_HEIGHT, useCompactLayout } from './layout';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Page/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,YAAY,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAChE,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAC1C,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAC7C,YAAY,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,YAAY,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAC5D,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,YAAY,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AACpD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,YAAY,EAAE,gBAAgB,EAAE,sBAAsB,EAAE,MAAM,qBAAqB,CAAC;AACpF,OAAO,EAAE,cAAc,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC"}

package/dist/components/Page/index.js

@@ -0,0 +1,8 @@
+export { PageHeader } from './PageHeader';
+export { Panel } from './Panel';
+export { ListRow, RowIcon } from './ListRow';
+export { SectionHeading } from './SectionHeading';
+export { EmptyState } from './EmptyState';
+export { ResponsiveActions } from './ResponsiveActions';
+export { TAB_BAR_HEIGHT, useCompactLayout } from './layout';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Page/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAEhC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAE7C,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAElD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAExD,OAAO,EAAE,cAAc,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC"}

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

@@ -0,0 +1,10 @@
+/** Height the phone tab bar covers at the foot of the screen, above the safe-area inset. */
+export declare const TAB_BAR_HEIGHT = 72;
+/**
+ * Whether the compact (phone) layout is showing: tab bar, app-bar titles,
+ * floating actions. The cut is at `md`, where the rail and a readable content
+ * column stop fitting side by side. Read synchronously, so a phone never draws
+ * a frame of the desktop layout first.
+ */
+export declare function useCompactLayout(): boolean;
+//# sourceMappingURL=layout.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"layout.d.ts","sourceRoot":"","sources":["../../../src/components/Page/layout.ts"],"names":[],"mappings":"AAEA,4FAA4F;AAC5F,eAAO,MAAM,cAAc,KAAK,CAAC;AAEjC;;;;;GAKG;AACH,wBAAgB,gBAAgB,IAAI,OAAO,CAG1C"}

package/dist/components/Page/layout.js

@@ -0,0 +1,14 @@
+import { useMediaQuery, useTheme } from '@mui/material';
+/** Height the phone tab bar covers at the foot of the screen, above the safe-area inset. */
+export const TAB_BAR_HEIGHT = 72;
+/**
+ * Whether the compact (phone) layout is showing: tab bar, app-bar titles,
+ * floating actions. The cut is at `md`, where the rail and a readable content
+ * column stop fitting side by side. Read synchronously, so a phone never draws
+ * a frame of the desktop layout first.
+ */
+export function useCompactLayout() {
+    const theme = useTheme();
+    return useMediaQuery(theme.breakpoints.down('md'), { noSsr: true });
+}
+//# sourceMappingURL=layout.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"layout.js","sourceRoot":"","sources":["../../../src/components/Page/layout.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAExD,4FAA4F;AAC5F,MAAM,CAAC,MAAM,cAAc,GAAG,EAAE,CAAC;AAEjC;;;;;GAKG;AACH,MAAM,UAAU,gBAAgB;IAC9B,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,OAAO,aAAa,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,CAAC;AACtE,CAAC"}

package/dist/index.d.ts

@@ -6,6 +6,12 @@ export { ErrorPage } from './components/ErrorPage';
 export type { ErrorPageProps } from './components/ErrorPage';
 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, 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,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

@@ -3,6 +3,9 @@ export { createApiClient, ApiError } from './apiClient';
 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, 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,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