@xylabs/sdk-react 2.9.15 → 2.9.20

package/dist/components/InvertableThemeProvider/InvertableThemeContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InvertableThemeContext.js","sourceRoot":"","sources":["../../../src/components/InvertableThemeProvider/InvertableThemeContext.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAIrC,MAAM,sBAAsB,GAAG,aAAa,CAAkB;IAC5D,OAAO,EAAE,EAAE;CACZ,CAAC,CAAA;AAEF,OAAO,EAAE,sBAAsB,EAAE,CAAA"}

package/dist/components/InvertableThemeProvider/InvertableThemeProvider.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { InvertableThemeProviderProps } from './InvertableThemeProviderProps';
+declare const InvertableThemeProvider: React.FC<InvertableThemeProviderProps>;
+export { InvertableThemeProvider };

package/dist/components/InvertableThemeProvider/InvertableThemeProvider.js

@@ -0,0 +1,28 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { responsiveFontSizes, ScopedCssBaseline, ThemeProvider } from '@mui/material';
+import { createTheme } from '@mui/material/styles';
+import clone from 'lodash/clone';
+import { useContext } from 'react';
+import { InvertableThemeContext } from './InvertableThemeContext';
+const InvertableThemeProvider = ({ options, children, dark, scoped = false, invert = false, noResponsiveFonts, darkTheme, }) => {
+    var _a, _b;
+    const contextInvertableTheme = useContext(InvertableThemeContext);
+    const clonedOptions = clone((_a = options !== null && options !== void 0 ? options : contextInvertableTheme.options) !== null && _a !== void 0 ? _a : {});
+    clonedOptions.palette = (_b = clonedOptions.palette) !== null && _b !== void 0 ? _b : {};
+    if (invert) {
+        clonedOptions.palette.mode = clonedOptions.palette.mode === 'dark' ? 'light' : 'dark';
+    }
+    if (dark !== undefined) {
+        clonedOptions.palette.mode = dark ? 'dark' : 'light';
+    }
+    if (clonedOptions.palette.mode === 'dark' && (darkTheme === null || darkTheme === void 0 ? void 0 : darkTheme.palette)) {
+        clonedOptions.palette = darkTheme.palette;
+    }
+    let theme = createTheme(clonedOptions);
+    if (!noResponsiveFonts) {
+        theme = responsiveFontSizes(theme);
+    }
+    return scoped ? (_jsx(ScopedCssBaseline, { children: _jsx(InvertableThemeContext.Provider, Object.assign({ value: { options: clonedOptions } }, { children: _jsx(ThemeProvider, Object.assign({ theme: theme }, { children: children }), void 0) }), void 0) }, void 0)) : (_jsx(InvertableThemeContext.Provider, Object.assign({ value: { options: clonedOptions } }, { children: _jsx(ThemeProvider, Object.assign({ theme: theme }, { children: children }), void 0) }), void 0));
+};
+export { InvertableThemeProvider };
+//# sourceMappingURL=InvertableThemeProvider.js.map

package/dist/components/InvertableThemeProvider/InvertableThemeProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InvertableThemeProvider.js","sourceRoot":"","sources":["../../../src/components/InvertableThemeProvider/InvertableThemeProvider.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,mBAAmB,EAAE,iBAAiB,EAAE,aAAa,EAAE,MAAM,eAAe,CAAA;AACrF,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAA;AAClD,OAAO,KAAK,MAAM,cAAc,CAAA;AAChC,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAEzC,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAA;AAGjE,MAAM,uBAAuB,GAA2C,CAAC,EACvE,OAAO,EACP,QAAQ,EACR,IAAI,EACJ,MAAM,GAAG,KAAK,EACd,MAAM,GAAG,KAAK,EACd,iBAAiB,EACjB,SAAS,GACV,EAAE,EAAE;;IACH,MAAM,sBAAsB,GAAG,UAAU,CAAC,sBAAsB,CAAC,CAAA;IACjE,MAAM,aAAa,GAAG,KAAK,CAAC,MAAA,OAAO,aAAP,OAAO,cAAP,OAAO,GAAI,sBAAsB,CAAC,OAAO,mCAAI,EAAE,CAAC,CAAA;IAE5E,aAAa,CAAC,OAAO,GAAG,MAAA,aAAa,CAAC,OAAO,mCAAI,EAAE,CAAA;IAEnD,IAAI,MAAM,EAAE;QACV,aAAa,CAAC,OAAO,CAAC,IAAI,GAAG,aAAa,CAAC,OAAO,CAAC,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAA;KACtF;IAED,IAAI,IAAI,KAAK,SAAS,EAAE;QACtB,aAAa,CAAC,OAAO,CAAC,IAAI,GAAG,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAA;KACrD;IAED,IAAI,aAAa,CAAC,OAAO,CAAC,IAAI,KAAK,MAAM,KAAI,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,OAAO,CAAA,EAAE;QAC/D,aAAa,CAAC,OAAO,GAAG,SAAS,CAAC,OAAO,CAAA;KAC1C;IAED,IAAI,KAAK,GAAG,WAAW,CAAC,aAAa,CAAC,CAAA;IAEtC,IAAI,CAAC,iBAAiB,EAAE;QACtB,KAAK,GAAG,mBAAmB,CAAC,KAAK,CAAC,CAAA;KACnC;IAED,OAAO,MAAM,CAAC,CAAC,CAAC,CACd,KAAC,iBAAiB,cAChB,KAAC,sBAAsB,CAAC,QAAQ,kBAAC,KAAK,EAAE,EAAE,OAAO,EAAE,aAAa,EAAE,gBAChE,KAAC,aAAa,kBAAC,KAAK,EAAE,KAAK,gBAAG,QAAQ,YAAiB,YACvB,WAChB,CACrB,CAAC,CAAC,CAAC,CACF,KAAC,sBAAsB,CAAC,QAAQ,kBAAC,KAAK,EAAE,EAAE,OAAO,EAAE,aAAa,EAAE,gBAChE,KAAC,aAAa,kBAAC,KAAK,EAAE,KAAK,gBAAG,QAAQ,YAAiB,YACvB,CACnC,CAAA;AACH,CAAC,CAAA;AAED,OAAO,EAAE,uBAAuB,EAAE,CAAA"}

package/dist/components/InvertableThemeProvider/InvertableThemeProvider.stories.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { ComponentMeta, ComponentStory } from '@storybook/react';
+declare const StorybookEntry: ComponentMeta<import("react").FC<import("./InvertableThemeProviderProps").InvertableThemeProviderProps>>;
+declare const Default: ComponentStory<import("react").FC<import("./InvertableThemeProviderProps").InvertableThemeProviderProps>>;
+declare const DarkThemeEnabled: ComponentStory<import("react").FC<import("./InvertableThemeProviderProps").InvertableThemeProviderProps>>;
+export { DarkThemeEnabled, Default };
+export default StorybookEntry;

package/dist/components/InvertableThemeProvider/InvertableThemeProvider.stories.js

@@ -0,0 +1,49 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Box, CssBaseline, Typography, useTheme } from '@mui/material';
+import { InvertableThemeProvider } from './InvertableThemeProvider';
+const StorybookEntry = {
+    argTypes: {},
+    component: InvertableThemeProvider,
+    parameters: {
+        docs: {
+            page: null,
+        },
+    },
+    title: 'Components/InvertableThemeProvider',
+};
+const Template = (args) => (_jsx(InvertableThemeProvider, Object.assign({}, args), void 0));
+const ThemeEnabledComponent = () => {
+    const theme = useTheme();
+    return (_jsxs(_Fragment, { children: [_jsx(CssBaseline, {}, void 0), _jsxs(Box, Object.assign({ sx: { backgroundColor: theme.palette.background.default } }, { children: [_jsxs(Typography, Object.assign({ variant: "h3" }, { children: ["marginBottom of ", theme.spacing(4)] }), void 0), _jsxs(Typography, Object.assign({ variant: "h4", color: theme.palette.primary.main }, { children: ["Color: ", theme.palette.primary.main] }), void 0), _jsxs(Typography, Object.assign({ variant: "h4", color: theme.palette.secondary.main }, { children: ["Color: ", theme.palette.secondary.main] }), void 0)] }), void 0)] }, void 0));
+};
+const Default = Template.bind({});
+Default.args = {
+    children: _jsx(ThemeEnabledComponent, {}, void 0),
+};
+const DarkThemeEnabled = Template.bind({});
+DarkThemeEnabled.args = {
+    children: _jsx(ThemeEnabledComponent, {}, void 0),
+    dark: true,
+    darkTheme: {
+        palette: {
+            background: {
+                default: '#303030',
+                paper: '#424242',
+            },
+            mode: 'dark',
+            primary: {
+                main: '#ebebfb',
+            },
+            secondary: {
+                main: '#ffb300',
+            },
+            text: {
+                primary: '#ebebfb',
+            },
+        },
+    },
+};
+export { DarkThemeEnabled, Default };
+// eslint-disable-next-line import/no-default-export
+export default StorybookEntry;
+//# sourceMappingURL=InvertableThemeProvider.stories.js.map

package/dist/components/InvertableThemeProvider/InvertableThemeProvider.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InvertableThemeProvider.stories.js","sourceRoot":"","sources":["../../../src/components/InvertableThemeProvider/InvertableThemeProvider.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,WAAW,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAGtE,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAA;AAEnE,MAAM,cAAc,GAAG;IACrB,QAAQ,EAAE,EAAE;IACZ,SAAS,EAAE,uBAAuB;IAClC,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,IAAI,EAAE,IAAI;SACX;KACF;IACD,KAAK,EAAE,oCAAoC;CACK,CAAA;AAElD,MAAM,QAAQ,GAAmD,CAAC,IAAI,EAAE,EAAE,CAAC,CACzE,KAAC,uBAAuB,oBAAK,IAAI,UAA4B,CAC9D,CAAA;AAED,MAAM,qBAAqB,GAAG,GAAG,EAAE;IACjC,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,OAAO,CACL,8BACE,KAAC,WAAW,aAAG,EACf,MAAC,GAAG,kBAAC,EAAE,EAAE,EAAE,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,OAAO,EAAE,iBAC5D,MAAC,UAAU,kBAAC,OAAO,EAAC,IAAI,qCAAkB,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,aAAc,EACxE,MAAC,UAAU,kBAAC,OAAO,EAAC,IAAI,EAAC,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,4BAChD,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,aACvB,EACb,MAAC,UAAU,kBAAC,OAAO,EAAC,IAAI,EAAC,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,4BAClD,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,aACzB,aACT,YACL,CACJ,CAAA;AACH,CAAC,CAAA;AAED,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACjC,OAAO,CAAC,IAAI,GAAG;IACb,QAAQ,EAAE,KAAC,qBAAqB,aAAG;CACpC,CAAA;AAED,MAAM,gBAAgB,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAC1C,gBAAgB,CAAC,IAAI,GAAG;IACtB,QAAQ,EAAE,KAAC,qBAAqB,aAAG;IACnC,IAAI,EAAE,IAAI;IACV,SAAS,EAAE;QACT,OAAO,EAAE;YACP,UAAU,EAAE;gBACV,OAAO,EAAE,SAAS;gBAClB,KAAK,EAAE,SAAS;aACjB;YACD,IAAI,EAAE,MAAM;YACZ,OAAO,EAAE;gBACP,IAAI,EAAE,SAAS;aAChB;YACD,SAAS,EAAE;gBACT,IAAI,EAAE,SAAS;aAChB;YACD,IAAI,EAAE;gBACJ,OAAO,EAAE,SAAS;aACnB;SACF;KACF;CACF,CAAA;AAED,OAAO,EAAE,gBAAgB,EAAE,OAAO,EAAE,CAAA;AAEpC,oDAAoD;AACpD,eAAe,cAAc,CAAA"}

package/dist/components/InvertableThemeProvider/InvertableThemeProviderProps.d.ts

@@ -0,0 +1,10 @@
+import { ThemeOptions } from '@mui/material';
+interface InvertableThemeProviderProps {
+    dark?: boolean;
+    scoped?: boolean;
+    invert?: boolean;
+    noResponsiveFonts?: boolean;
+    options?: ThemeOptions;
+    darkTheme?: ThemeOptions;
+}
+export type { InvertableThemeProviderProps };

package/dist/components/InvertableThemeProvider/InvertableThemeProviderProps.js

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

package/dist/components/InvertableThemeProvider/InvertableThemeProviderProps.js.map

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

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

@@ -0,0 +1,4 @@
+import { InvertableThemeProvider } from './InvertableThemeProvider';
+import { InvertableThemeProviderProps } from './InvertableThemeProviderProps';
+export { InvertableThemeProvider };
+export type { InvertableThemeProviderProps };

package/dist/components/InvertableThemeProvider/index.js

@@ -0,0 +1,3 @@
+import { InvertableThemeProvider } from './InvertableThemeProvider';
+export { InvertableThemeProvider };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/InvertableThemeProvider/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAA;AAGnE,OAAO,EAAE,uBAAuB,EAAE,CAAA"}

package/dist/components/LinkEx/LinkToEx.d.ts

@@ -0,0 +1,8 @@
+import { LinkProps } from '@mui/material';
+import React from 'react';
+import { To } from 'react-router-dom';
+interface Props extends LinkProps {
+    to: To;
+}
+declare const LinkToEx: React.FC<Props>;
+export { LinkToEx };

package/dist/components/LinkEx/LinkToEx.js

@@ -0,0 +1,10 @@
+import { __rest } from "tslib";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Link } from '@mui/material';
+import { Link as RouterLink } from 'react-router-dom';
+const LinkToEx = (_a) => {
+    var { to } = _a, props = __rest(_a, ["to"]);
+    return _jsx(Link, Object.assign({ component: RouterLink, to: to }, props), void 0);
+};
+export { LinkToEx };
+//# sourceMappingURL=LinkToEx.js.map

package/dist/components/LinkEx/LinkToEx.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LinkToEx.js","sourceRoot":"","sources":["../../../src/components/LinkEx/LinkToEx.tsx"],"names":[],"mappings":";;AAAA,OAAO,EAAE,IAAI,EAAa,MAAM,eAAe,CAAA;AAE/C,OAAO,EAAE,IAAI,IAAI,UAAU,EAAM,MAAM,kBAAkB,CAAA;AAMzD,MAAM,QAAQ,GAAoB,CAAC,EAAgB,EAAE,EAAE;QAApB,EAAE,EAAE,OAAY,EAAP,KAAK,cAAd,MAAgB,CAAF;IAC/C,OAAO,KAAC,IAAI,kBAAC,SAAS,EAAE,UAAU,EAAE,EAAE,EAAE,EAAE,IAAM,KAAK,UAAI,CAAA;AAC3D,CAAC,CAAA;AAED,OAAO,EAAE,QAAQ,EAAE,CAAA"}

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

@@ -0,0 +1,2 @@
+import { LinkToEx } from './LinkToEx';
+export { LinkToEx };

package/dist/components/LinkEx/index.js

@@ -0,0 +1,3 @@
+import { LinkToEx } from './LinkToEx';
+export { LinkToEx };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/LinkEx/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AAErC,OAAO,EAAE,QAAQ,EAAE,CAAA"}

package/dist/components/NumberStatus/NumberStatus.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { NumberStatusProps } from './NumberStatusProps';
+declare const NumberStatus: React.FC<NumberStatusProps>;
+export { NumberStatus };

package/dist/components/NumberStatus/NumberStatus.js

@@ -0,0 +1,19 @@
+import { __rest } from "tslib";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useTheme } from '@mui/material';
+import numeral from 'numeral';
+import { ButtonEx } from '../ButtonEx';
+import { FlexCol, FlexGrowRow } from '../FlexBox';
+const NumberStatus = (_a) => {
+    var _b, _c;
+    var { error, format = '0[.]0a', color = 'primary', title, value, size, fontSize, rounded = false, autoWidth = false, style } = _a, props = __rest(_a, ["error", "format", "color", "title", "value", "size", "fontSize", "rounded", "autoWidth", "style"]);
+    const theme = useTheme();
+    const palette = color === 'inherit' ? undefined : theme.palette[color];
+    const bgColorTop = (_b = palette === null || palette === void 0 ? void 0 : palette.dark) !== null && _b !== void 0 ? _b : theme.palette.background.paper;
+    const bgColorBottom = (_c = palette === null || palette === void 0 ? void 0 : palette.main) !== null && _c !== void 0 ? _c : theme.palette.background.default;
+    const sizePixels = size === 'large' ? 96 : size === 'small' ? 64 : 80;
+    const calcFontSize = fontSize !== null && fontSize !== void 0 ? fontSize : sizePixels * 0.2;
+    return (_jsx(ButtonEx, Object.assign({ size: size, padding: 0, style: Object.assign({ borderRadius: rounded ? theme.shape.borderRadius : 0, overflow: rounded ? 'hidden' : undefined }, style) }, props, { children: _jsxs(FlexCol, Object.assign({ alignItems: "stretch", height: sizePixels, width: autoWidth ? '100%' : sizePixels, busy: value === undefined && !error }, { children: [_jsx(FlexGrowRow, Object.assign({ bgcolor: bgColorTop, color: theme.palette.getContrastText(bgColorTop), fontSize: calcFontSize, fontFamily: "Source Code Pro,monospace", alignItems: "center", height: sizePixels * 0.75 }, { children: numeral(value).format(format) }), void 0), _jsx(FlexGrowRow, Object.assign({ bgcolor: bgColorBottom, borderTop: "1px", color: theme.palette.getContrastText(bgColorBottom), fontSize: sizePixels * 0.12, fontFamily: theme.typography.fontFamily, height: sizePixels * 0.25 }, { children: title }), void 0)] }), void 0) }), void 0));
+};
+export { NumberStatus };
+//# sourceMappingURL=NumberStatus.js.map

package/dist/components/NumberStatus/NumberStatus.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NumberStatus.js","sourceRoot":"","sources":["../../../src/components/NumberStatus/NumberStatus.tsx"],"names":[],"mappings":";;AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AACxC,OAAO,OAAO,MAAM,SAAS,CAAA;AAG7B,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AACtC,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,MAAM,YAAY,CAAA;AAGjD,MAAM,YAAY,GAAgC,CAAC,EAYlD,EAAE,EAAE;;QAZ8C,EACjD,KAAK,EACL,MAAM,GAAG,QAAQ,EACjB,KAAK,GAAG,SAAS,EACjB,KAAK,EACL,KAAK,EACL,IAAI,EACJ,QAAQ,EACR,OAAO,GAAG,KAAK,EACf,SAAS,GAAG,KAAK,EACjB,KAAK,OAEN,EADI,KAAK,cAXyC,mGAYlD,CADS;IAER,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,MAAM,OAAO,GAAG,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAA;IAEtE,MAAM,UAAU,GAAG,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,mCAAI,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,KAAK,CAAA;IAClE,MAAM,aAAa,GAAG,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,mCAAI,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,OAAO,CAAA;IAEvE,MAAM,UAAU,GAAG,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAA;IAErE,MAAM,YAAY,GAAG,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,UAAU,GAAG,GAAG,CAAA;IAEjD,OAAO,CACL,KAAC,QAAQ,kBACP,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,CAAC,EACV,KAAK,kBACH,YAAY,EAAE,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,EACpD,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,IACrC,KAAK,KAEN,KAAK,cAET,MAAC,OAAO,kBACN,UAAU,EAAC,SAAS,EACpB,MAAM,EAAE,UAAU,EAClB,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU,EACtC,IAAI,EAAE,KAAK,KAAK,SAAS,IAAI,CAAC,KAAK,iBAEnC,KAAC,WAAW,kBACV,OAAO,EAAE,UAAU,EACnB,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,eAAe,CAAC,UAAU,CAAC,EAChD,QAAQ,EAAE,YAAY,EACtB,UAAU,EAAC,2BAA2B,EACtC,UAAU,EAAC,QAAQ,EACnB,MAAM,EAAE,UAAU,GAAG,IAAI,gBAExB,OAAO,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,YAClB,EACd,KAAC,WAAW,kBACV,OAAO,EAAE,aAAa,EACtB,SAAS,EAAC,KAAK,EACf,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,eAAe,CAAC,aAAa,CAAC,EACnD,QAAQ,EAAE,UAAU,GAAG,IAAI,EAC3B,UAAU,EAAE,KAAK,CAAC,UAAU,CAAC,UAAU,EACvC,MAAM,EAAE,UAAU,GAAG,IAAI,gBAExB,KAAK,YACM,aACN,YACD,CACZ,CAAA;AACH,CAAC,CAAA;AAED,OAAO,EAAE,YAAY,EAAE,CAAA"}

package/dist/components/NumberStatus/NumberStatus.stories.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import { ComponentMeta, ComponentStory } from '@storybook/react';
+declare const StorybookEntry: ComponentMeta<import("react").FC<import("./NumberStatusProps").NumberStatusProps>>;
+declare const Default: ComponentStory<import("react").FC<import("./NumberStatusProps").NumberStatusProps>>;
+declare const Default6Digits: ComponentStory<import("react").FC<import("./NumberStatusProps").NumberStatusProps>>;
+declare const Default10Digits: ComponentStory<import("react").FC<import("./NumberStatusProps").NumberStatusProps>>;
+declare const Small: ComponentStory<import("react").FC<import("./NumberStatusProps").NumberStatusProps>>;
+declare const Small6Digits: ComponentStory<import("react").FC<import("./NumberStatusProps").NumberStatusProps>>;
+declare const Small10Digits: ComponentStory<import("react").FC<import("./NumberStatusProps").NumberStatusProps>>;
+declare const Large: ComponentStory<import("react").FC<import("./NumberStatusProps").NumberStatusProps>>;
+declare const Large6Digits: ComponentStory<import("react").FC<import("./NumberStatusProps").NumberStatusProps>>;
+declare const Large10Digits: ComponentStory<import("react").FC<import("./NumberStatusProps").NumberStatusProps>>;
+export { Default, Default6Digits, Default10Digits, Large, Large6Digits, Large10Digits, Small, Small6Digits, Small10Digits, };
+export default StorybookEntry;

package/dist/components/NumberStatus/NumberStatus.stories.js

@@ -0,0 +1,68 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { NumberStatus } from './NumberStatus';
+const StorybookEntry = {
+    argTypes: {},
+    component: NumberStatus,
+    parameters: {
+        docs: {
+            page: null,
+        },
+    },
+    title: 'Components/NumberStatus',
+};
+const NumberStatusTemplate = (args) => _jsx(NumberStatus, Object.assign({}, args), void 0);
+const Default = NumberStatusTemplate.bind({});
+Default.args = {
+    title: 'Default',
+    value: 100,
+};
+const Default6Digits = NumberStatusTemplate.bind({});
+Default6Digits.args = {
+    title: 'Default-6',
+    value: 334455,
+};
+const Default10Digits = NumberStatusTemplate.bind({});
+Default10Digits.args = {
+    title: 'Default-10',
+    value: 334455667788,
+};
+const Small = NumberStatusTemplate.bind({});
+Small.args = {
+    size: 'small',
+    title: 'Small',
+    value: 100,
+};
+const Small6Digits = NumberStatusTemplate.bind({});
+Small6Digits.args = {
+    size: 'small',
+    title: 'Small-6',
+    value: 334455,
+};
+const Small10Digits = NumberStatusTemplate.bind({});
+Small10Digits.args = {
+    size: 'small',
+    title: 'Small-10',
+    value: 334455667788,
+};
+const Large = NumberStatusTemplate.bind({});
+Large.args = {
+    size: 'large',
+    title: 'Large',
+    value: 100,
+};
+const Large6Digits = NumberStatusTemplate.bind({});
+Large6Digits.args = {
+    size: 'large',
+    title: 'Large-6',
+    value: 334455,
+};
+const Large10Digits = NumberStatusTemplate.bind({});
+Large10Digits.args = {
+    size: 'large',
+    title: 'Large-10',
+    value: 334455667788,
+};
+export { Default, Default6Digits, Default10Digits, Large, Large6Digits, Large10Digits, Small, Small6Digits, Small10Digits, };
+// eslint-disable-next-line import/no-default-export
+export default StorybookEntry;
+//# sourceMappingURL=NumberStatus.stories.js.map

package/dist/components/NumberStatus/NumberStatus.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NumberStatus.stories.js","sourceRoot":"","sources":["../../../src/components/NumberStatus/NumberStatus.stories.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAE7C,MAAM,cAAc,GAAG;IACrB,QAAQ,EAAE,EAAE;IACZ,SAAS,EAAE,YAAY;IACvB,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,IAAI,EAAE,IAAI;SACX;KACF;IACD,KAAK,EAAE,yBAAyB;CACK,CAAA;AAEvC,MAAM,oBAAoB,GAAwC,CAAC,IAAI,EAAE,EAAE,CAAC,KAAC,YAAY,oBAAK,IAAI,UAAiB,CAAA;AAEnH,MAAM,OAAO,GAAG,oBAAoB,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAC7C,OAAO,CAAC,IAAI,GAAG;IACb,KAAK,EAAE,SAAS;IAChB,KAAK,EAAE,GAAG;CACX,CAAA;AAED,MAAM,cAAc,GAAG,oBAAoB,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACpD,cAAc,CAAC,IAAI,GAAG;IACpB,KAAK,EAAE,WAAW;IAClB,KAAK,EAAE,MAAM;CACd,CAAA;AAED,MAAM,eAAe,GAAG,oBAAoB,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACrD,eAAe,CAAC,IAAI,GAAG;IACrB,KAAK,EAAE,YAAY;IACnB,KAAK,EAAE,YAAY;CACpB,CAAA;AAED,MAAM,KAAK,GAAG,oBAAoB,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAC3C,KAAK,CAAC,IAAI,GAAG;IACX,IAAI,EAAE,OAAO;IACb,KAAK,EAAE,OAAO;IACd,KAAK,EAAE,GAAG;CACX,CAAA;AAED,MAAM,YAAY,GAAG,oBAAoB,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAClD,YAAY,CAAC,IAAI,GAAG;IAClB,IAAI,EAAE,OAAO;IACb,KAAK,EAAE,SAAS;IAChB,KAAK,EAAE,MAAM;CACd,CAAA;AAED,MAAM,aAAa,GAAG,oBAAoB,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACnD,aAAa,CAAC,IAAI,GAAG;IACnB,IAAI,EAAE,OAAO;IACb,KAAK,EAAE,UAAU;IACjB,KAAK,EAAE,YAAY;CACpB,CAAA;AAED,MAAM,KAAK,GAAG,oBAAoB,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAC3C,KAAK,CAAC,IAAI,GAAG;IACX,IAAI,EAAE,OAAO;IACb,KAAK,EAAE,OAAO;IACd,KAAK,EAAE,GAAG;CACX,CAAA;AAED,MAAM,YAAY,GAAG,oBAAoB,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAClD,YAAY,CAAC,IAAI,GAAG;IAClB,IAAI,EAAE,OAAO;IACb,KAAK,EAAE,SAAS;IAChB,KAAK,EAAE,MAAM;CACd,CAAA;AAED,MAAM,aAAa,GAAG,oBAAoB,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACnD,aAAa,CAAC,IAAI,GAAG;IACnB,IAAI,EAAE,OAAO;IACb,KAAK,EAAE,UAAU;IACjB,KAAK,EAAE,YAAY;CACpB,CAAA;AAED,OAAO,EACL,OAAO,EACP,cAAc,EACd,eAAe,EACf,KAAK,EACL,YAAY,EACZ,aAAa,EACb,KAAK,EACL,YAAY,EACZ,aAAa,GACd,CAAA;AAED,oDAAoD;AACpD,eAAe,cAAc,CAAA"}

package/dist/components/NumberStatus/NumberStatusProps.d.ts

@@ -0,0 +1,13 @@
+import { ButtonExProps } from '../ButtonEx';
+interface NumberStatusProps extends ButtonExProps {
+    autoWidth?: boolean;
+    error?: Error;
+    fontSize?: number;
+    format?: string;
+    shorten?: string | boolean;
+    title?: string;
+    value?: number | string;
+    width?: number;
+    rounded?: boolean;
+}
+export type { NumberStatusProps };

package/dist/components/NumberStatus/NumberStatusProps.js

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

package/dist/components/NumberStatus/NumberStatusProps.js.map

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

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

@@ -0,0 +1,2 @@
+import { NumberStatus } from './NumberStatus';
+export { NumberStatus };

package/dist/components/NumberStatus/index.js

@@ -0,0 +1,3 @@
+import { NumberStatus } from './NumberStatus';
+export { NumberStatus };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/NumberStatus/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAE7C,OAAO,EAAE,YAAY,EAAE,CAAA"}

package/dist/components/Pixel/PixelDebugger.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const PixelDebugger: React.FC;

package/dist/components/Pixel/PixelDebugger.js

@@ -0,0 +1,32 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Badge, Card, Divider, Typography, useTheme } from '@mui/material';
+import { useContext, useState } from 'react';
+import { DebugUserEventsContext } from '../../contexts';
+import { ButtonEx } from '../ButtonEx';
+import { FlexCol } from '../FlexBox';
+import { Portal } from '../Portal';
+import { usePixelAltSendHandler } from './hooks';
+export const PixelDebugger = () => {
+    const { isDebugging } = useContext(DebugUserEventsContext);
+    //TODO - when adding in the location hook to detect location change, was dropping the setEvents in usePixelAltSendHand
+    const theme = useTheme();
+    const [displayEvents, setDisplayEvents] = useState(false);
+    const [events, setEvents] = useState([]);
+    usePixelAltSendHandler((event, fields) => {
+        setEvents((events) => [{ event, fields }, ...events]);
+    });
+    if (!isDebugging) {
+        return null;
+    }
+    return (_jsx(Portal, { children: _jsx("div", Object.assign({ style: { bottom: 0, left: 0, position: 'fixed', width: 350 } }, { children: _jsx(Badge, Object.assign({ badgeContent: events.length, color: "primary", sx: { width: '100%' } }, { children: _jsx(Card, Object.assign({ variant: "outlined", sx: {
+                        backdropFilter: 'blur(16px) saturate(180%)',
+                        backgroundColor: 'rgba(18, 18, 18, .70)',
+                        overflowY: 'auto',
+                        width: '100%',
+                    }, color: theme.palette.primary.main }, { children: _jsxs(FlexCol, Object.assign({ alignItems: "stretch", sx: { flexFlow: 'column', maxHeight: 400 } }, { children: [_jsx(FlexCol, Object.assign({ alignItems: "stretch", sx: { flex: '0 1 auto' } }, { children: _jsx(ButtonEx, Object.assign({ variant: "text", onClick: () => setDisplayEvents(!displayEvents) }, { children: "XY Pixel Debugger" }), void 0) }), void 0), displayEvents && !!events.length && (_jsx(FlexCol, Object.assign({ alignItems: "stretch", alignContent: "start", padding: 2, sx: { cursor: 'pointer', flex: '1 1 auto', overflowY: 'auto', userSelect: 'none' } }, { children: events.map((e, index) => (_jsx(PixelEventDetails, Object.assign({ events: events, index: index }, e), `${e.event}-${index}`))) }), void 0)), displayEvents && !events.length && _jsx(Typography, Object.assign({ variant: "subtitle2" }, { children: "No Events" }), void 0)] }), void 0) }), void 0) }), void 0) }), void 0) }, void 0));
+};
+const PixelEventDetails = ({ event, fields, index, events, }) => {
+    const [isOpen, setIsOpen] = useState(false);
+    return (_jsxs(FlexCol, Object.assign({ alignItems: "stretch", marginBottom: 0.5, onClick: () => setIsOpen(!isOpen) }, { children: [_jsx(Typography, Object.assign({ variant: "subtitle2" }, { children: event }), void 0), isOpen && (_jsx(Typography, Object.assign({ marginBottom: 0.5, variant: "caption" }, { children: JSON.stringify(fields, null, 2) }), void 0)), events[index + 1] && _jsx(Divider, {}, void 0)] }), void 0));
+};
+//# sourceMappingURL=PixelDebugger.js.map

package/dist/components/Pixel/PixelDebugger.js.map

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

package/dist/components/Pixel/PixelDebugger.stories.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { ComponentMeta, ComponentStory } from '@storybook/react';
+declare const StorybookEntry: ComponentMeta<import("react").FC<import("../FlexBox/BusyBox").BusyBoxProps>>;
+declare const Default: ComponentStory<import("react").FC<import("../FlexBox/BusyBox").BusyBoxProps>>;
+export { Default };
+export default StorybookEntry;

package/dist/components/Pixel/PixelDebugger.stories.js

@@ -0,0 +1,28 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { PixelApi, XyPixel } from '@xylabs/pixel';
+import { useEffect } from 'react';
+import { PixelDebugger, PixelDebuggerToggle } from './index';
+import { PixelDebuggerProvider } from './PixelDebuggerProvider';
+const StorybookEntry = {
+    argTypes: {},
+    component: PixelDebuggerToggle,
+    parameters: {
+        docs: {
+            page: null,
+        },
+    },
+    title: 'Components/PixelDebuggerToggle',
+};
+const Template = (args) => {
+    useEffect(() => {
+        XyPixel.selectApi(new PixelApi('local'));
+        XyPixel.init('storybookPixel');
+    }, []);
+    return (_jsxs(PixelDebuggerProvider, { children: [_jsx(PixelDebuggerToggle, Object.assign({}, args), void 0), _jsx(PixelDebugger, {}, void 0)] }, void 0));
+};
+const Default = Template.bind({});
+Default.args = {};
+export { Default };
+// eslint-disable-next-line import/no-default-export
+export default StorybookEntry;
+//# sourceMappingURL=PixelDebugger.stories.js.map

package/dist/components/Pixel/PixelDebugger.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PixelDebugger.stories.js","sourceRoot":"","sources":["../../../src/components/Pixel/PixelDebugger.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AACjD,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjC,OAAO,EAAE,aAAa,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAC5D,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAA;AAE/D,MAAM,cAAc,GAAG;IACrB,QAAQ,EAAE,EAAE;IACZ,SAAS,EAAE,mBAAmB;IAC9B,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,IAAI,EAAE,IAAI;SACX;KACF;IACD,KAAK,EAAE,gCAAgC;CACK,CAAA;AAE9C,MAAM,QAAQ,GAA+C,CAAC,IAAI,EAAE,EAAE;IACpE,SAAS,CAAC,GAAG,EAAE;QACb,OAAO,CAAC,SAAS,CAAC,IAAI,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAA;QACxC,OAAO,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAA;IAChC,CAAC,EAAE,EAAE,CAAC,CAAA;IACN,OAAO,CACL,MAAC,qBAAqB,eACpB,KAAC,mBAAmB,oBAAK,IAAI,UAAI,EACjC,KAAC,aAAa,aAAG,YACK,CACzB,CAAA;AACH,CAAC,CAAA;AAED,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACjC,OAAO,CAAC,IAAI,GAAG,EAAE,CAAA;AAEjB,OAAO,EAAE,OAAO,EAAE,CAAA;AAElB,oDAAoD;AACpD,eAAe,cAAc,CAAA"}

package/dist/components/Pixel/PixelDebuggerProvider.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const PixelDebuggerProvider: React.FC;

package/dist/components/Pixel/PixelDebuggerProvider.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { DebugUserEventsContext } from '../../contexts';
+import { useLocalStorage } from '../../hooks';
+export const PixelDebuggerProvider = ({ children }) => {
+    const [isDebugging, setIsDebugging] = useLocalStorage('isDebuggingPixel', false);
+    return (_jsx(DebugUserEventsContext.Provider, Object.assign({ value: { isDebugging, setIsDebugging } }, { children: children }), void 0));
+};
+//# sourceMappingURL=PixelDebuggerProvider.js.map

package/dist/components/Pixel/PixelDebuggerProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PixelDebuggerProvider.js","sourceRoot":"","sources":["../../../src/components/Pixel/PixelDebuggerProvider.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,gBAAgB,CAAA;AACvD,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAA;AAE7C,MAAM,CAAC,MAAM,qBAAqB,GAAa,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;IAC9D,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,eAAe,CAAU,kBAAkB,EAAE,KAAK,CAAC,CAAA;IACzF,OAAO,CACL,KAAC,sBAAsB,CAAC,QAAQ,kBAAC,KAAK,EAAE,EAAE,WAAW,EAAE,cAAc,EAAE,gBACpE,QAAQ,YACuB,CACnC,CAAA;AACH,CAAC,CAAA"}

package/dist/components/Pixel/PixelDebuggerToggle.d.ts

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

package/dist/components/Pixel/PixelDebuggerToggle.js

@@ -0,0 +1,12 @@
+import { __rest } from "tslib";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { FormControl, FormLabel, Switch } from '@mui/material';
+import { useContext } from 'react';
+import { DebugUserEventsContext } from '../../contexts';
+import { FlexRow } from '../FlexBox';
+export const PixelDebuggerToggle = (_a) => {
+    var props = __rest(_a, []);
+    const { setIsDebugging, isDebugging } = useContext(DebugUserEventsContext);
+    return (_jsx(FlexRow, Object.assign({}, props, { children: _jsxs(FormControl, { children: [_jsx(FormLabel, { children: "Enable Debugger" }, void 0), _jsx(Switch, { checked: isDebugging, onClick: () => setIsDebugging(!isDebugging) }, void 0)] }, void 0) }), void 0));
+};
+//# sourceMappingURL=PixelDebuggerToggle.js.map

package/dist/components/Pixel/PixelDebuggerToggle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PixelDebuggerToggle.js","sourceRoot":"","sources":["../../../src/components/Pixel/PixelDebuggerToggle.tsx"],"names":[],"mappings":";;AAAA,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,eAAe,CAAA;AAC9D,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAElC,OAAO,EAAE,sBAAsB,EAAE,MAAM,gBAAgB,CAAA;AACvD,OAAO,EAAgB,OAAO,EAAE,MAAM,YAAY,CAAA;AAElD,MAAM,CAAC,MAAM,mBAAmB,GAA2B,CAAC,EAAY,EAAE,EAAE;QAAX,KAAK,cAAV,EAAY,CAAF;IACpE,MAAM,EAAE,cAAc,EAAE,WAAW,EAAE,GAAG,UAAU,CAAC,sBAAsB,CAAC,CAAA;IAE1E,OAAO,CACL,KAAC,OAAO,oBAAK,KAAK,cAChB,MAAC,WAAW,eACV,KAAC,SAAS,0CAA4B,EACtC,KAAC,MAAM,IAAC,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,CAAC,WAAW,CAAC,WAAI,YACjE,YACN,CACX,CAAA;AACH,CAAC,CAAA"}

package/dist/components/Pixel/hooks/index.d.ts

@@ -0,0 +1 @@
+export declare const usePixelAltSendHandler: (altHandler: (event: string, fields?: Record<string, unknown> | undefined) => void) => void;

package/dist/components/Pixel/hooks/index.js

@@ -0,0 +1,25 @@
+import { __awaiter } from "tslib";
+import { XyPixel } from '@xylabs/pixel';
+import { useEffect, useState } from 'react';
+export const usePixelAltSendHandler = (altHandler) => {
+    const [pixelSend, setPixelSend] = useState();
+    useEffect(() => {
+        if (!pixelSend && XyPixel.instance.send) {
+            const oldHandler = XyPixel.instance.send.bind(XyPixel.instance);
+            setPixelSend(oldHandler);
+        }
+        else {
+            XyPixel.instance.send = (event, fields) => __awaiter(void 0, void 0, void 0, function* () {
+                altHandler(event, fields);
+                return yield (pixelSend === null || pixelSend === void 0 ? void 0 : pixelSend(event, fields));
+            });
+        }
+        return () => {
+            //restore send on unmount
+            if (pixelSend) {
+                XyPixel.instance.send = pixelSend;
+            }
+        };
+    }, [pixelSend, altHandler]);
+};
+//# sourceMappingURL=index.js.map

package/dist/components/Pixel/hooks/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Pixel/hooks/index.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AACvC,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAE3C,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,UAAqE,EAAE,EAAE;IAC9G,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,EAAgC,CAAA;IAC1E,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,SAAS,IAAI,OAAO,CAAC,QAAQ,CAAC,IAAI,EAAE;YACvC,MAAM,UAAU,GAAG,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAA;YAC/D,YAAY,CAAC,UAAU,CAAC,CAAA;SACzB;aAAM;YACL,OAAO,CAAC,QAAQ,CAAC,IAAI,GAAG,CAAO,KAAa,EAAE,MAAgC,EAAE,EAAE;gBAChF,UAAU,CAAC,KAAK,EAAE,MAAM,CAAC,CAAA;gBACzB,OAAO,MAAM,CAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAG,KAAK,EAAE,MAAM,CAAC,CAAA,CAAA;YACzC,CAAC,CAAA,CAAA;SACF;QACD,OAAO,GAAG,EAAE;YACV,yBAAyB;YACzB,IAAI,SAAS,EAAE;gBACb,OAAO,CAAC,QAAQ,CAAC,IAAI,GAAG,SAAS,CAAA;aAClC;QACH,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,SAAS,EAAE,UAAU,CAAC,CAAC,CAAA;AAC7B,CAAC,CAAA"}

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

@@ -0,0 +1,3 @@
+export * from './PixelDebugger';
+export * from './PixelDebuggerProvider';
+export * from './PixelDebuggerToggle';

package/dist/components/Pixel/index.js

@@ -0,0 +1,4 @@
+export * from './PixelDebugger';
+export * from './PixelDebuggerProvider';
+export * from './PixelDebuggerToggle';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Pixel/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAA;AAC/B,cAAc,yBAAyB,CAAA;AACvC,cAAc,uBAAuB,CAAA"}

package/dist/components/Pixel/models/index.d.ts

@@ -0,0 +1,4 @@
+export interface PixelEvent {
+    event: string;
+    fields?: unknown;
+}

package/dist/components/Pixel/models/index.js

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

package/dist/components/Pixel/models/index.js.map

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

package/dist/components/Portal/Portal.d.ts

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

package/dist/components/Portal/Portal.js

@@ -0,0 +1,20 @@
+import { useEffect, useState } from 'react';
+import { createPortal } from 'react-dom';
+export const Portal = ({ children, className, el = 'div', target = 'body' }) => {
+    const [container] = useState(document.createElement(el));
+    if (className) {
+        container.classList.add(className);
+    }
+    useEffect(() => {
+        const targetElement = document.querySelector(target);
+        if (!targetElement) {
+            console.warn(`Unable to find target element: ${target}`);
+        }
+        targetElement === null || targetElement === void 0 ? void 0 : targetElement.appendChild(container);
+        return () => {
+            targetElement === null || targetElement === void 0 ? void 0 : targetElement.removeChild(container);
+        };
+    }, [container, target]);
+    return createPortal(children, container);
+};
+//# sourceMappingURL=Portal.js.map

package/dist/components/Portal/Portal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Portal.js","sourceRoot":"","sources":["../../../src/components/Portal/Portal.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAC3C,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAA;AAIxC,MAAM,CAAC,MAAM,MAAM,GAA0B,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,GAAG,KAAK,EAAE,MAAM,GAAG,MAAM,EAAe,EAAE,EAAE;IACjH,MAAM,CAAC,SAAS,CAAC,GAAG,QAAQ,CAAC,QAAQ,CAAC,aAAa,CAAC,EAAE,CAAC,CAAC,CAAA;IACxD,IAAI,SAAS,EAAE;QACb,SAAS,CAAC,SAAS,CAAC,GAAG,CAAC,SAAS,CAAC,CAAA;KACnC;IACD,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,aAAa,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CAAA;QACpD,IAAI,CAAC,aAAa,EAAE;YAClB,OAAO,CAAC,IAAI,CAAC,kCAAkC,MAAM,EAAE,CAAC,CAAA;SACzD;QACD,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,WAAW,CAAC,SAAS,CAAC,CAAA;QACrC,OAAO,GAAG,EAAE;YACV,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,WAAW,CAAC,SAAS,CAAC,CAAA;QACvC,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,CAAC,CAAC,CAAA;IAEvB,OAAO,YAAY,CAAC,QAAQ,EAAE,SAAS,CAAC,CAAA;AAC1C,CAAC,CAAA"}

package/dist/components/Portal/PortalProps.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+export interface PortalProps {
+    children: React.ReactNode;
+    className?: string;
+    el?: string;
+    target?: string;
+}

package/dist/components/Portal/PortalProps.js

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

package/dist/components/Portal/PortalProps.js.map

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

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

@@ -0,0 +1,2 @@
+export * from './Portal';
+export * from './PortalProps';

package/dist/components/Portal/index.js

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

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

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