@xyo-network/react-shared 2.23.7

package/dist/esm/modules/common/components/SectionSpacingRow/index.js

@@ -0,0 +1,2 @@
+export * from './SectionSpacingRow';
+//# sourceMappingURL=index.js.map

package/dist/esm/modules/common/components/SectionSpacingRow/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/modules/common/components/SectionSpacingRow/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAA"}

package/dist/esm/modules/common/components/SimpleCard/SimpleCard.d.ts

@@ -0,0 +1,15 @@
+import { CardProps } from '@mui/material';
+import { ReactNode } from 'react';
+import { To } from 'react-router-dom';
+export interface SimpleCardProps extends CardProps {
+    headline?: ReactNode;
+    desc?: ReactNode;
+    href?: string;
+    to?: To;
+    media?: string;
+    small?: boolean;
+    iconImage?: string;
+    interactionVariant?: 'button' | 'card';
+    subtitle?: string;
+}
+export declare const SimpleCard: React.FC<SimpleCardProps>;

package/dist/esm/modules/common/components/SimpleCard/SimpleCard.js

@@ -0,0 +1,26 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import ArrowForwardRoundedIcon from '@mui/icons-material/ArrowForwardRounded';
+import { alpha, Card, CardActions, CardContent, CardMedia, IconButton, Typography, useTheme } from '@mui/material';
+import { FlexCol, FlexGrowCol } from '@xylabs/sdk-react';
+import { useState } from 'react';
+import { useNavigate } from 'react-router-dom';
+import { useIsMobile } from '../../hooks';
+export const SimpleCard = ({ iconImage, subtitle, headline, small, desc, href, to, interactionVariant = 'card', media, ...props }) => {
+    const theme = useTheme();
+    const [raised, setRaised] = useState(false);
+    const navigate = useNavigate();
+    const isMobile = useIsMobile();
+    const localRouteChange = (to) => {
+        to ? navigate(to) : navigate('/404');
+    };
+    const externalRouteChange = (href) => {
+        href ? window.open(href) : navigate('/404');
+    };
+    return (_jsxs(Card, { elevation: raised ? 3 : 0, style: { height: '100%', justifyContent: 'space-between', width: '100%' }, ...props, sx: {
+            '&:hover': {
+                cursor: interactionVariant == 'button' ? 'pointer' : null,
+            },
+            backgroundColor: alpha(theme.palette.primary.light, 0.05),
+        }, onMouseEnter: () => (isMobile ? null : interactionVariant == 'button' ? setRaised(true) : null), onMouseLeave: () => (isMobile ? null : interactionVariant == 'button' ? setRaised(false) : null), onClick: () => (interactionVariant == 'button' ? (href ? externalRouteChange(href) : to ? localRouteChange(to) : navigate('/404')) : null), children: [media ? _jsx(CardMedia, { component: "img", height: "100", image: media, alt: "" }) : null, _jsx(CardContent, { sx: { height: '100%' }, children: _jsxs(FlexCol, { width: "100%", alignItems: "flex-start", children: [iconImage ? _jsx("img", { src: iconImage, height: "40px", style: { paddingBottom: '8px' } }) : null, typeof headline === 'string' ? (_jsx(Typography, { variant: small ? 'body1' : 'h6', textAlign: "left", gutterBottom: true, children: headline })) : (headline), subtitle ? (_jsx(Typography, { variant: "subtitle2", textAlign: "left", gutterBottom: true, children: subtitle })) : null, _jsx(Typography, { variant: small ? 'caption' : 'body1', textAlign: "left", gutterBottom: true, children: desc })] }) }), interactionVariant == 'button' ? (_jsx(CardActions, { children: _jsx(FlexGrowCol, { alignItems: "flex-end", children: _jsx(IconButton, { color: raised ? 'secondary' : 'primary', size: small ? 'small' : 'medium', onClick: () => (href ? externalRouteChange(href) : to ? localRouteChange(to) : navigate('/404')), disableFocusRipple: true, disableRipple: true, disableTouchRipple: true, children: _jsx(ArrowForwardRoundedIcon, { fontSize: small ? 'small' : 'medium' }) }) }) })) : null] }));
+};
+//# sourceMappingURL=SimpleCard.js.map

package/dist/esm/modules/common/components/SimpleCard/SimpleCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SimpleCard.js","sourceRoot":"","sources":["../../../../../../src/modules/common/components/SimpleCard/SimpleCard.tsx"],"names":[],"mappings":";AAAA,OAAO,uBAAuB,MAAM,yCAAyC,CAAA;AAC7E,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,WAAW,EAAE,WAAW,EAAE,SAAS,EAAa,UAAU,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAC7H,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAA;AACxD,OAAO,EAAa,QAAQ,EAAE,MAAM,OAAO,CAAA;AAC3C,OAAO,EAAM,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAElD,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAA;AAczC,MAAM,CAAC,MAAM,UAAU,GAA8B,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,kBAAkB,GAAG,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IAC9J,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAC3C,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAA;IAC9B,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAA;IAC9B,MAAM,gBAAgB,GAAG,CAAC,EAAkB,EAAE,EAAE;QAC9C,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAA;IACtC,CAAC,CAAA;IACD,MAAM,mBAAmB,GAAG,CAAC,IAAwB,EAAE,EAAE;QACvD,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAA;IAC7C,CAAC,CAAA;IACD,OAAO,CACL,MAAC,IAAI,IACH,SAAS,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EACzB,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,cAAc,EAAE,eAAe,EAAE,KAAK,EAAE,MAAM,EAAE,KACrE,KAAK,EACT,EAAE,EAAE;YACF,SAAS,EAAE;gBACT,MAAM,EAAE,kBAAkB,IAAI,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI;aAC1D;YACD,eAAe,EAAE,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,KAAK,EAAE,IAAI,CAAC;SAC1D,EACD,YAAY,EAAE,GAAG,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,kBAAkB,IAAI,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,EAC/F,YAAY,EAAE,GAAG,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,kBAAkB,IAAI,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,EAChG,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC,kBAAkB,IAAI,QAAQ,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,mBAAmB,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,gBAAgB,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,aAEzI,KAAK,CAAC,CAAC,CAAC,KAAC,SAAS,IAAC,SAAS,EAAC,KAAK,EAAC,MAAM,EAAC,KAAK,EAAC,KAAK,EAAE,KAAK,EAAE,GAAG,EAAC,EAAE,GAAG,CAAC,CAAC,CAAC,IAAI,EAE/E,KAAC,WAAW,IAAC,EAAE,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,YACjC,MAAC,OAAO,IAAC,KAAK,EAAC,MAAM,EAAC,UAAU,EAAC,YAAY,aAC1C,SAAS,CAAC,CAAC,CAAC,cAAK,GAAG,EAAE,SAAS,EAAE,MAAM,EAAC,MAAM,EAAC,KAAK,EAAE,EAAE,aAAa,EAAE,KAAK,EAAE,GAAI,CAAC,CAAC,CAAC,IAAI,EACzF,OAAO,QAAQ,KAAK,QAAQ,CAAC,CAAC,CAAC,CAC9B,KAAC,UAAU,IAAC,OAAO,EAAE,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,EAAE,SAAS,EAAC,MAAM,EAAC,YAAY,kBACvE,QAAQ,GACE,CACd,CAAC,CAAC,CAAC,CACF,QAAQ,CACT,EACA,QAAQ,CAAC,CAAC,CAAC,CACV,KAAC,UAAU,IAAC,OAAO,EAAC,WAAW,EAAC,SAAS,EAAC,MAAM,EAAC,YAAY,kBAC1D,QAAQ,GACE,CACd,CAAC,CAAC,CAAC,IAAI,EACR,KAAC,UAAU,IAAC,OAAO,EAAE,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,EAAE,SAAS,EAAC,MAAM,EAAC,YAAY,kBAC5E,IAAI,GACM,IACL,GACE,EACb,kBAAkB,IAAI,QAAQ,CAAC,CAAC,CAAC,CAChC,KAAC,WAAW,cACV,KAAC,WAAW,IAAC,UAAU,EAAC,UAAU,YAChC,KAAC,UAAU,IACT,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,EACvC,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,EAChC,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,mBAAmB,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,gBAAgB,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,EAChG,kBAAkB,QAClB,aAAa,QACb,kBAAkB,kBAElB,KAAC,uBAAuB,IAAC,QAAQ,EAAE,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,GAAI,GACtD,GACD,GACF,CACf,CAAC,CAAC,CAAC,IAAI,IACH,CACR,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/modules/common/components/SimpleCard/index.d.ts

@@ -0,0 +1 @@
+export * from './SimpleCard';

package/dist/esm/modules/common/components/SimpleCard/index.js

@@ -0,0 +1,2 @@
+export * from './SimpleCard';
+//# sourceMappingURL=index.js.map

package/dist/esm/modules/common/components/SimpleCard/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/modules/common/components/SimpleCard/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA"}

package/dist/esm/modules/common/components/index.d.ts

@@ -0,0 +1,5 @@
+export * from './BasicHero';
+export * from './FullWidthCard';
+export * from './GradientText';
+export * from './SectionSpacingRow';
+export * from './SimpleCard';

package/dist/esm/modules/common/components/index.js

@@ -0,0 +1,6 @@
+export * from './BasicHero';
+export * from './FullWidthCard';
+export * from './GradientText';
+export * from './SectionSpacingRow';
+export * from './SimpleCard';
+//# sourceMappingURL=index.js.map

package/dist/esm/modules/common/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/common/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAA;AAC3B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,qBAAqB,CAAA;AACnC,cAAc,cAAc,CAAA"}

package/dist/esm/modules/common/hooks/index.d.ts

@@ -0,0 +1 @@
+export * from './useIsMobile';

package/dist/esm/modules/common/hooks/index.js

@@ -0,0 +1,2 @@
+export * from './useIsMobile';
+//# sourceMappingURL=index.js.map

package/dist/esm/modules/common/hooks/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/common/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAA"}

package/dist/esm/modules/common/hooks/useIsMobile.d.ts

@@ -0,0 +1 @@
+export declare const useIsMobile: () => boolean;

package/dist/esm/modules/common/hooks/useIsMobile.js

@@ -0,0 +1,6 @@
+import { useMediaQuery, useTheme } from '@mui/material';
+export const useIsMobile = () => {
+    const theme = useTheme();
+    return useMediaQuery(theme.breakpoints.down('md'));
+};
+//# sourceMappingURL=useIsMobile.js.map

package/dist/esm/modules/common/hooks/useIsMobile.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useIsMobile.js","sourceRoot":"","sources":["../../../../../src/modules/common/hooks/useIsMobile.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAEvD,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,EAAE;IAC9B,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,OAAO,aAAa,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAA;AACpD,CAAC,CAAA"}

package/dist/esm/modules/common/index.d.ts

@@ -0,0 +1 @@
+export * from './components';

package/dist/esm/modules/common/index.js

@@ -0,0 +1,2 @@
+export * from './components';
+//# sourceMappingURL=index.js.map

package/dist/esm/modules/common/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/modules/common/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA"}

package/dist/esm/modules/index.d.ts

@@ -0,0 +1,2 @@
+export * from './common';
+export * from './settings';

package/dist/esm/modules/index.js

@@ -0,0 +1,3 @@
+export * from './common';
+export * from './settings';
+//# sourceMappingURL=index.js.map

package/dist/esm/modules/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/modules/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAA;AACxB,cAAc,YAAY,CAAA"}

package/dist/esm/modules/settings/components/DarkModeIconButton.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { IconButtonProps } from '@mui/material';
+export declare const DarkModeIconButton: React.FC<IconButtonProps>;

package/dist/esm/modules/settings/components/DarkModeIconButton.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import DarkModeRoundedIcon from '@mui/icons-material/DarkModeRounded';
+import LightModeRoundedIcon from '@mui/icons-material/LightModeRounded';
+import { IconButton } from '@mui/material';
+import { useAppSettings } from '../contexts';
+export const DarkModeIconButton = (props) => {
+    const { darkMode, enableDarkMode } = useAppSettings();
+    const handleDarkModeChange = () => {
+        enableDarkMode?.(!darkMode);
+    };
+    return (_jsx(IconButton, { onClick: handleDarkModeChange, ...props, children: darkMode ? _jsx(DarkModeRoundedIcon, {}) : _jsx(LightModeRoundedIcon, {}) }));
+};
+//# sourceMappingURL=DarkModeIconButton.js.map

package/dist/esm/modules/settings/components/DarkModeIconButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DarkModeIconButton.js","sourceRoot":"","sources":["../../../../../src/modules/settings/components/DarkModeIconButton.tsx"],"names":[],"mappings":";AAAA,OAAO,mBAAmB,MAAM,qCAAqC,CAAA;AACrE,OAAO,oBAAoB,MAAM,sCAAsC,CAAA;AACvE,OAAO,EAAE,UAAU,EAAmB,MAAM,eAAe,CAAA;AAE3D,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAA;AAE5C,MAAM,CAAC,MAAM,kBAAkB,GAA8B,CAAC,KAAK,EAAE,EAAE;IACrE,MAAM,EAAE,QAAQ,EAAE,cAAc,EAAE,GAAG,cAAc,EAAE,CAAA;IAErD,MAAM,oBAAoB,GAAG,GAAG,EAAE;QAChC,cAAc,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAA;IAC7B,CAAC,CAAA;IAED,OAAO,CACL,KAAC,UAAU,IAAC,OAAO,EAAE,oBAAoB,KAAM,KAAK,YACjD,QAAQ,CAAC,CAAC,CAAC,KAAC,mBAAmB,KAAG,CAAC,CAAC,CAAC,KAAC,oBAAoB,KAAG,GACnD,CACd,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/modules/settings/components/index.d.ts

@@ -0,0 +1 @@
+export * from './DarkModeIconButton';

package/dist/esm/modules/settings/components/index.js

@@ -0,0 +1,2 @@
+export * from './DarkModeIconButton';
+//# sourceMappingURL=index.js.map

package/dist/esm/modules/settings/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/settings/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAA"}

package/dist/esm/modules/settings/contexts/Context.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+export interface AppSettingsContextProps {
+    darkMode?: boolean;
+    developerMode?: boolean;
+    enableDarkMode?: (value: boolean) => void;
+    enableDeveloperMode?: (value: boolean) => void;
+}
+export declare const AppSettingsContext: import("react").Context<AppSettingsContextProps>;

package/dist/esm/modules/settings/contexts/Context.js

@@ -0,0 +1,4 @@
+import { createContext } from 'react';
+import { appSettingDefault } from './appSettingDefault';
+export const AppSettingsContext = createContext(appSettingDefault());
+//# sourceMappingURL=Context.js.map

package/dist/esm/modules/settings/contexts/Context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Context.js","sourceRoot":"","sources":["../../../../../src/modules/settings/contexts/Context.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAErC,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AASvD,MAAM,CAAC,MAAM,kBAAkB,GAAG,aAAa,CAA0B,iBAAiB,EAAE,CAAC,CAAA"}

package/dist/esm/modules/settings/contexts/Provider.d.ts

@@ -0,0 +1,8 @@
+import { WithChildren } from '@xylabs/sdk-react';
+import React, { ProviderProps } from 'react';
+import { AppSettingsContextProps } from './Context';
+import { AppSettingsStorage } from './Storage';
+export interface AppSettingsProviderProps<T extends AppSettingsContextProps = AppSettingsContextProps> extends ProviderProps<T> {
+    storage?: AppSettingsStorage;
+}
+export declare const AppSettingsProvider: React.FC<WithChildren<AppSettingsProviderProps>>;

package/dist/esm/modules/settings/contexts/Provider.js

@@ -0,0 +1,24 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useState } from 'react';
+import { AppSettingsContext } from './Context';
+import { AppSettingsStorage } from './Storage';
+export const AppSettingsProvider = ({ storage = new AppSettingsStorage(), value, children, ...props }) => {
+    const [developerMode, setDeveloperMode] = useState(storage.developerMode);
+    const [darkMode, setDarkMode] = useState(storage.darkMode);
+    const enableDeveloperMode = (value) => {
+        storage.developerMode = value;
+        setDeveloperMode(storage.developerMode);
+    };
+    const enableDarkMode = (value) => {
+        storage.darkMode = value;
+        setDarkMode(storage.darkMode);
+    };
+    return (_jsx(AppSettingsContext.Provider, { value: {
+            darkMode,
+            developerMode,
+            enableDarkMode,
+            enableDeveloperMode,
+            ...value,
+        }, ...props, children: children }));
+};
+//# sourceMappingURL=Provider.js.map

package/dist/esm/modules/settings/contexts/Provider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Provider.js","sourceRoot":"","sources":["../../../../../src/modules/settings/contexts/Provider.tsx"],"names":[],"mappings":";AACA,OAAc,EAAiB,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEtD,OAAO,EAAE,kBAAkB,EAA2B,MAAM,WAAW,CAAA;AACvE,OAAO,EAAE,kBAAkB,EAAE,MAAM,WAAW,CAAA;AAM9C,MAAM,CAAC,MAAM,mBAAmB,GAAqD,CAAC,EAAE,OAAO,GAAG,IAAI,kBAAkB,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACzJ,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAC,OAAO,CAAC,aAAa,CAAC,CAAA;IACzE,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAA;IAE1D,MAAM,mBAAmB,GAAG,CAAC,KAAc,EAAE,EAAE;QAC7C,OAAO,CAAC,aAAa,GAAG,KAAK,CAAA;QAC7B,gBAAgB,CAAC,OAAO,CAAC,aAAa,CAAC,CAAA;IACzC,CAAC,CAAA;IAED,MAAM,cAAc,GAAG,CAAC,KAAc,EAAE,EAAE;QACxC,OAAO,CAAC,QAAQ,GAAG,KAAK,CAAA;QACxB,WAAW,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAA;IAC/B,CAAC,CAAA;IAED,OAAO,CACL,KAAC,kBAAkB,CAAC,QAAQ,IAC1B,KAAK,EAAE;YACL,QAAQ;YACR,aAAa;YACb,cAAc;YACd,mBAAmB;YAEnB,GAAG,KAAK;SACT,KACG,KAAK,YAER,QAAQ,GACmB,CAC/B,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/modules/settings/contexts/Slug.d.ts

@@ -0,0 +1,4 @@
+export declare enum AppSettingSlug {
+    DarkMode = "darkmode",
+    Developer = "developer"
+}

package/dist/esm/modules/settings/contexts/Slug.js

@@ -0,0 +1,6 @@
+export var AppSettingSlug;
+(function (AppSettingSlug) {
+    AppSettingSlug["DarkMode"] = "darkmode";
+    AppSettingSlug["Developer"] = "developer";
+})(AppSettingSlug || (AppSettingSlug = {}));
+//# sourceMappingURL=Slug.js.map

package/dist/esm/modules/settings/contexts/Slug.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Slug.js","sourceRoot":"","sources":["../../../../../src/modules/settings/contexts/Slug.ts"],"names":[],"mappings":"AAAA,MAAM,CAAN,IAAY,cAGX;AAHD,WAAY,cAAc;IACxB,uCAAqB,CAAA;IACrB,yCAAuB,CAAA;AACzB,CAAC,EAHW,cAAc,KAAd,cAAc,QAGzB"}

package/dist/esm/modules/settings/contexts/Storage.d.ts

@@ -0,0 +1,8 @@
+import { AppSettingsStorageBase } from './StorageBase';
+export declare class AppSettingsStorage extends AppSettingsStorageBase {
+    constructor(prefix?: string, defaults?: Record<string, unknown>);
+    get darkMode(): boolean;
+    set darkMode(value: boolean);
+    get developerMode(): boolean;
+    set developerMode(value: boolean);
+}

package/dist/esm/modules/settings/contexts/Storage.js

@@ -0,0 +1,21 @@
+import { appSettingDefault } from './appSettingDefault';
+import { AppSettingSlug } from './Slug';
+import { AppSettingsStorageBase } from './StorageBase';
+export class AppSettingsStorage extends AppSettingsStorageBase {
+    constructor(prefix = 'XyoAppSettings', defaults) {
+        super(prefix, { ...appSettingDefault(), ...defaults });
+    }
+    get darkMode() {
+        return this.getBoolean(AppSettingSlug.DarkMode);
+    }
+    set darkMode(value) {
+        this.setBoolean(AppSettingSlug.DarkMode, value);
+    }
+    get developerMode() {
+        return this.getBoolean(AppSettingSlug.Developer);
+    }
+    set developerMode(value) {
+        this.setBoolean(AppSettingSlug.Developer, value);
+    }
+}
+//# sourceMappingURL=Storage.js.map

package/dist/esm/modules/settings/contexts/Storage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Storage.js","sourceRoot":"","sources":["../../../../../src/modules/settings/contexts/Storage.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AACvD,OAAO,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAA;AACvC,OAAO,EAAE,sBAAsB,EAAE,MAAM,eAAe,CAAA;AAEtD,MAAM,OAAO,kBAAmB,SAAQ,sBAAsB;IAC5D,YAAY,MAAM,GAAG,gBAAgB,EAAE,QAAkC;QACvE,KAAK,CAAC,MAAM,EAAE,EAAE,GAAG,iBAAiB,EAAE,EAAE,GAAG,QAAQ,EAAE,CAAC,CAAA;IACxD,CAAC;IAED,IAAI,QAAQ;QACV,OAAO,IAAI,CAAC,UAAU,CAAC,cAAc,CAAC,QAAQ,CAAC,CAAA;IACjD,CAAC;IAED,IAAI,QAAQ,CAAC,KAAc;QACzB,IAAI,CAAC,UAAU,CAAC,cAAc,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAA;IACjD,CAAC;IAED,IAAI,aAAa;QACf,OAAO,IAAI,CAAC,UAAU,CAAC,cAAc,CAAC,SAAS,CAAC,CAAA;IAClD,CAAC;IAED,IAAI,aAAa,CAAC,KAAc;QAC9B,IAAI,CAAC,UAAU,CAAC,cAAc,CAAC,SAAS,EAAE,KAAK,CAAC,CAAA;IAClD,CAAC;CACF"}

package/dist/esm/modules/settings/contexts/StorageBase.d.ts

@@ -0,0 +1,15 @@
+export declare class AppSettingsStorageBase {
+    private prefix;
+    private defaults;
+    constructor(prefix?: string, defaults?: Record<string, unknown>);
+    getBoolean(name: string): boolean;
+    setBoolean(name: string, value: boolean): void;
+    setNumber(name: string, value: number): void;
+    getNumber(name: string): number;
+    getString(name: string): string;
+    setString(name: string, value: string): void;
+    getStringArray(name: string): string[];
+    setStringArray(name: string, value: string[]): void;
+    getObject<T>(name: string): T;
+    setObject<T>(name: string, value: T): void;
+}

package/dist/esm/modules/settings/contexts/StorageBase.js

@@ -0,0 +1,73 @@
+import { assertEx } from '@xylabs/sdk-js';
+import { assertDefinedEx } from '../../../lib';
+export class AppSettingsStorageBase {
+    constructor(prefix = 'AppSettings', defaults) {
+        this.prefix = prefix;
+        this.defaults = defaults ?? {};
+    }
+    getBoolean(name) {
+        const storedValue = localStorage.getItem(`${this.prefix}|${name}`);
+        if (!storedValue) {
+            assertEx(typeof this.defaults[name] === 'boolean', 'Default value is not boolean');
+            const defaultValue = this.defaults[name];
+            assertEx(defaultValue !== undefined, `Missing Default for ${name}`);
+            return defaultValue;
+        }
+        return storedValue !== 'false';
+    }
+    setBoolean(name, value) {
+        localStorage.setItem(`${this.prefix}|${name}`, JSON.stringify(value));
+    }
+    setNumber(name, value) {
+        localStorage.setItem(`${this.prefix}|${name}`, JSON.stringify(value));
+    }
+    getNumber(name) {
+        const storedValue = localStorage.getItem(`${this.prefix}|${name}`);
+        if (!storedValue) {
+            assertEx(typeof this.defaults[name] === 'boolean', 'Default value is not boolean');
+            const defaultValue = this.defaults[name];
+            assertEx(defaultValue !== undefined, `Missing Default for ${name}`);
+            return defaultValue;
+        }
+        return parseFloat(storedValue);
+    }
+    getString(name) {
+        const storedValue = localStorage.getItem(`${this.prefix}|${name}`);
+        if (!storedValue) {
+            assertDefinedEx(typeof this.defaults[name] === 'string', 'Default value is not string');
+            const defaultValue = this.defaults[name];
+            assertEx(defaultValue !== undefined, `Missing Default for ${name}`);
+            return defaultValue;
+        }
+        return storedValue;
+    }
+    setString(name, value) {
+        localStorage.setItem(`${this.prefix}|${name}`, value);
+    }
+    getStringArray(name) {
+        const storedValue = localStorage.getItem(`${this.prefix}|${name}`)?.split(',');
+        if (!storedValue) {
+            assertDefinedEx(Array.isArray(this.defaults[name]), 'Default value is not array');
+            const defaultValue = this.defaults[name];
+            assertEx(defaultValue !== undefined, `Missing Default for ${name}`);
+            return defaultValue;
+        }
+        return storedValue;
+    }
+    setStringArray(name, value) {
+        localStorage.setItem(`${this.prefix}|${name}`, value.join(','));
+    }
+    getObject(name) {
+        const storedValue = localStorage.getItem(`${this.prefix}|${name}`);
+        const parsedStoredValue = storedValue ? JSON.parse(storedValue) : null;
+        if (!parsedStoredValue) {
+            assertEx(typeof this.defaults[name] === 'object', 'Default value is not object');
+            return assertEx(this.defaults[name], `Missing Default for ${name}`);
+        }
+        return parsedStoredValue;
+    }
+    setObject(name, value) {
+        localStorage.setItem(`${this.prefix}|${name}`, JSON.stringify(value));
+    }
+}
+//# sourceMappingURL=StorageBase.js.map

package/dist/esm/modules/settings/contexts/StorageBase.js.map

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

package/dist/esm/modules/settings/contexts/appSettingDefault.d.ts

@@ -0,0 +1 @@
+export declare const appSettingDefault: () => Record<string, unknown>;

package/dist/esm/modules/settings/contexts/appSettingDefault.js

@@ -0,0 +1,8 @@
+import { AppSettingSlug } from './Slug';
+export const appSettingDefault = () => {
+    return {
+        [AppSettingSlug.DarkMode]: false,
+        [AppSettingSlug.Developer]: false,
+    };
+};
+//# sourceMappingURL=appSettingDefault.js.map

package/dist/esm/modules/settings/contexts/appSettingDefault.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"appSettingDefault.js","sourceRoot":"","sources":["../../../../../src/modules/settings/contexts/appSettingDefault.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAA;AAEvC,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAA4B,EAAE;IAC7D,OAAO;QACL,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE,KAAK;QAChC,CAAC,cAAc,CAAC,SAAS,CAAC,EAAE,KAAK;KAClC,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/modules/settings/contexts/index.d.ts

@@ -0,0 +1,6 @@
+export * from './Context';
+export * from './Provider';
+export * from './Slug';
+export * from './Storage';
+export * from './StorageBase';
+export * from './useAppSettings';

package/dist/esm/modules/settings/contexts/index.js

@@ -0,0 +1,7 @@
+export * from './Context';
+export * from './Provider';
+export * from './Slug';
+export * from './Storage';
+export * from './StorageBase';
+export * from './useAppSettings';
+//# sourceMappingURL=index.js.map

package/dist/esm/modules/settings/contexts/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/settings/contexts/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAA;AACzB,cAAc,YAAY,CAAA;AAC1B,cAAc,QAAQ,CAAA;AACtB,cAAc,WAAW,CAAA;AACzB,cAAc,eAAe,CAAA;AAC7B,cAAc,kBAAkB,CAAA"}

package/dist/esm/modules/settings/contexts/useAppSettings.d.ts

@@ -0,0 +1 @@
+export declare const useAppSettings: () => import("./Context").AppSettingsContextProps;

package/dist/esm/modules/settings/contexts/useAppSettings.js

@@ -0,0 +1,6 @@
+import { useContext } from 'react';
+import { AppSettingsContext } from './Context';
+export const useAppSettings = () => {
+    return useContext(AppSettingsContext);
+};
+//# sourceMappingURL=useAppSettings.js.map

package/dist/esm/modules/settings/contexts/useAppSettings.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAppSettings.js","sourceRoot":"","sources":["../../../../../src/modules/settings/contexts/useAppSettings.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAElC,OAAO,EAAE,kBAAkB,EAAE,MAAM,WAAW,CAAA;AAE9C,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,EAAE;IACjC,OAAO,UAAU,CAAC,kBAAkB,CAAC,CAAA;AACvC,CAAC,CAAA"}

package/dist/esm/modules/settings/index.d.ts

@@ -0,0 +1,2 @@
+export * from './components';
+export * from './contexts';

package/dist/esm/modules/settings/index.js

@@ -0,0 +1,3 @@
+export * from './components';
+export * from './contexts';
+//# sourceMappingURL=index.js.map

package/dist/esm/modules/settings/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/modules/settings/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA;AAC5B,cAAc,YAAY,CAAA"}

package/package.json

@@ -0,0 +1,136 @@
+{
+  "name": "@xyo-network/react-shared",
+  "author": {
+    "email": "support@xyo.network",
+    "name": "XYO Development Team",
+    "url": "https://xyo.network"
+  },
+  "bugs": {
+    "email": "support@xyo.network",
+    "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/issues"
+  },
+  "workspaces": [
+    "packages/*"
+  ],
+  "dependencies": {
+    "@emotion/react": "^11.9.0",
+    "@emotion/styled": "^11.8.1",
+    "@mui/icons-material": "^5.8.0",
+    "@mui/lab": "^5.0.0-alpha.83",
+    "@mui/material": "^5.8.1",
+    "@xylabs/pixel": "^1.3.7",
+    "@xylabs/sdk-js": "^2.5.5",
+    "@xylabs/sdk-react": "^2.12.7",
+    "@xyo-network/api": "^2.20.33",
+    "@xyo-network/core": "^2.20.33",
+    "@xyo-network/network": "^2.20.33",
+    "@xyo-network/panel": "^2.20.33",
+    "@xyo-network/react-property": "^2.23.7",
+    "@xyo-network/systeminfo-witness": "^2.20.33",
+    "@xyo-network/utils": "^2.20.33",
+    "lodash": "^4.17.21",
+    "luxon": "^2.4.0",
+    "react": "^18.1.0",
+    "react-dom": "^18.1.0",
+    "react-icons": "^4.3.1",
+    "react-json-view": "^1.21.3",
+    "react-router-dom": "^6.3.0",
+    "rollbar": "^2.25.0",
+    "typedoc": "^0.22.15"
+  },
+  "description": "Common React library for all XYO projects that use React",
+  "devDependencies": {
+    "@babel/core": "^7.18.0",
+    "@babel/preset-env": "^7.18.0",
+    "@storybook/addon-actions": "^6.5.4",
+    "@storybook/addon-docs": "^6.5.4",
+    "@storybook/addon-essentials": "^6.5.4",
+    "@storybook/addon-interactions": "^6.5.4",
+    "@storybook/addon-links": "^6.5.4",
+    "@storybook/addons": "^6.5.4",
+    "@storybook/api": "^6.5.4",
+    "@storybook/builder-webpack5": "^6.5.4",
+    "@storybook/components": "^6.5.4",
+    "@storybook/core-events": "^6.5.4",
+    "@storybook/manager-webpack5": "^6.5.4",
+    "@storybook/react": "^6.5.4",
+    "@storybook/testing-library": "^0.0.11",
+    "@storybook/theming": "^6.5.4",
+    "@types/lodash": "^4.14.182",
+    "@types/luxon": "^2.3.2",
+    "@xylabs/eslint-config-react": "^2.1.5",
+    "@xylabs/pixel": "^1.3.7",
+    "@xylabs/rollup-config": "^1.1.17",
+    "@xylabs/sdk-js": "^2.5.5",
+    "@xylabs/sdk-react": "^2.12.7",
+    "@xylabs/ts-scripts": "^1.0.66",
+    "@xylabs/tsconfig": "^1.0.13",
+    "assert": "^2.0.0",
+    "axios": "^0.27.2",
+    "storybook-dark-mode": "^1.1.0",
+    "typescript": "^4.6.4"
+  },
+  "browser": "dist/esm/index.js",
+  "docs": "dist/docs.json",
+  "exports": {
+    ".": {
+      "node": {
+        "import": "./dist/esm/index.js",
+        "require": "./dist/cjs/index.js"
+      },
+      "browser": {
+        "import": "./dist/esm/index.js",
+        "require": "./dist/cjs/index.js"
+      },
+      "default": "./dist/esm/index.js"
+    },
+    "./dist/docs.json": {
+      "default": "./dist/docs.json"
+    },
+    "./package.json": "./package.json"
+  },
+  "main": "dist/cjs/index.js",
+  "module": "dist/esm/index.js",
+  "homepage": "https://xyo.network",
+  "keywords": [
+    "xyo",
+    "utility",
+    "typescript",
+    "react"
+  ],
+  "license": "LGPL-3.0",
+  "peerDependencies": {
+    "axios": ">0.26",
+    "typedoc": "^0.22.13"
+  },
+  "peerDependenciesMeta": {
+    "typedoc": {
+      "optional": true
+    }
+  },
+  "resolutions": {
+    "@storybook/react/webpack": "^5",
+    "bn.js": "^5.2.0",
+    "react": "^18.1.0",
+    "react-dom": "^18.1.0",
+    "webpack": "^5"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js.git"
+  },
+  "scripts": {
+    "deploy": "yarn deploy3",
+    "lint-pkg": "npmPkgJsonLint .",
+    "build": "yarn clean && tsc -p tsconfig.build.cjs.json && tsc -p tsconfig.build.esm.json && yarn gen:docs",
+    "gen:docs": "typedoc ./src/index.ts --json ./dist/docs.json --tsconfig ./tsconfig.json",
+    "license": "yarn license-checker --exclude \"MIT, ISC, Apache-2.0, BSD, BSD-2-Clause, CC-BY-4.0, Unlicense, CC-BY-3.0, CC0-1.0\""
+  },
+  "sideEffects": false,
+  "types": "dist/esm/index.d.ts",
+  "version": "2.23.7",
+  "packageManager": "yarn@3.1.1"
+}

package/src/components/Ampersand.tsx

@@ -0,0 +1,9 @@
+import { Typography, TypographyProps } from '@mui/material'
+
+export const Ampersand: React.FC<TypographyProps> = (props) => {
+  return (
+    <Typography marginX={1} component="span" {...props}>
+      &amp;
+    </Typography>
+  )
+}