@variocube/app-ui 1.14.0

package/esm/storage/MemoryStorage.js

@@ -0,0 +1,18 @@
+export class MemoryStorage {
+    constructor() {
+        this.data = new Map();
+    }
+    getItem(key) {
+        return this.data.get(key);
+    }
+    setItem(key, value) {
+        return this.data.set(key, value);
+    }
+    removeItem(key) {
+        return this.data.delete(key);
+    }
+    clear() {
+        return this.data.clear();
+    }
+}
+//# sourceMappingURL=MemoryStorage.js.map

package/esm/storage/MemoryStorage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MemoryStorage.js","sourceRoot":"","sources":["../../src/storage/MemoryStorage.ts"],"names":[],"mappings":"AACA,MAAM,OAAO,aAAa;IAA1B;QAEqB,SAAI,GAAG,IAAI,GAAG,EAAkB,CAAC;IAiBtD,CAAC;IAfG,OAAO,CAAC,GAAW;QACf,OAAO,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAC9B,CAAC;IAED,OAAO,CAAC,GAAW,EAAE,KAAa;QAC9B,OAAO,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC;IACrC,CAAC;IAED,UAAU,CAAC,GAAW;QAClB,OAAO,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;IACjC,CAAC;IAED,KAAK;QACD,OAAO,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC;IAC7B,CAAC;CACJ"}

package/esm/storage/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./useStorage";
+export * from "./storage";

package/esm/storage/index.js

@@ -0,0 +1,3 @@
+export * from "./useStorage";
+export * from "./storage";
+//# sourceMappingURL=index.js.map

package/esm/storage/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/storage/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC"}

package/esm/storage/storage.d.ts

@@ -0,0 +1,16 @@
+type StorageChangeListener = (oldValue?: string, newValue?: string) => void;
+declare class StorageWrapper {
+    private readonly listeners;
+    private readonly storageArea;
+    constructor();
+    addChangeListener(key: string, listener: StorageChangeListener): void;
+    removeChangeListener(key: string, listener: StorageChangeListener): void;
+    write(key: string, value?: string): void;
+    delete(key: string): void;
+    read(key: string): string | null | undefined;
+    private notifyChangeListener;
+    private getOrCreateListeners;
+    private createListeners;
+}
+export declare const storage: StorageWrapper;
+export {};

package/esm/storage/storage.js

@@ -0,0 +1,87 @@
+import { MemoryStorage } from "./MemoryStorage";
+const TEST_KEY = "__check_storage_supported";
+function isSupported(storage) {
+    if (!storage) {
+        return false;
+    }
+    try {
+        storage.setItem(TEST_KEY, "1");
+        storage.removeItem(TEST_KEY);
+        return true;
+    }
+    catch (e) {
+        return false;
+    }
+}
+function findSupportedStorage() {
+    return [window.localStorage, window.sessionStorage].find(isSupported)
+        || new MemoryStorage();
+}
+class StorageWrapper {
+    constructor() {
+        this.listeners = new Map();
+        this.storageArea = findSupportedStorage();
+        window.addEventListener("storage", event => {
+            const { storageArea, key, oldValue, newValue } = event;
+            if (storageArea == this.storageArea && key && oldValue != newValue) {
+                this.notifyChangeListener(key, oldValue || undefined, newValue || undefined);
+            }
+        });
+    }
+    addChangeListener(key, listener) {
+        this.getOrCreateListeners(key).add(listener);
+    }
+    removeChangeListener(key, listener) {
+        this.getOrCreateListeners(key).delete(listener);
+    }
+    write(key, value) {
+        const oldValue = this.read(key);
+        try {
+            if (value !== undefined) {
+                this.storageArea.setItem(key, value);
+            }
+            else {
+                this.storageArea.removeItem(key);
+            }
+            this.notifyChangeListener(key, oldValue, value);
+        }
+        catch (error) {
+            // ignore error
+        }
+    }
+    delete(key) {
+        const oldValue = this.read(key);
+        try {
+            this.storageArea.removeItem(key);
+            this.notifyChangeListener(key, oldValue, undefined);
+        }
+        catch (error) {
+            // ignore error
+        }
+    }
+    read(key) {
+        try {
+            return this.storageArea.getItem(key);
+        }
+        catch (error) {
+            // ignore error
+            return null;
+        }
+    }
+    notifyChangeListener(key, oldValue, newValue) {
+        const listeners = this.listeners.get(key);
+        if (listeners) {
+            listeners.forEach(listener => listener(oldValue, newValue));
+        }
+    }
+    getOrCreateListeners(key) {
+        return this.listeners.get(key) || this.createListeners(key);
+    }
+    createListeners(key) {
+        const listeners = new Set();
+        this.listeners.set(key, listeners);
+        return listeners;
+    }
+}
+export const storage = new StorageWrapper();
+//# sourceMappingURL=storage.js.map

package/esm/storage/storage.js.map

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

package/esm/storage/useStorage.d.ts

@@ -0,0 +1 @@
+export declare function useStorage<T>(key: string, defaultValue: T): [T, (newValue: T) => void];

package/esm/storage/useStorage.js

@@ -0,0 +1,29 @@
+import { useCallback, useLayoutEffect, useMemo, useState } from "react";
+import { storage } from "./storage";
+export function useStorage(key, defaultValue) {
+    const defaultValueSerialized = useMemo(() => JSON.stringify(defaultValue), [defaultValue]);
+    const readStateFromStorage = useCallback(() => {
+        const storageValue = storage.read(key);
+        return storageValue !== null && storageValue !== void 0 ? storageValue : defaultValueSerialized;
+    }, [key, defaultValueSerialized]);
+    const [value, setValue] = useState(readStateFromStorage);
+    const updateStateFromStorage = useCallback(() => {
+        setValue(readStateFromStorage());
+    }, [readStateFromStorage]);
+    useLayoutEffect(() => {
+        storage.addChangeListener(key, updateStateFromStorage);
+        return () => storage.removeChangeListener(key, updateStateFromStorage);
+    }, [key, updateStateFromStorage]);
+    const typedValue = useMemo(() => JSON.parse(value), [value]);
+    const setTypedValue = useCallback((newValue) => {
+        const value = JSON.stringify(newValue);
+        if (value != defaultValueSerialized) {
+            storage.write(key, value);
+        }
+        else {
+            storage.delete(key);
+        }
+    }, [key, defaultValueSerialized]);
+    return [typedValue, setTypedValue];
+}
+//# sourceMappingURL=useStorage.js.map

package/esm/storage/useStorage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useStorage.js","sourceRoot":"","sources":["../../src/storage/useStorage.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAAE,eAAe,EAAE,OAAO,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAC;AACtE,OAAO,EAAC,OAAO,EAAC,MAAM,WAAW,CAAC;AAElC,MAAM,UAAU,UAAU,CAAI,GAAW,EAAE,YAAe;IACzD,MAAM,sBAAsB,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;IAE3F,MAAM,oBAAoB,GAAG,WAAW,CAAC,GAAG,EAAE;QAC7C,MAAM,YAAY,GAAG,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QACvC,OAAO,YAAY,aAAZ,YAAY,cAAZ,YAAY,GAAI,sBAAsB,CAAC;IAC/C,CAAC,EAAE,CAAC,GAAG,EAAE,sBAAsB,CAAC,CAAC,CAAC;IAElC,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,oBAAoB,CAAC,CAAC;IAEzD,MAAM,sBAAsB,GAAG,WAAW,CAAC,GAAG,EAAE;QAC/C,QAAQ,CAAC,oBAAoB,EAAE,CAAC,CAAC;IAClC,CAAC,EAAE,CAAC,oBAAoB,CAAC,CAAC,CAAC;IAE3B,eAAe,CAAC,GAAG,EAAE;QACpB,OAAO,CAAC,iBAAiB,CAAC,GAAG,EAAE,sBAAsB,CAAC,CAAC;QACvD,OAAO,GAAG,EAAE,CAAC,OAAO,CAAC,oBAAoB,CAAC,GAAG,EAAE,sBAAsB,CAAC,CAAC;IACxE,CAAC,EAAE,CAAC,GAAG,EAAE,sBAAsB,CAAC,CAAC,CAAC;IAElC,MAAM,UAAU,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAE7D,MAAM,aAAa,GAAG,WAAW,CAAC,CAAC,QAAW,EAAE,EAAE;QACjD,MAAM,KAAK,GAAG,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC;QACvC,IAAI,KAAK,IAAI,sBAAsB,EAAE,CAAC;YACrC,OAAO,CAAC,KAAK,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC;QAC3B,CAAC;aAAM,CAAC;YACP,OAAO,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;QACrB,CAAC;IACF,CAAC,EAAE,CAAC,GAAG,EAAE,sBAAsB,CAAC,CAAC,CAAC;IAElC,OAAO,CAAC,UAAU,EAAE,aAAa,CAAC,CAAC;AACpC,CAAC"}

package/esm/tabs/Tabs.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import { TabsProps as MuiTabsProps } from "@mui/material/Tabs";
+import { TabProps as MuiTabProps } from "@mui/material/Tab";
+interface TabProps extends MuiTabProps<React.ElementType> {
+}
+interface TabsProps extends MuiTabsProps {
+    items: TabProps[];
+}
+export declare function Tabs(props: TabsProps): JSX.Element;
+export {};

package/esm/tabs/Tabs.js

@@ -0,0 +1,95 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React, { Fragment, useEffect, useRef, useState } from "react";
+import { IconButton, ListItemIcon, ListItemText, Menu, MenuItem, Stack } from "@mui/material";
+import MuiTabs from "@mui/material/Tabs";
+import MoreHorizIcon from '@mui/icons-material/MoreHoriz';
+import MuiTab from "@mui/material/Tab";
+const hiddenSx = {
+    visibility: 'hidden',
+    height: 0,
+    maxHeight: 'unset',
+    minHeight: 'unset',
+    padding: 0
+};
+export function Tabs(props) {
+    const { orientation = "horizontal", scrollButtons = "auto", allowScrollButtonsMobile = true, sx, onChange, items: inItems, value } = props, rest = __rest(props, ["orientation", "scrollButtons", "allowScrollButtonsMobile", "sx", "onChange", "items", "value"]);
+    const items = inItems.map((item, i) => (Object.assign(Object.assign({}, item), { value: typeof item.value == "undefined" ? i : item.value })));
+    const ref = useRef(null);
+    const [dropdownEl, setDropdownEl] = useState(null);
+    const [overflowIndex, setOverflowIndex] = useState(items.length);
+    const selectedIndex = items.findIndex((item) => item.value == value);
+    function handleTabOverflow(root, items) {
+        // clientWidth: what the user can see
+        // scrollWidth: actual size of the DOM object
+        const { clientWidth } = root;
+        // this basically loop through each item size and adding up the width of all items
+        // if the width exceed the clientWidth of the root node, item will be hidden from the horizontal tab display
+        // else the item remains visible and its ref from the dropdown list will be hidden otherwise
+        let overflowIndex = 0;
+        let itemsWidth = 0;
+        for (let i = 0; i < items.length; i++) {
+            itemsWidth += items[i].width;
+            if (itemsWidth < clientWidth) {
+                overflowIndex++;
+            }
+        }
+        setOverflowIndex(overflowIndex);
+    }
+    useEffect(() => {
+        if (ref.current) {
+            // fetch the root node of tabs
+            const root = Array.from(ref.current.children).find(e => e.className.includes('tabRoot'));
+            if (root) {
+                // from the root node, traverse down to list node of tab items
+                const list = Array.from(root.children).find(e => e.className.includes('tabList'));
+                const items = list ? Array.from(list.children).map((e, index) => ({ index, width: e.clientWidth })) : [];
+                // apply the resize observer to the root node and watch for the size changes
+                const resizeObserver = new ResizeObserver(() => handleTabOverflow(root, items));
+                resizeObserver.observe(root);
+                return () => resizeObserver.disconnect();
+            }
+        }
+    }, [ref]);
+    return (React.createElement(Stack, { flex: 1, direction: "row", alignItems: "center", sx: {
+            borderBottom: 1,
+            borderColor: "divider"
+        } },
+        React.createElement(MuiTabs, Object.assign({ ref: ref, orientation: "horizontal", visibleScrollbar: false, scrollButtons: false, allowScrollButtonsMobile: false, sx: Object.assign(Object.assign({}, sx), { flex: 1 }), classes: {
+                scroller: 'tabRoot',
+                flexContainer: 'tabList'
+            }, value: value, onChange: onChange }, rest), items
+            .map((tabProps, i) => (React.createElement(MuiTab, Object.assign({ key: 'muiTab-' + i, iconPosition: "start" }, tabProps, { sx: Object.assign(Object.assign(Object.assign({}, tabProps.sx), (i >= overflowIndex ? { display: "none" } : undefined)), { minHeight: 48 }) }))))),
+        (overflowIndex < items.length) && (React.createElement(Fragment, null,
+            React.createElement(IconButton, { sx: {
+                    ml: 1
+                }, onClick: ev => setDropdownEl(ev.currentTarget), color: selectedIndex >= overflowIndex ? "primary" : "default" },
+                React.createElement(MoreHorizIcon, { fontSize: "inherit" })),
+            React.createElement(Menu, { anchorEl: dropdownEl, open: !!dropdownEl, onClose: () => setDropdownEl(null) }, items
+                .map((tabProps, i) => {
+                const { label, icon, onClick, component, value: itemValue } = tabProps, rest = __rest(tabProps, ["label", "icon", "onClick", "component", "value"]);
+                const selected = value == itemValue;
+                function handleClick(ev) {
+                    if (!selected && onChange) {
+                        onChange(ev, i);
+                    }
+                    if (onClick) {
+                        onClick(ev);
+                    }
+                    setDropdownEl(null);
+                }
+                return (React.createElement(MenuItem, Object.assign({ key: 'dropdownItem-' + i, onClick: handleClick, component: component !== null && component !== void 0 ? component : "li", sx: i < overflowIndex ? hiddenSx : {}, selected: selected }, rest),
+                    icon && React.createElement(ListItemIcon, null, icon),
+                    React.createElement(ListItemText, null, label)));
+            }))))));
+}
+//# sourceMappingURL=Tabs.js.map

package/esm/tabs/Tabs.js.map

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

package/esm/tabs/index.d.ts

@@ -0,0 +1 @@
+export { Tabs } from "./Tabs";

package/esm/tabs/index.js

@@ -0,0 +1,2 @@
+export { Tabs } from "./Tabs";
+//# sourceMappingURL=index.js.map

package/esm/tabs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/tabs/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,IAAI,EAAC,MAAM,QAAQ,CAAC"}

package/esm/temporal/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./polyfill";
+export * from "./parse";

package/esm/temporal/index.js

@@ -0,0 +1,3 @@
+export * from "./polyfill";
+export * from "./parse";
+//# sourceMappingURL=index.js.map

package/esm/temporal/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/temporal/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC"}

package/esm/temporal/parse.d.ts

@@ -0,0 +1,4 @@
+export declare function tryParsePlainDate(value: string | undefined | null): import("@js-temporal/polyfill").Temporal.PlainDate | null;
+export declare function tryParsePlainDateTime(value: string | undefined | null): import("@js-temporal/polyfill").Temporal.PlainDateTime | null;
+export declare function tryParsePlainTime(value: string | undefined | null): import("@js-temporal/polyfill").Temporal.PlainTime | null;
+export declare function tryParseInstant(value: string | undefined | null): import("@js-temporal/polyfill").Temporal.Instant | null;

package/esm/temporal/parse.js

@@ -0,0 +1,25 @@
+import { Instant, PlainDate, PlainDateTime, PlainTime } from "./polyfill";
+export function tryParsePlainDate(value) {
+    return tryParseString(value, v => PlainDate.from(v, { overflow: "reject" }));
+}
+export function tryParsePlainDateTime(value) {
+    return tryParseString(value, v => PlainDateTime.from(v, { overflow: "reject" }));
+}
+export function tryParsePlainTime(value) {
+    return tryParseString(value, v => PlainTime.from(v, { overflow: "reject" }));
+}
+export function tryParseInstant(value) {
+    return tryParseString(value, Instant.from);
+}
+function tryParseString(value, parseFn) {
+    if (value) {
+        try {
+            return parseFn(value);
+        }
+        catch (error) {
+            // ignore parse error
+        }
+    }
+    return null;
+}
+//# sourceMappingURL=parse.js.map

package/esm/temporal/parse.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"parse.js","sourceRoot":"","sources":["../../src/temporal/parse.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,SAAS,EAAC,MAAM,YAAY,CAAC;AAExE,MAAM,UAAU,iBAAiB,CAAC,KAAgC;IACjE,OAAO,cAAc,CAAC,KAAK,EAAE,CAAC,CAAC,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,EAAE,EAAC,QAAQ,EAAE,QAAQ,EAAC,CAAC,CAAC,CAAC;AAC5E,CAAC;AAED,MAAM,UAAU,qBAAqB,CAAC,KAAgC;IACrE,OAAO,cAAc,CAAC,KAAK,EAAE,CAAC,CAAC,EAAE,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC,EAAE,EAAC,QAAQ,EAAE,QAAQ,EAAC,CAAC,CAAC,CAAC;AAChF,CAAC;AAED,MAAM,UAAU,iBAAiB,CAAC,KAAgC;IACjE,OAAO,cAAc,CAAC,KAAK,EAAE,CAAC,CAAC,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,EAAE,EAAC,QAAQ,EAAE,QAAQ,EAAC,CAAC,CAAC,CAAC;AAC5E,CAAC;AAED,MAAM,UAAU,eAAe,CAAC,KAAgC;IAC/D,OAAO,cAAc,CAAC,KAAK,EAAE,OAAO,CAAC,IAAI,CAAC,CAAC;AAC5C,CAAC;AAED,SAAS,cAAc,CAAI,KAAgC,EAAE,OAA6B;IACzF,IAAI,KAAK,EAAE,CAAC;QACX,IAAI,CAAC;YACJ,OAAO,OAAO,CAAC,KAAK,CAAC,CAAC;QACvB,CAAC;QACD,OAAO,KAAK,EAAE,CAAC;YACd,qBAAqB;QACtB,CAAC;IACF,CAAC;IACD,OAAO,IAAI,CAAC;AACb,CAAC"}

package/esm/temporal/polyfill.d.ts

@@ -0,0 +1,34 @@
+/**
+ * This module is a compatibility layer for the coming release of the Temporal API
+ * in browsers. It exports all relevant objects from the API to allow a smooth
+ * switch to a conditional polyfill or using the browser built-ins.
+ */
+import { Temporal, Intl, toTemporalInstant } from '@js-temporal/polyfill';
+export declare const Instant: typeof Temporal.Instant, ZonedDateTime: typeof Temporal.ZonedDateTime, PlainDateTime: typeof Temporal.PlainDateTime, PlainDate: typeof Temporal.PlainDate, PlainTime: typeof Temporal.PlainTime, Now: {
+    instant: () => Temporal.Instant;
+    zonedDateTime: (calendar: Temporal.CalendarLike, tzLike?: Temporal.TimeZoneLike | undefined) => Temporal.ZonedDateTime;
+    zonedDateTimeISO: (tzLike?: Temporal.TimeZoneLike | undefined) => Temporal.ZonedDateTime;
+    plainDateTime: (calendar: Temporal.CalendarLike, tzLike?: Temporal.TimeZoneLike | undefined) => Temporal.PlainDateTime;
+    plainDateTimeISO: (tzLike?: Temporal.TimeZoneLike | undefined) => Temporal.PlainDateTime;
+    plainDate: (calendar: Temporal.CalendarLike, tzLike?: Temporal.TimeZoneLike | undefined) => Temporal.PlainDate;
+    plainDateISO: (tzLike?: Temporal.TimeZoneLike | undefined) => Temporal.PlainDate;
+    plainTimeISO: (tzLike?: Temporal.TimeZoneLike | undefined) => Temporal.PlainTime;
+    timeZone: () => Temporal.TimeZone;
+    readonly [Symbol.toStringTag]: "Temporal.Now";
+}, Duration: typeof Temporal.Duration, TimeZone: typeof Temporal.TimeZone;
+export type Instant = Temporal.Instant;
+export type ZonedDateTime = Temporal.ZonedDateTime;
+export type PlainDateTime = Temporal.PlainDateTime;
+export type PlainDate = Temporal.PlainDate;
+export type PlainTime = Temporal.PlainTime;
+export type Duration = Temporal.Duration;
+export type TimeZone = Temporal.TimeZone;
+export declare const DateTimeFormat: {
+    (locales?: string | string[] | undefined, options?: Intl.DateTimeFormatOptions | undefined): Intl.DateTimeFormat;
+    new (locales?: string | string[] | undefined, options?: Intl.DateTimeFormatOptions | undefined): Intl.DateTimeFormat;
+    supportedLocalesOf(locales: string | string[], options?: Intl.DateTimeFormatOptions | undefined): string[];
+};
+export type DateTimeFormat = Intl.DateTimeFormat;
+export type DateTimeFormatOptions = Intl.DateTimeFormatOptions;
+export type Formattable = Intl.Formattable;
+export { toTemporalInstant };

package/esm/temporal/polyfill.js

@@ -0,0 +1,10 @@
+/**
+ * This module is a compatibility layer for the coming release of the Temporal API
+ * in browsers. It exports all relevant objects from the API to allow a smooth
+ * switch to a conditional polyfill or using the browser built-ins.
+ */
+import { Temporal, Intl, toTemporalInstant } from '@js-temporal/polyfill';
+export const { Instant, ZonedDateTime, PlainDateTime, PlainDate, PlainTime, Now, Duration, TimeZone } = Temporal;
+export const { DateTimeFormat } = Intl;
+export { toTemporalInstant };
+//# sourceMappingURL=polyfill.js.map

package/esm/temporal/polyfill.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"polyfill.js","sourceRoot":"","sources":["../../src/temporal/polyfill.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAC,QAAQ,EAAE,IAAI,EAAE,iBAAiB,EAAC,MAAM,uBAAuB,CAAC;AAExE,MAAM,CAAC,MAAM,EACT,OAAO,EACP,aAAa,EACb,aAAa,EACb,SAAS,EACT,SAAS,EACT,GAAG,EACH,QAAQ,EACR,QAAQ,EACX,GAAG,QAAQ,CAAC;AAUb,MAAM,CAAC,MAAM,EACT,cAAc,EACjB,GAAG,IAAI,CAAC;AAMT,OAAO,EAAC,iBAAiB,EAAC,CAAC"}

package/esm/utils/defined.d.ts

@@ -0,0 +1 @@
+export declare function defined<T>(x: T | undefined): x is T;

package/esm/utils/defined.js

@@ -0,0 +1,4 @@
+export function defined(x) {
+    return x !== undefined;
+}
+//# sourceMappingURL=defined.js.map

package/esm/utils/defined.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"defined.js","sourceRoot":"","sources":["../../src/utils/defined.ts"],"names":[],"mappings":"AACA,MAAM,UAAU,OAAO,CAAI,CAAgB;IACvC,OAAO,CAAC,KAAK,SAAS,CAAC;AAC3B,CAAC"}

package/esm/utils/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./useFlag";
+export * from "./useIsMounted";
+export * from "./defined";

package/esm/utils/index.js

@@ -0,0 +1,4 @@
+export * from "./useFlag";
+export * from "./useIsMounted";
+export * from "./defined";
+//# sourceMappingURL=index.js.map

package/esm/utils/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,WAAW,CAAC"}

package/esm/utils/useFlag.d.ts

@@ -0,0 +1 @@
+export declare function useFlag(initialValue: boolean): readonly [boolean, () => void, () => void, () => void];

package/esm/utils/useFlag.js

@@ -0,0 +1,9 @@
+import { useCallback, useState } from "react";
+export function useFlag(initialValue) {
+    const [flag, setFlag] = useState(initialValue);
+    const set = useCallback(() => setFlag(true), []);
+    const clear = useCallback(() => setFlag(false), []);
+    const toggle = useCallback(() => setFlag(prev => !prev), []);
+    return [flag, set, clear, toggle];
+}
+//# sourceMappingURL=useFlag.js.map

package/esm/utils/useFlag.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFlag.js","sourceRoot":"","sources":["../../src/utils/useFlag.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAC;AAE5C,MAAM,UAAU,OAAO,CAAC,YAAqB;IACzC,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,YAAY,CAAC,CAAC;IAC/C,MAAM,GAAG,GAAG,WAAW,CAAC,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,EAAE,CAAC,CAAC;IACjD,MAAM,KAAK,GAAG,WAAW,CAAC,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,EAAE,CAAC,CAAC;IACpD,MAAM,MAAM,GAAG,WAAW,CAAC,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,EAAE,EAAE,CAAC,CAAC;IAC7D,OAAO,CAAC,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,CAAU,CAAC;AAC/C,CAAC"}

package/esm/utils/useIsMounted.d.ts

@@ -0,0 +1 @@
+export declare function useIsMounted(): boolean;

package/esm/utils/useIsMounted.js

@@ -0,0 +1,12 @@
+import { useEffect, useRef } from "react";
+export function useIsMounted() {
+    const isMounted = useRef(false);
+    useEffect(() => {
+        isMounted.current = true;
+        return () => {
+            isMounted.current = false;
+        };
+    }, []);
+    return isMounted.current;
+}
+//# sourceMappingURL=useIsMounted.js.map

package/esm/utils/useIsMounted.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useIsMounted.js","sourceRoot":"","sources":["../../src/utils/useIsMounted.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,MAAM,EAAC,MAAM,OAAO,CAAC;AAExC,MAAM,UAAU,YAAY;IACxB,MAAM,SAAS,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAChC,SAAS,CAAC,GAAG,EAAE;QACX,SAAS,CAAC,OAAO,GAAG,IAAI,CAAC;QACzB,OAAO,GAAG,EAAE;YACR,SAAS,CAAC,OAAO,GAAG,KAAK,CAAC;QAC9B,CAAC,CAAA;IACL,CAAC,EAAE,EAAE,CAAC,CAAC;IACP,OAAO,SAAS,CAAC,OAAO,CAAC;AAC7B,CAAC"}

package/esm/view/View.d.ts

@@ -0,0 +1,9 @@
+import { ContainerProps } from "@mui/material";
+import { PropsWithChildren } from "react";
+export interface ViewProps extends ContainerProps {
+    loading?: boolean;
+    error?: any;
+    spacing?: number;
+    py?: number;
+}
+export declare function View(props: PropsWithChildren<ViewProps>): JSX.Element;

package/esm/view/View.js

@@ -0,0 +1,22 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { Container, Stack } from "@mui/material";
+import React from "react";
+import { ErrorAlert } from "../ErrorAlert";
+export function View(props) {
+    const { maxWidth, loading, error, spacing = 2, py = 4, children } = props, containerProps = __rest(props, ["maxWidth", "loading", "error", "spacing", "py", "children"]);
+    return (React.createElement(Container, Object.assign({ maxWidth: maxWidth }, containerProps),
+        React.createElement(Stack, { spacing: spacing, py: py, sx: { opacity: loading ? 0.5 : 1 } },
+            error && React.createElement(ErrorAlert, { error: error }),
+            children)));
+}
+//# sourceMappingURL=View.js.map

package/esm/view/View.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"View.js","sourceRoot":"","sources":["../../src/view/View.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAC,SAAS,EAAkB,KAAK,EAAC,MAAM,eAAe,CAAC;AAC/D,OAAO,KAA0B,MAAM,OAAO,CAAC;AAC/C,OAAO,EAAC,UAAU,EAAC,MAAM,eAAe,CAAC;AASzC,MAAM,UAAU,IAAI,CAAC,KAAmC;IACvD,MAAM,EAAC,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,GAAG,CAAC,EAAE,EAAE,GAAG,CAAC,EAAE,QAAQ,KAAuB,KAAK,EAAvB,cAAc,UAAI,KAAK,EAApF,6DAA4E,CAAQ,CAAC;IAC3F,OAAO,CACN,oBAAC,SAAS,kBAAC,QAAQ,EAAE,QAAQ,IAAM,cAAc;QAChD,oBAAC,KAAK,IAAC,OAAO,EAAE,OAAO,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAC,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAC;YAC/D,KAAK,IAAI,oBAAC,UAAU,IAAC,KAAK,EAAE,KAAK,GAAI;YACrC,QAAQ,CACF,CACG,CACZ,CAAC;AACH,CAAC"}

package/esm/view/ViewHeader.d.ts

@@ -0,0 +1,10 @@
+import { TypographyProps } from "@mui/material";
+import React, { PropsWithChildren } from "react";
+export interface ViewHeaderProps {
+    title?: React.ReactNode;
+    titleVariant?: TypographyProps["variant"];
+    titleAdornment?: React.ReactNode;
+    subTitle?: React.ReactNode;
+    actions?: React.ReactNode;
+}
+export declare function ViewHeader(props: PropsWithChildren<ViewHeaderProps>): JSX.Element;

package/esm/view/ViewHeader.js

@@ -0,0 +1,15 @@
+import { Box, Grid, Stack, Typography } from "@mui/material";
+import React from "react";
+import { PageTitle } from "../layout";
+export function ViewHeader(props) {
+    const { title, titleVariant, titleAdornment, subTitle, actions } = props;
+    return (React.createElement(Box, null,
+        React.createElement(Grid, { container: true, spacing: 2, justifyContent: "space-between", alignItems: "center" },
+            React.createElement(Grid, { item: true, xs: true },
+                React.createElement(Stack, { direction: "row", spacing: 2, alignItems: "center" },
+                    React.createElement(PageTitle, { title: title, variant: titleVariant, overflow: "hidden", textOverflow: "ellipsis" }),
+                    titleAdornment),
+                React.createElement(Typography, { variant: "subtitle1" }, subTitle)),
+            actions && (React.createElement(Grid, { item: true }, actions)))));
+}
+//# sourceMappingURL=ViewHeader.js.map

package/esm/view/ViewHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ViewHeader.js","sourceRoot":"","sources":["../../src/view/ViewHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAE,IAAI,EAAE,KAAK,EAAE,UAAU,EAAkB,MAAM,eAAe,CAAC;AAC5E,OAAO,KAA0B,MAAM,OAAO,CAAC;AAC/C,OAAO,EAAC,SAAS,EAAC,MAAM,WAAW,CAAC;AAUpC,MAAM,UAAU,UAAU,CAAC,KAAyC;IACnE,MAAM,EAAC,KAAK,EAAE,YAAY,EAAE,cAAc,EAAE,QAAQ,EAAE,OAAO,EAAC,GAAG,KAAK,CAAC;IACvE,OAAO,CACN,oBAAC,GAAG;QACH,oBAAC,IAAI,IAAC,SAAS,QAAC,OAAO,EAAE,CAAC,EAAE,cAAc,EAAC,eAAe,EAAC,UAAU,EAAC,QAAQ;YAC7E,oBAAC,IAAI,IAAC,IAAI,QAAC,EAAE;gBACZ,oBAAC,KAAK,IAAC,SAAS,EAAC,KAAK,EAAC,OAAO,EAAE,CAAC,EAAE,UAAU,EAAC,QAAQ;oBACrD,oBAAC,SAAS,IAAC,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,YAAY,EAAE,QAAQ,EAAC,QAAQ,EAAC,YAAY,EAAC,UAAU,GAAG;oBAC3F,cAAc,CACR;gBACR,oBAAC,UAAU,IAAC,OAAO,EAAC,WAAW,IAC7B,QAAQ,CACG,CACP;YACN,OAAO,IAAI,CACX,oBAAC,IAAI,IAAC,IAAI,UACR,OAAO,CACF,CACP,CACK,CACF,CACN,CAAC;AACH,CAAC"}

package/esm/view/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./View";
+export * from "./ViewHeader";

package/esm/view/index.js

@@ -0,0 +1,3 @@
+export * from "./View";
+export * from "./ViewHeader";
+//# sourceMappingURL=index.js.map

package/esm/view/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/view/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC"}