@variocube/app-ui 1.14.0

package/esm/VCThemeProvider/VCThemeProvider.js

@@ -0,0 +1,173 @@
+import React, { createContext, useCallback, useContext, useMemo } from "react";
+import { createTheme, CssBaseline, decomposeColor, ThemeProvider, useMediaQuery } from "@mui/material";
+import { useStorage } from "../storage";
+import { RobotoFont } from "./RobotoFont";
+import deepmerge from "deepmerge";
+import { JetbrainsMonoFont } from "./JetbrainsMonoFont";
+const DEFAULT_PRIMARY = "#ff6a00";
+const DEFAULT_SECONDARY = "#009dd8";
+const SUCCESS = {
+    light: "#429945",
+    dark: "#58cc5c"
+};
+const WARNING = {
+    light: "#ccaa00",
+    dark: "#e6bf00"
+};
+const ERROR = {
+    light: "#aa0000",
+    dark: "#e62e2e"
+};
+const INFO = {
+    light: "#082480",
+    dark: "#294fcc"
+};
+const BACKGROUND = {
+    light: "#fffaf7",
+    dark: "#15161a"
+};
+const PAPER = {
+    light: "#ffffff",
+    dark: "#282b33"
+};
+const TEXT = {
+    light: "#282b33",
+    dark: "#fdfaf7"
+};
+const ThemeContext = createContext({
+    mode: "light",
+    setMode: () => void 0,
+});
+export function VCThemeProvider({ branding, children }) {
+    // Determine default mode based on user preference
+    const userPrefersDark = useMediaQuery("(prefers-color-scheme: dark)");
+    const defaultMode = useMemo(() => userPrefersDark ? "dark" : "light", [userPrefersDark]);
+    // Allow overriding the default mode
+    const [modeOverride, setModeOverride] = useStorage("variocube-palette-mode", null);
+    // Select actual mode to use
+    const mode = useMemo(() => modeOverride !== null && modeOverride !== void 0 ? modeOverride : defaultMode, [modeOverride, defaultMode]);
+    // Allows setting the mode override. Clears the storage item if the default mode is set.
+    const setMode = useCallback((newMode) => {
+        setModeOverride(newMode != defaultMode ? newMode : null);
+    }, [defaultMode]);
+    const { colorPrimary, colorSecondary, logoLightUrl, logoDarkUrl, logoPaddingX, logoPaddingY, } = branding !== null && branding !== void 0 ? branding : {};
+    const theme = useMemo(() => {
+        const themeOptions = {
+            palette: {
+                mode,
+                primary: {
+                    main: sanitizeColor(colorPrimary, DEFAULT_PRIMARY),
+                },
+                secondary: {
+                    main: sanitizeColor(colorSecondary, DEFAULT_SECONDARY),
+                },
+                success: {
+                    main: SUCCESS[mode],
+                },
+                warning: {
+                    main: WARNING[mode],
+                },
+                error: {
+                    main: ERROR[mode],
+                },
+                info: {
+                    main: INFO[mode],
+                },
+                text: {
+                    primary: TEXT[mode],
+                },
+                background: {
+                    default: BACKGROUND[mode],
+                    paper: PAPER[mode]
+                }
+            },
+            typography: {
+                h1: {
+                    fontSize: 46,
+                    fontWeight: 300,
+                },
+                h2: {
+                    fontSize: 29,
+                    fontWeight: 500,
+                },
+                h3: {
+                    fontSize: 24,
+                    fontWeight: 500,
+                },
+                h4: {
+                    fontSize: 20,
+                    fontWeight: 500,
+                },
+                h5: {
+                    fontSize: 18,
+                    fontWeight: 500,
+                },
+                h6: {
+                    fontSize: 18,
+                    fontWeight: 500,
+                },
+                overline: {
+                    fontWeight: 500,
+                }
+            },
+            components: {
+                MuiLink: {
+                    defaultProps: {
+                        underline: "hover"
+                    }
+                },
+                MuiPaper: {
+                    styleOverrides: {
+                        root: {
+                            backgroundImage: "unset"
+                        }
+                    }
+                }
+            }
+        };
+        return createTheme(deepmerge(themeOptions, (branding === null || branding === void 0 ? void 0 : branding.muiThemeOptions) || {}));
+    }, [mode, branding]);
+    const customLogo = useMemo(() => {
+        const logoUrl = mode == "light" ? (logoLightUrl || logoDarkUrl) : (logoDarkUrl || logoLightUrl);
+        if (logoUrl) {
+            return {
+                url: logoUrl,
+                paddingX: logoPaddingX,
+                paddingY: logoPaddingY
+            };
+        }
+    }, [logoLightUrl, logoDarkUrl, mode, logoPaddingX, logoPaddingY]);
+    return (React.createElement(ThemeProvider, { theme: theme },
+        React.createElement(ThemeContext.Provider, { value: { mode, setMode, customLogo } },
+            React.createElement(CssBaseline, null),
+            React.createElement(RobotoFont, null),
+            React.createElement(JetbrainsMonoFont, null),
+            children)));
+}
+function sanitizeColor(color, fallback) {
+    try {
+        if (color) {
+            decomposeColor(color);
+            return color;
+        }
+    }
+    catch (error) {
+    }
+    return fallback;
+}
+export function usePaletteMode() {
+    const value = useContext(ThemeContext);
+    if (!value) {
+        throw new Error("Could not find theme context. Are you missing a VCThemeProvider in your component tree?");
+    }
+    const { mode, setMode } = value;
+    return { mode, setMode };
+}
+export function useCustomLogo() {
+    const value = useContext(ThemeContext);
+    if (!value) {
+        throw new Error("Could not find theme context. Are you missing a VCThemeProvider in your component tree?");
+    }
+    return value.customLogo;
+}
+//# sourceMappingURL=VCThemeProvider.js.map

package/esm/VCThemeProvider/VCThemeProvider.js.map

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

package/esm/VCThemeProvider/code-colors.d.ts

@@ -0,0 +1,108 @@
+export declare const CodeColors: {
+    readonly literal: {
+        50: "#fff3e0";
+        100: "#ffe0b2";
+        200: "#ffcc80";
+        300: "#ffb74d";
+        400: "#ffa726";
+        500: "#ff9800";
+        600: "#fb8c00";
+        700: "#f57c00";
+        800: "#ef6c00";
+        900: "#e65100";
+        A100: "#ffd180";
+        A200: "#ffab40";
+        A400: "#ff9100";
+        A700: "#ff6d00";
+    };
+    readonly number: {
+        50: "#e1f5fe";
+        100: "#b3e5fc";
+        200: "#81d4fa";
+        300: "#4fc3f7";
+        400: "#29b6f6";
+        500: "#03a9f4";
+        600: "#039be5";
+        700: "#0288d1";
+        800: "#0277bd";
+        900: "#01579b";
+        A100: "#80d8ff";
+        A200: "#40c4ff";
+        A400: "#00b0ff";
+        A700: "#0091ea";
+    };
+    readonly string: {
+        50: "#e8f5e9";
+        100: "#c8e6c9";
+        200: "#a5d6a7";
+        300: "#81c784";
+        400: "#66bb6a";
+        500: "#4caf50";
+        600: "#43a047";
+        700: "#388e3c";
+        800: "#2e7d32";
+        900: "#1b5e20";
+        A100: "#b9f6ca";
+        A200: "#69f0ae";
+        A400: "#00e676";
+        A700: "#00c853";
+    };
+    readonly key: {
+        50: "#f3e5f5";
+        100: "#e1bee7";
+        200: "#ce93d8";
+        300: "#ba68c8";
+        400: "#ab47bc";
+        500: "#9c27b0";
+        600: "#8e24aa";
+        700: "#7b1fa2";
+        800: "#6a1b9a";
+        900: "#4a148c";
+        A100: "#ea80fc";
+        A200: "#e040fb";
+        A400: "#d500f9";
+        A700: "#aa00ff";
+    };
+    readonly punctuation: {
+        50: "#fafafa";
+        100: "#f5f5f5";
+        200: "#eeeeee";
+        300: "#e0e0e0";
+        400: "#bdbdbd";
+        500: "#9e9e9e";
+        600: "#757575";
+        700: "#616161";
+        800: "#424242";
+        900: "#212121";
+        A100: "#f5f5f5";
+        A200: "#eeeeee";
+        A400: "#bdbdbd";
+        A700: "#616161";
+    };
+    readonly className: {
+        50: "#e0f2f1";
+        100: "#b2dfdb";
+        200: "#80cbc4";
+        300: "#4db6ac";
+        400: "#26a69a";
+        500: "#009688";
+        600: "#00897b";
+        700: "#00796b";
+        800: "#00695c";
+        900: "#004d40";
+        A100: "#a7ffeb";
+        A200: "#64ffda";
+        A400: "#1de9b6";
+        A700: "#00bfa5";
+    };
+};
+export declare function useThemeShade(): 300 | 700;
+export declare function useCodeColors(): {
+    keyword: string;
+    string: string;
+    number: string;
+    key: string;
+    className: string;
+    literal: string;
+    punctuation: string;
+};

package/esm/VCThemeProvider/code-colors.js

@@ -0,0 +1,26 @@
+import { useTheme } from "@mui/material";
+import { green, grey, lightBlue, orange, purple, teal } from "@mui/material/colors";
+export const CodeColors = {
+    literal: orange,
+    number: lightBlue,
+    string: green,
+    key: purple,
+    punctuation: grey,
+    className: teal,
+};
+export function useThemeShade() {
+    const theme = useTheme();
+    return theme.palette.mode == "light" ? 700 : 300;
+}
+export function useCodeColors() {
+    const theme = useTheme();
+    const shade = useThemeShade();
+    const colors = Object.entries(CodeColors)
+        .map(([key, value]) => [key, value[shade]])
+        .reduce((acc, [key, value]) => {
+        acc[key] = value;
+        return acc;
+    }, {});
+    return Object.assign(Object.assign({}, colors), { keyword: theme.palette.primary.main });
+}
+//# sourceMappingURL=code-colors.js.map

package/esm/VCThemeProvider/code-colors.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"code-colors.js","sourceRoot":"","sources":["../../src/VCThemeProvider/code-colors.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAC,MAAM,eAAe,CAAC;AACvC,OAAO,EAAC,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,EAAC,MAAM,sBAAsB,CAAC;AAElF,MAAM,CAAC,MAAM,UAAU,GAAG;IACzB,OAAO,EAAE,MAAM;IACf,MAAM,EAAE,SAAS;IACjB,MAAM,EAAE,KAAK;IACb,GAAG,EAAE,MAAM;IACX,WAAW,EAAE,IAAI;IACjB,SAAS,EAAE,IAAI;CACN,CAAC;AAIX,MAAM,UAAU,aAAa;IAC5B,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,OAAO,KAAK,CAAC,OAAO,CAAC,IAAI,IAAI,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC;AAClD,CAAC;AAED,MAAM,UAAU,aAAa;IAC5B,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,MAAM,KAAK,GAAG,aAAa,EAAE,CAAC;IAC9B,MAAM,MAAM,GAAG,MAAM,CAAC,OAAO,CAAC,UAAU,CAAC;SACvC,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC,CAAC,GAAgB,EAAE,KAAK,CAAC,KAAK,CAAC,CAAU,CAAC;SAChE,MAAM,CAAC,CAAC,GAAG,EAAE,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE;QAC7B,GAAG,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;QACjB,OAAO,GAAG,CAAC;IACZ,CAAC,EAAE,EAA+B,CAAC,CAAC;IAErC,uCACI,MAAM,KACT,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,IAClC;AACH,CAAC"}

package/esm/VCThemeProvider/index.d.ts

@@ -0,0 +1,5 @@
+export * from "./code-colors";
+export * from "./JetbrainsMonoFont";
+export * from "./RobotoFont";
+export * from "./ThemeModeSwitcher";
+export * from "./VCThemeProvider";

package/esm/VCThemeProvider/index.js

@@ -0,0 +1,6 @@
+export * from "./code-colors";
+export * from "./JetbrainsMonoFont";
+export * from "./RobotoFont";
+export * from "./ThemeModeSwitcher";
+export * from "./VCThemeProvider";
+//# sourceMappingURL=index.js.map

package/esm/VCThemeProvider/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/VCThemeProvider/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,qBAAqB,CAAC;AACpC,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC"}

package/esm/audit/AuditChanges.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { AppAuditLogEntry, JsonPatch } from "./types";
+export declare function AuditChanges({ data, patch }: Pick<AppAuditLogEntry, "data" | "patch">): JSX.Element;
+export declare function AuditPatch({ patch }: {
+    patch: JsonPatch;
+}): JSX.Element;
+export declare function AuditData({ data }: {
+    data: any;
+}): JSX.Element;

package/esm/audit/AuditChanges.js

@@ -0,0 +1,43 @@
+import { Add, ChangeCircleOutlined, Remove } from "@mui/icons-material";
+import { Box, Chip, List, ListItem, ListItemIcon, ListItemText, Stack } from "@mui/material";
+import React, { Fragment } from "react";
+import { Code } from "../code/Code";
+import { CodeBlock } from "../code/CodeBlock";
+import { Json } from "../code/Json";
+export function AuditChanges({ data, patch }) {
+    return (React.createElement(Stack, { spacing: 2 },
+        patch && React.createElement(AuditPatch, { patch: patch }),
+        data && React.createElement(AuditData, { data: data })));
+}
+export function AuditPatch({ patch }) {
+    return (React.createElement(List, { dense: true, disablePadding: true }, patch.map(item => (React.createElement(ListItem, { disablePadding: true },
+        React.createElement(ListItemIcon, null,
+            React.createElement(Chip, { icon: getIcon(item.op), label: item.path, sx: {
+                    fontFamily: "Jetbrains Mono"
+                } })),
+        React.createElement(ListItemText, { primary: React.createElement(Box, { pl: 1 },
+                item.op == "replace" && (React.createElement(Fragment, null,
+                    React.createElement(Box, { sx: { color: "success" } },
+                        React.createElement(Value, { value: item.value })),
+                    React.createElement(Box, { color: "error" },
+                        React.createElement("s", null,
+                            React.createElement(Value, { value: item.fromValue }))))),
+                item.op == "add" && (React.createElement("div", null,
+                    React.createElement(Value, { value: item.value })))) }))))));
+}
+export function AuditData({ data }) {
+    return (React.createElement(CodeBlock, null,
+        React.createElement(Json, { data: data })));
+}
+function getIcon(op) {
+    switch (op) {
+        case "add": return React.createElement(Add, null);
+        case "remove": return React.createElement(Remove, null);
+        case "replace": return React.createElement(ChangeCircleOutlined, null);
+        default: return;
+    }
+}
+function Value({ value }) {
+    return (React.createElement(Code, null, JSON.stringify(value, null, 4)));
+}
+//# sourceMappingURL=AuditChanges.js.map

package/esm/audit/AuditChanges.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AuditChanges.js","sourceRoot":"","sources":["../../src/audit/AuditChanges.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAE,oBAAoB,EAAE,MAAM,EAAC,MAAM,qBAAqB,CAAC;AACtE,OAAO,EAAC,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,YAAY,EAAE,YAAY,EAAE,KAAK,EAAC,MAAM,eAAe,CAAC;AAC3F,OAAO,KAAK,EAAE,EAAC,QAAQ,EAAC,MAAM,OAAO,CAAC;AAEtC,OAAO,EAAC,IAAI,EAAC,MAAM,cAAc,CAAC;AAClC,OAAO,EAAC,SAAS,EAAC,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAC,IAAI,EAAC,MAAM,cAAc,CAAC;AAElC,MAAM,UAAU,YAAY,CAAC,EAAC,IAAI,EAAE,KAAK,EAA2C;IACnF,OAAO,CACN,oBAAC,KAAK,IAAC,OAAO,EAAE,CAAC;QACf,KAAK,IAAI,oBAAC,UAAU,IAAC,KAAK,EAAE,KAAK,GAAI;QACrC,IAAI,IAAI,oBAAC,SAAS,IAAC,IAAI,EAAE,IAAI,GAAG,CAC1B,CACR,CAAC;AACH,CAAC;AAED,MAAM,UAAU,UAAU,CAAC,EAAC,KAAK,EAAuB;IACvD,OAAO,CACN,oBAAC,IAAI,IAAC,KAAK,QAAC,cAAc,UACxB,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CAClB,oBAAC,QAAQ,IAAC,cAAc;QACvB,oBAAC,YAAY;YACZ,oBAAC,IAAI,IACJ,IAAI,EAAE,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC,EACtB,KAAK,EAAE,IAAI,CAAC,IAAI,EAChB,EAAE,EAAE;oBACH,UAAU,EAAE,gBAAgB;iBAC5B,GACA,CACY;QACf,oBAAC,YAAY,IACZ,OAAO,EACN,oBAAC,GAAG,IAAC,EAAE,EAAE,CAAC;gBACR,IAAI,CAAC,EAAE,IAAI,SAAS,IAAI,CACxB,oBAAC,QAAQ;oBACR,oBAAC,GAAG,IAAC,EAAE,EAAE,EAAC,KAAK,EAAE,SAAS,EAAC;wBAC1B,oBAAC,KAAK,IAAC,KAAK,EAAE,IAAI,CAAC,KAAK,GAAG,CACtB;oBACN,oBAAC,GAAG,IAAC,KAAK,EAAC,OAAO;wBACjB;4BACC,oBAAC,KAAK,IAAC,KAAK,EAAE,IAAI,CAAC,SAAS,GAAG,CAC5B,CACC,CACI,CACX;gBACA,IAAI,CAAC,EAAE,IAAI,KAAK,IAAI,CACpB;oBACC,oBAAC,KAAK,IAAC,KAAK,EAAE,IAAI,CAAC,KAAK,GAAG,CACtB,CACN,CACI,GAEN,CACQ,CACX,CAAC,CACI,CACP,CAAC;AACH,CAAC;AAED,MAAM,UAAU,SAAS,CAAC,EAAC,IAAI,EAAc;IAC5C,OAAO,CACN,oBAAC,SAAS;QAAC,oBAAC,IAAI,IAAC,IAAI,EAAE,IAAI,GAAG,CAAY,CAC1C,CAAC;AACH,CAAC;AAED,SAAS,OAAO,CAAC,EAAuB;IACvC,QAAQ,EAAE,EAAE,CAAC;QACZ,KAAK,KAAK,CAAC,CAAC,OAAO,oBAAC,GAAG,OAAE,CAAC;QAC1B,KAAK,QAAQ,CAAC,CAAC,OAAO,oBAAC,MAAM,OAAE,CAAC;QAChC,KAAK,SAAS,CAAC,CAAC,OAAO,oBAAC,oBAAoB,OAAE,CAAC;QAC/C,OAAO,CAAC,CAAC,OAAO;IACjB,CAAC;AACF,CAAC;AAED,SAAS,KAAK,CAAC,EAAC,KAAK,EAAiB;IACrC,OAAO,CACN,oBAAC,IAAI,QACH,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE,IAAI,EAAE,CAAC,CAAC,CACzB,CACP,CAAC;AACH,CAAC"}

package/esm/audit/AuditTimeline.d.ts

@@ -0,0 +1,6 @@
+import { PropsWithChildren } from "react";
+interface AuditTimelineProps {
+    loading?: boolean;
+}
+export declare function AuditTimeline({ loading, children }: PropsWithChildren<AuditTimelineProps>): JSX.Element;
+export {};

package/esm/audit/AuditTimeline.js

@@ -0,0 +1,13 @@
+import React from "react";
+import { Timeline } from "@mui/lab";
+import { AuditTimelineItemSkeleton } from "./AuditTimelineItem";
+export function AuditTimeline({ loading, children }) {
+    if (loading) {
+        return (React.createElement(Timeline, null,
+            React.createElement(AuditTimelineItemSkeleton, null),
+            React.createElement(AuditTimelineItemSkeleton, null),
+            React.createElement(AuditTimelineItemSkeleton, null)));
+    }
+    return (React.createElement(Timeline, null, children));
+}
+//# sourceMappingURL=AuditTimeline.js.map

package/esm/audit/AuditTimeline.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AuditTimeline.js","sourceRoot":"","sources":["../../src/audit/AuditTimeline.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0B,MAAM,OAAO,CAAC;AAC/C,OAAO,EAAC,QAAQ,EAAC,MAAM,UAAU,CAAC;AAClC,OAAO,EAAC,yBAAyB,EAAC,MAAM,qBAAqB,CAAC;AAM9D,MAAM,UAAU,aAAa,CAAC,EAAC,OAAO,EAAE,QAAQ,EAAwC;IACpF,IAAI,OAAO,EAAE,CAAC;QACV,OAAO,CACH,oBAAC,QAAQ;YACL,oBAAC,yBAAyB,OAAE;YAC5B,oBAAC,yBAAyB,OAAE;YAC5B,oBAAC,yBAAyB,OAAE,CACrB,CACd,CAAA;IACL,CAAC;IACD,OAAO,CACH,oBAAC,QAAQ,QACJ,QAAQ,CACF,CACd,CAAC;AACN,CAAC"}

package/esm/audit/AuditTimelineItem.d.ts

@@ -0,0 +1,10 @@
+import { ReactNode } from "react";
+export interface AuditTimelineItemProps {
+    created: ReactNode;
+    actor: ReactNode;
+    connector?: boolean;
+    message: ReactNode;
+    changes: ReactNode;
+}
+export declare function AuditTimelineItem(props: AuditTimelineItemProps): JSX.Element;
+export declare function AuditTimelineItemSkeleton(): JSX.Element;

package/esm/audit/AuditTimelineItem.js

@@ -0,0 +1,27 @@
+import React from "react";
+import { TimelineConnector, TimelineContent, TimelineDot, TimelineItem, TimelineOppositeContent, TimelineSeparator } from "@mui/lab";
+import { Box, Skeleton, Stack, Typography, useMediaQuery, useTheme } from "@mui/material";
+export function AuditTimelineItem(props) {
+    const { created, actor, connector = true, message, changes, } = props;
+    const theme = useTheme();
+    const sm = useMediaQuery(theme.breakpoints.down("sm"));
+    const createdAndActor = (React.createElement(Stack, { spacing: 1 },
+        React.createElement(Box, { color: "text.secondary" }, created),
+        React.createElement(Box, { color: "text.primary" }, actor)));
+    return (React.createElement(TimelineItem, null,
+        sm
+            ? React.createElement(TimelineOppositeContent, { sx: { flex: 0, padding: 0 } })
+            : React.createElement(TimelineOppositeContent, null, createdAndActor),
+        React.createElement(TimelineSeparator, null,
+            React.createElement(TimelineDot, null),
+            connector && (React.createElement(TimelineConnector, null))),
+        React.createElement(TimelineContent, null,
+            React.createElement(Stack, { spacing: 1 },
+                React.createElement(Typography, { variant: "h6", sx: { transform: "translateY(-1px)" } }, message),
+                sm && createdAndActor,
+                React.createElement(Typography, { variant: "body2" }, changes)))));
+}
+export function AuditTimelineItemSkeleton() {
+    return (React.createElement(AuditTimelineItem, { connector: true, created: React.createElement(Skeleton, null), actor: React.createElement(Skeleton, null), message: React.createElement(Skeleton, null), changes: React.createElement(Skeleton, { variant: "rounded", height: "150px" }) }));
+}
+//# sourceMappingURL=AuditTimelineItem.js.map

package/esm/audit/AuditTimelineItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AuditTimelineItem.js","sourceRoot":"","sources":["../../src/audit/AuditTimelineItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AACvC,OAAO,EACH,iBAAiB,EACjB,eAAe,EACf,WAAW,EACX,YAAY,EACZ,uBAAuB,EACvB,iBAAiB,EACpB,MAAM,UAAU,CAAC;AAClB,OAAO,EAAC,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAE,UAAU,EAAE,aAAa,EAAE,QAAQ,EAAC,MAAM,eAAe,CAAC;AAUxF,MAAM,UAAU,iBAAiB,CAAC,KAA6B;IAC3D,MAAM,EACF,OAAO,EACP,KAAK,EACL,SAAS,GAAG,IAAI,EAChB,OAAO,EACP,OAAO,GACV,GAAG,KAAK,CAAC;IACV,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,MAAM,EAAE,GAAG,aAAa,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;IAEvD,MAAM,eAAe,GAAG,CACpB,oBAAC,KAAK,IAAC,OAAO,EAAE,CAAC;QACb,oBAAC,GAAG,IAAC,KAAK,EAAC,gBAAgB,IAAE,OAAO,CAAO;QAC3C,oBAAC,GAAG,IAAC,KAAK,EAAC,cAAc,IAAE,KAAK,CAAO,CACnC,CACX,CAAC;IAEF,OAAO,CACH,oBAAC,YAAY;QACR,EAAE;YACC,CAAC,CAAC,oBAAC,uBAAuB,IAAC,EAAE,EAAE,EAAC,IAAI,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC,EAAC,GAAG;YACvD,CAAC,CAAC,oBAAC,uBAAuB,QAAE,eAAe,CAA2B;QAE1E,oBAAC,iBAAiB;YACd,oBAAC,WAAW,OAAE;YACb,SAAS,IAAI,CACV,oBAAC,iBAAiB,OAAE,CACvB,CACe;QACpB,oBAAC,eAAe;YACZ,oBAAC,KAAK,IAAC,OAAO,EAAE,CAAC;gBACb,oBAAC,UAAU,IAAC,OAAO,EAAC,IAAI,EAAC,EAAE,EAAE,EAAC,SAAS,EAAE,kBAAkB,EAAC,IACvD,OAAO,CACC;gBACZ,EAAE,IAAI,eAAe;gBACtB,oBAAC,UAAU,IAAC,OAAO,EAAC,OAAO,IAC1B,OAAO,CACK,CACT,CACM,CACP,CAClB,CAAA;AACL,CAAC;AAED,MAAM,UAAU,yBAAyB;IACrC,OAAO,CACH,oBAAC,iBAAiB,IACd,SAAS,QACT,OAAO,EAAE,oBAAC,QAAQ,OAAE,EACpB,KAAK,EAAE,oBAAC,QAAQ,OAAE,EAClB,OAAO,EAAE,oBAAC,QAAQ,OAAE,EACpB,OAAO,EAAE,oBAAC,QAAQ,IAAC,OAAO,EAAC,SAAS,EAAC,MAAM,EAAC,OAAO,GAAE,GACvD,CACL,CAAC;AACN,CAAC"}

package/esm/audit/index.d.ts

@@ -0,0 +1,4 @@
+export * from "./AuditTimeline";
+export * from "./AuditTimelineItem";
+export * from "./AuditChanges";
+export * from "./types";

package/esm/audit/index.js

@@ -0,0 +1,5 @@
+export * from "./AuditTimeline";
+export * from "./AuditTimelineItem";
+export * from "./AuditChanges";
+export * from "./types";
+//# sourceMappingURL=index.js.map

package/esm/audit/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/audit/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,qBAAqB,CAAC;AACpC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,SAAS,CAAC"}

package/esm/audit/types.d.ts

@@ -0,0 +1,42 @@
+export interface AppAuditLogEntry {
+    created: string;
+    tenantId: string | null;
+    cubeId: string | null;
+    boxNumber: string | null;
+    occupancyId: string | null;
+    source: string | null;
+    level: string;
+    message: string;
+    referenceType: string | null;
+    referenceId: string | null;
+    type: string;
+    userId: string | null;
+    data?: any;
+    patch?: JsonPatch;
+    actor: string | null;
+}
+export type JsonPatch = Array<JsonPatchItem>;
+export type JsonPatchItem = AddPatch | RemovePatch | ReplacePatch | MovePatch | CopyPatch;
+export interface Patch {
+    path: string;
+}
+export interface AddPatch extends Patch {
+    op: "add";
+    value: any;
+}
+export interface RemovePatch extends Patch {
+    op: "remove";
+}
+export interface ReplacePatch extends Patch {
+    op: "replace";
+    value: any;
+    fromValue: any;
+}
+export interface MovePatch extends Patch {
+    op: "move";
+    from: string;
+}
+export interface CopyPatch extends Patch {
+    op: "copy";
+    from: string;
+}

package/esm/audit/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/esm/audit/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/audit/types.ts"],"names":[],"mappings":""}

package/esm/breadcrumbs.d.ts

@@ -0,0 +1,6 @@
+import React, { PropsWithChildren } from "react";
+import { LinkProps } from "@mui/material";
+import { LinkTypeMap } from "@mui/material/Link/Link";
+export declare function Breadcrumbs({ children }: PropsWithChildren<{}>): JSX.Element;
+export declare function BreadcrumbLink<D extends React.ElementType = LinkTypeMap['defaultComponent'], P = {}>(props: LinkProps<D, P>): JSX.Element;
+export declare function BreadcrumbItem({ children }: PropsWithChildren<{}>): JSX.Element;

package/esm/breadcrumbs.js

@@ -0,0 +1,13 @@
+import React from "react";
+import { Breadcrumbs as MuiBreadcrumbs, Link, Typography } from "@mui/material";
+import { ChevronRightIcon } from "./icons";
+export function Breadcrumbs({ children }) {
+    return (React.createElement(MuiBreadcrumbs, { separator: React.createElement(ChevronRightIcon, { fontSize: "small" }) }, children));
+}
+export function BreadcrumbLink(props) {
+    return (React.createElement(Link, Object.assign({ color: "inherit" }, props)));
+}
+export function BreadcrumbItem({ children }) {
+    return (React.createElement(Typography, { color: "textPrimary" }, children));
+}
+//# sourceMappingURL=breadcrumbs.js.map

package/esm/breadcrumbs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumbs.js","sourceRoot":"","sources":["../src/breadcrumbs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0B,MAAM,OAAO,CAAC;AAC/C,OAAO,EAAC,WAAW,IAAI,cAAc,EAAE,IAAI,EAAa,UAAU,EAAC,MAAM,eAAe,CAAC;AACzF,OAAO,EAAC,gBAAgB,EAAC,MAAM,SAAS,CAAC;AAGzC,MAAM,UAAU,WAAW,CAAC,EAAC,QAAQ,EAAwB;IACzD,OAAO,CACH,oBAAC,cAAc,IAAC,SAAS,EAAE,oBAAC,gBAAgB,IAAC,QAAQ,EAAC,OAAO,GAAE,IAC1D,QAAQ,CACI,CACpB,CAAA;AACL,CAAC;AAED,MAAM,UAAU,cAAc,CAG5B,KAAsB;IACpB,OAAO,CACH,oBAAC,IAAI,kBAAC,KAAK,EAAC,SAAS,IAAK,KAAK,EAAG,CACrC,CAAA;AACL,CAAC;AAED,MAAM,UAAU,cAAc,CAAC,EAAC,QAAQ,EAAwB;IAC5D,OAAO,CACH,oBAAC,UAAU,IAAC,KAAK,EAAC,aAAa,IAAE,QAAQ,CAAc,CAC1D,CAAC;AACN,CAAC"}

package/esm/code/Code.d.ts

@@ -0,0 +1,10 @@
+import { TypographyProps } from "@mui/material";
+import { PropsWithChildren } from "react";
+export interface CodeProps {
+    variant?: TypographyProps["variant"];
+    color?: TypographyProps["color"];
+    display?: TypographyProps["display"];
+    px?: TypographyProps["px"];
+    py?: TypographyProps["py"];
+}
+export declare function Code(props: PropsWithChildren<CodeProps>): JSX.Element;

package/esm/code/Code.js

@@ -0,0 +1,19 @@
+import { darken, lighten, Typography, useTheme } from "@mui/material";
+import React from "react";
+export function Code(props) {
+    const { variant, color, display, px = "0.25em", py = 0, children, } = props;
+    const theme = useTheme();
+    const backgroundColor = theme.palette.mode == "light"
+        ? darken(theme.palette.background.default, 0.04)
+        : theme.palette.background.paper;
+    const backgroundColorOnPaper = theme.palette.mode == "light"
+        ? darken(theme.palette.background.default, 0.025)
+        : lighten(theme.palette.background.paper, 0.1);
+    return (React.createElement(Typography, { component: "code", display: display, color: color, variant: variant, fontFamily: "Jetbrains Mono", fontSize: variant ? undefined : "inherit", px: px, py: py, whiteSpace: "break-spaces", borderRadius: "0.25em", sx: {
+            bgcolor: backgroundColor,
+            ".MuiPaper-root &": {
+                bgcolor: backgroundColorOnPaper,
+            },
+        } }, children));
+}
+//# sourceMappingURL=Code.js.map

package/esm/code/Code.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Code.js","sourceRoot":"","sources":["../../src/code/Code.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,MAAM,EAAE,OAAO,EAAE,UAAU,EAAmB,QAAQ,EAAC,MAAM,eAAe,CAAC;AACrF,OAAO,KAA0B,MAAM,OAAO,CAAC;AAU/C,MAAM,UAAU,IAAI,CAAC,KAAmC;IACvD,MAAM,EACL,OAAO,EACP,KAAK,EACL,OAAO,EACP,EAAE,GAAG,QAAQ,EACb,EAAE,GAAG,CAAC,EACN,QAAQ,GACR,GAAG,KAAK,CAAC;IACV,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IAEzB,MAAM,eAAe,GAAG,KAAK,CAAC,OAAO,CAAC,IAAI,IAAI,OAAO;QACpD,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,OAAO,EAAE,IAAI,CAAC;QAChD,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,KAAK,CAAC;IAElC,MAAM,sBAAsB,GAAG,KAAK,CAAC,OAAO,CAAC,IAAI,IAAI,OAAO;QAC3D,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,OAAO,EAAE,KAAK,CAAC;QACjD,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;IAEhD,OAAO,CACN,oBAAC,UAAU,IACV,SAAS,EAAC,MAAM,EAChB,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,UAAU,EAAC,gBAAgB,EAC3B,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,EACzC,EAAE,EAAE,EAAE,EACN,EAAE,EAAE,EAAE,EACN,UAAU,EAAC,cAAc,EACzB,YAAY,EAAC,QAAQ,EACrB,EAAE,EAAE;YACH,OAAO,EAAE,eAAe;YACxB,kBAAkB,EAAE;gBACnB,OAAO,EAAE,sBAAsB;aAC/B;SACD,IAEA,QAAQ,CACG,CACb,CAAC;AACH,CAAC"}

package/esm/code/CodeBlock.d.ts

@@ -0,0 +1,4 @@
+import { CodeProps } from "./Code";
+import { PropsWithChildren } from "react";
+export type CodeBlockProps = PropsWithChildren<Omit<CodeProps, "block">>;
+export declare function CodeBlock(props: CodeBlockProps): JSX.Element;

package/esm/code/CodeBlock.js

@@ -0,0 +1,6 @@
+import { Code } from "./Code";
+import React from "react";
+export function CodeBlock(props) {
+    return (React.createElement(Code, Object.assign({ display: "block", px: "0.5em", py: "0.25em" }, props)));
+}
+//# sourceMappingURL=CodeBlock.js.map

package/esm/code/CodeBlock.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CodeBlock.js","sourceRoot":"","sources":["../../src/code/CodeBlock.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,IAAI,EAAY,MAAM,QAAQ,CAAC;AACvC,OAAO,KAA0B,MAAM,OAAO,CAAC;AAI/C,MAAM,UAAU,SAAS,CAAC,KAAqB;IAC3C,OAAO,CACH,oBAAC,IAAI,kBACD,OAAO,EAAC,OAAO,EACf,EAAE,EAAC,OAAO,EACV,EAAE,EAAC,QAAQ,IACP,KAAK,EACX,CACL,CAAA;AACL,CAAC"}

package/esm/code/Json.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+export declare function Json({ data }: {
+    data: any;
+}): JSX.Element;