@xylabs/sdk-react 2.9.15 → 2.9.20

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

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

package/dist/components/Experiments/Experiments.stories.js

@@ -0,0 +1,26 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Experiment } from './Experiment';
+import { Experiments } from './Experiments';
+const StorybookEntry = {
+    argTypes: {},
+    component: Experiments,
+    parameters: {
+        docs: {
+            page: null,
+        },
+    },
+    title: 'Components/Experiments',
+};
+const Template = (args) => _jsx(Experiments, Object.assign({}, args), void 0);
+const Default = Template.bind({});
+Default.args = {
+    children: [
+        _jsx(Experiment, Object.assign({ weight: 50 }, { children: "True" }), 'true'),
+        _jsx(Experiment, Object.assign({ weight: 50 }, { children: "False" }), 'false'),
+    ],
+    name: 'StorybookAB',
+};
+export { Default };
+// eslint-disable-next-line import/no-default-export
+export default StorybookEntry;
+//# sourceMappingURL=Experiments.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Experiments.stories.js","sourceRoot":"","sources":["../../../src/components/Experiments/Experiments.stories.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAE3C,MAAM,cAAc,GAAG;IACrB,QAAQ,EAAE,EAAE;IACZ,SAAS,EAAE,WAAW;IACtB,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,IAAI,EAAE,IAAI;SACX;KACF;IACD,KAAK,EAAE,wBAAwB;CACK,CAAA;AAEtC,MAAM,QAAQ,GAAuC,CAAC,IAAI,EAAE,EAAE,CAAC,KAAC,WAAW,oBAAK,IAAI,UAAgB,CAAA;AAEpG,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACjC,OAAO,CAAC,IAAI,GAAG;IACb,QAAQ,EAAE;QACR,KAAC,UAAU,kBAAC,MAAM,EAAE,EAAE,2BAAO,MAAM,CAEtB;QACb,KAAC,UAAU,kBAAC,MAAM,EAAE,EAAE,4BAAO,OAAO,CAEvB;KACd;IACD,IAAI,EAAE,aAAa;CACpB,CAAA;AAED,OAAO,EAAE,OAAO,EAAE,CAAA;AAElB,oDAAoD;AACpD,eAAe,cAAc,CAAA"}

package/dist/components/Experiments/ExperimentsDebugger.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const ExperimentsDebugger: React.FC;
+export { ExperimentsDebugger };

package/dist/components/Experiments/ExperimentsDebugger.js

@@ -0,0 +1,35 @@
+import { __rest } from "tslib";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Slider, Typography } from '@mui/material';
+import { useLocalStorage } from '../../hooks';
+import { FlexCol, FlexRow } from '../FlexBox';
+import { ExperimentsLocalStorageKey, OutcomesLocalStorageKey, } from './models';
+const ExperimentsDebugger = (_a) => {
+    var props = __rest(_a, []);
+    const [experiments] = useLocalStorage(ExperimentsLocalStorageKey, {});
+    const [outcomes, setOutcomes] = useLocalStorage(OutcomesLocalStorageKey, {});
+    const sumUpVariants = (items) => items.reduce((acc, curr) => acc + curr.weight, 0);
+    const experimentEntries = Object.entries(experiments);
+    if (!experiments || !experimentEntries.length) {
+        return (_jsxs(FlexCol, Object.assign({ alignItems: "stretch" }, props, { children: [_jsx(Typography, Object.assign({ variant: "subtitle1" }, { children: "No Experiments loaded" }), void 0), _jsx(Typography, Object.assign({ variant: "subtitle2" }, { children: "Visit a page with an experiment to load the data" }), void 0)] }), void 0));
+    }
+    return (_jsx(FlexCol, Object.assign({ alignItems: "stretch" }, props, { children: Object.entries(experiments).map((data) => {
+            const [name, experiment] = data;
+            const outcome = (outcomes[name] || 0);
+            const marks = [
+                { label: `${experiment.variants[0].name} | ${experiment.variants[0].weight}`, value: 0 },
+                ...experiment.variants.map(({ weight }, index) => ({
+                    label: index === experiment.variants.length - 1 ? 'End' : `${experiment.variants[index + 1].name} | ${weight}`,
+                    value: index === 0 ? weight : sumUpVariants(experiment.variants.slice(0, index + 1)),
+                })),
+            ];
+            return (_jsxs(FlexCol, Object.assign({ alignItems: "stretch", paddingX: 4, marginBottom: 4 }, props, { children: [_jsxs(FlexRow, { children: [name, ":\u00A0", outcome] }, void 0), _jsx(FlexRow, { children: _jsx(Slider, { "aria-label": `Experiment ${name}`, defaultValue: outcome, value: outcome, marks: marks, onChange: (e, value) => {
+                                const truncated = Number((Array.isArray(value) ? value[0] : value).toFixed(2));
+                                outcomes[name] = truncated;
+                                // Spread operator triggers rerender
+                                setOutcomes(Object.assign({}, outcomes));
+                            } }, void 0) }, void 0)] }), `experiment-${name}`));
+        }) }), void 0));
+};
+export { ExperimentsDebugger };
+//# sourceMappingURL=ExperimentsDebugger.js.map

package/dist/components/Experiments/ExperimentsDebugger.js.map

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

package/dist/components/Experiments/ExperimentsDebugger.stories.d.ts

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

package/dist/components/Experiments/ExperimentsDebugger.stories.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ExperimentsDebugger } from './index';
+const StorybookEntry = {
+    argTypes: {},
+    component: ExperimentsDebugger,
+    parameters: {
+        docs: {
+            page: null,
+        },
+    },
+    title: 'Components/ExperimentsDebugger',
+};
+const Template = (args) => _jsx(ExperimentsDebugger, Object.assign({}, args), void 0);
+const Default = Template.bind({});
+Default.args = {};
+export { Default };
+// eslint-disable-next-line import/no-default-export
+export default StorybookEntry;
+//# sourceMappingURL=ExperimentsDebugger.stories.js.map

package/dist/components/Experiments/ExperimentsDebugger.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExperimentsDebugger.stories.js","sourceRoot":"","sources":["../../../src/components/Experiments/ExperimentsDebugger.stories.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAE7C,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,CAAC,KAAC,mBAAmB,oBAAK,IAAI,UAAI,CAAA;AAExG,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/Experiments/ExperimentsProps.d.ts

@@ -0,0 +1,7 @@
+import { ReactElement } from 'react';
+import { ExperimentProps } from './Experiment';
+export declare type ExperimentsProps = {
+    children: ReactElement<ExperimentProps>[] | ReactElement<ExperimentProps>;
+    localStorageProp?: string | boolean;
+    name: string;
+};

package/dist/components/Experiments/ExperimentsProps.js

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

package/dist/components/Experiments/ExperimentsProps.js.map

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

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

@@ -0,0 +1,4 @@
+import { Experiment } from './Experiment';
+import { Experiments } from './Experiments';
+import { ExperimentsDebugger } from './ExperimentsDebugger';
+export { Experiment, Experiments, ExperimentsDebugger };

package/dist/components/Experiments/index.js

@@ -0,0 +1,5 @@
+import { Experiment } from './Experiment';
+import { Experiments } from './Experiments';
+import { ExperimentsDebugger } from './ExperimentsDebugger';
+export { Experiment, Experiments, ExperimentsDebugger };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Experiments/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAC3C,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAE3D,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,mBAAmB,EAAE,CAAA"}

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

@@ -0,0 +1,12 @@
+export declare const OutcomesLocalStorageKey = "outcomes";
+export declare const ExperimentsLocalStorageKey = "experiments";
+export declare type OutcomesData = Record<string, number>;
+export declare type ExperimentsData = Record<string, ExperimentData>;
+export declare type ExperimentData = {
+    totalWeight: number;
+    variants: VariantData[];
+};
+export declare type VariantData = {
+    weight: number;
+    name?: string;
+};

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

@@ -0,0 +1,3 @@
+export const OutcomesLocalStorageKey = 'outcomes';
+export const ExperimentsLocalStorageKey = 'experiments';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Experiments/models/index.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,uBAAuB,GAAG,UAAU,CAAA;AACjD,MAAM,CAAC,MAAM,0BAA0B,GAAG,aAAa,CAAA"}

package/dist/components/FlexBox/BusyBox.d.ts

@@ -0,0 +1,10 @@
+import { BoxProps } from '@mui/material';
+import React from 'react';
+import { BusyProps } from '../../BusyProps';
+interface BusyBoxProps extends BusyProps, BoxProps {
+    paper?: boolean;
+    background?: boolean;
+}
+declare const BusyBox: React.FC<BusyBoxProps>;
+export { BusyBox };
+export type { BusyBoxProps };

package/dist/components/FlexBox/BusyBox.js

@@ -0,0 +1,13 @@
+import { __rest } from "tslib";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Paper, useTheme } from '@mui/material';
+import { BusyCircularProgress } from '../BusyCircularProgress';
+import { BusyLinearProgress } from '../BusyLinearProgress';
+const BusyBox = (_a) => {
+    var { background, children, component, busyVariant = 'circular', busySize, busyOpacity = 0.85, busyColor, busy, busyCircularProps, busyLinearProps, paper, style } = _a, props = __rest(_a, ["background", "children", "component", "busyVariant", "busySize", "busyOpacity", "busyColor", "busy", "busyCircularProps", "busyLinearProps", "paper", "style"]);
+    const theme = useTheme();
+    return (_jsxs(Box, Object.assign({ component: paper ? Paper : component, position: "relative", style: background
+            ? Object.assign({ backgroundColor: theme.palette.background.default, color: theme.palette.text.primary }, style) : style }, props, { children: [children, busy && busyVariant === 'linear' ? (_jsx(BusyLinearProgress, Object.assign({ color: busyColor, opacity: busyOpacity }, busyLinearProps), void 0)) : null, busy && busyVariant === 'circular' ? (_jsx(BusyCircularProgress, Object.assign({ color: busyColor, opacity: busyOpacity, size: busySize }, busyCircularProps), void 0)) : null] }), void 0));
+};
+export { BusyBox };
+//# sourceMappingURL=BusyBox.js.map

package/dist/components/FlexBox/BusyBox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BusyBox.js","sourceRoot":"","sources":["../../../src/components/FlexBox/BusyBox.tsx"],"names":[],"mappings":";;AAAA,OAAO,EAAE,GAAG,EAAY,KAAK,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAI9D,OAAO,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAA;AAC9D,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAA;AAO1D,MAAM,OAAO,GAA2B,CAAC,EAcxC,EAAE,EAAE;QAdoC,EACvC,UAAU,EACV,QAAQ,EACR,SAAS,EACT,WAAW,GAAG,UAAU,EACxB,QAAQ,EACR,WAAW,GAAG,IAAI,EAClB,SAAS,EACT,IAAI,EACJ,iBAAiB,EACjB,eAAe,EACf,KAAK,EACL,KAAK,OAEN,EADI,KAAK,cAb+B,gKAcxC,CADS;IAER,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,OAAO,CACL,MAAC,GAAG,kBACF,SAAS,EAAE,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,EACpC,QAAQ,EAAC,UAAU,EACnB,KAAK,EACH,UAAU;YACR,CAAC,iBACG,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,OAAO,EACjD,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,IAC9B,KAAK,EAEZ,CAAC,CAAC,KAAK,IAEP,KAAK,eAER,QAAQ,EACR,IAAI,IAAI,WAAW,KAAK,QAAQ,CAAC,CAAC,CAAC,CAClC,KAAC,kBAAkB,kBAAC,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,WAAW,IAAM,eAAe,UAAI,CACpF,CAAC,CAAC,CAAC,IAAI,EACP,IAAI,IAAI,WAAW,KAAK,UAAU,CAAC,CAAC,CAAC,CACpC,KAAC,oBAAoB,kBAAC,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,WAAW,EAAE,IAAI,EAAE,QAAQ,IAAM,iBAAiB,UAAI,CACxG,CAAC,CAAC,CAAC,IAAI,aACJ,CACP,CAAA;AACH,CAAC,CAAA;AAED,OAAO,EAAE,OAAO,EAAE,CAAA"}

package/dist/components/FlexBox/BusyBox.stories.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { ComponentMeta, ComponentStory } from '@storybook/react';
+declare const StorybookEntry: ComponentMeta<import("react").FC<import("./BusyBox").BusyBoxProps>>;
+declare const Circular: ComponentStory<import("react").FC<import("./BusyBox").BusyBoxProps>>;
+declare const Linear: ComponentStory<import("react").FC<import("./BusyBox").BusyBoxProps>>;
+declare const LinearBuffer: ComponentStory<import("react").FC<import("./BusyBox").BusyBoxProps>>;
+declare const LinearDeterminate: ComponentStory<import("react").FC<import("./BusyBox").BusyBoxProps>>;
+declare const LinearQuery: ComponentStory<import("react").FC<import("./BusyBox").BusyBoxProps>>;
+export { Circular, Linear, LinearBuffer, LinearDeterminate, LinearQuery };
+export default StorybookEntry;

package/dist/components/FlexBox/BusyBox.stories.js

@@ -0,0 +1,71 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { BusyBox } from './BusyBox';
+const StorybookEntry = {
+    argTypes: {},
+    component: BusyBox,
+    parameters: {
+        docs: {
+            page: null,
+        },
+    },
+    title: 'Components/BusyBox',
+};
+const BusyBoxTemplate = (args) => _jsx(BusyBox, Object.assign({}, args), void 0);
+const Circular = BusyBoxTemplate.bind({});
+Circular.args = {
+    bgcolor: 'gray',
+    busy: true,
+    busyVariant: 'circular',
+    height: 180,
+    padding: 2,
+    width: 360,
+};
+const Linear = BusyBoxTemplate.bind({});
+Linear.args = {
+    bgcolor: 'gray',
+    busy: true,
+    busyVariant: 'linear',
+    height: 180,
+    padding: 2,
+    width: 360,
+};
+const LinearBuffer = BusyBoxTemplate.bind({});
+LinearBuffer.args = {
+    bgcolor: 'gray',
+    busy: true,
+    busyLinearProps: {
+        variant: 'buffer',
+    },
+    busyVariant: 'linear',
+    height: 180,
+    padding: 2,
+    width: 360,
+};
+const LinearDeterminate = BusyBoxTemplate.bind({});
+LinearDeterminate.args = {
+    bgcolor: 'gray',
+    busy: true,
+    busyLinearProps: {
+        variant: 'determinate',
+    },
+    busyVariant: 'linear',
+    height: 180,
+    padding: 2,
+    width: 360,
+};
+const LinearQuery = BusyBoxTemplate.bind({});
+LinearQuery.args = {
+    bgcolor: 'gray',
+    busy: true,
+    busyLinearProps: {
+        variant: 'query',
+    },
+    busyVariant: 'linear',
+    height: 180,
+    padding: 2,
+    width: 360,
+};
+export { Circular, Linear, LinearBuffer, LinearDeterminate, LinearQuery };
+// eslint-disable-next-line import/no-default-export
+export default StorybookEntry;
+//# sourceMappingURL=BusyBox.stories.js.map

package/dist/components/FlexBox/BusyBox.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BusyBox.stories.js","sourceRoot":"","sources":["../../../src/components/FlexBox/BusyBox.stories.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AAEnC,MAAM,cAAc,GAAG;IACrB,QAAQ,EAAE,EAAE;IACZ,SAAS,EAAE,OAAO;IAClB,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,IAAI,EAAE,IAAI;SACX;KACF;IACD,KAAK,EAAE,oBAAoB;CACK,CAAA;AAElC,MAAM,eAAe,GAAmC,CAAC,IAAI,EAAE,EAAE,CAAC,KAAC,OAAO,oBAAK,IAAI,UAAY,CAAA;AAE/F,MAAM,QAAQ,GAAG,eAAe,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACzC,QAAQ,CAAC,IAAI,GAAG;IACd,OAAO,EAAE,MAAM;IACf,IAAI,EAAE,IAAI;IACV,WAAW,EAAE,UAAU;IACvB,MAAM,EAAE,GAAG;IACX,OAAO,EAAE,CAAC;IACV,KAAK,EAAE,GAAG;CACX,CAAA;AAED,MAAM,MAAM,GAAG,eAAe,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACvC,MAAM,CAAC,IAAI,GAAG;IACZ,OAAO,EAAE,MAAM;IACf,IAAI,EAAE,IAAI;IACV,WAAW,EAAE,QAAQ;IACrB,MAAM,EAAE,GAAG;IACX,OAAO,EAAE,CAAC;IACV,KAAK,EAAE,GAAG;CACX,CAAA;AAED,MAAM,YAAY,GAAG,eAAe,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAC7C,YAAY,CAAC,IAAI,GAAG;IAClB,OAAO,EAAE,MAAM;IACf,IAAI,EAAE,IAAI;IACV,eAAe,EAAE;QACf,OAAO,EAAE,QAAQ;KAClB;IACD,WAAW,EAAE,QAAQ;IACrB,MAAM,EAAE,GAAG;IACX,OAAO,EAAE,CAAC;IACV,KAAK,EAAE,GAAG;CACX,CAAA;AAED,MAAM,iBAAiB,GAAG,eAAe,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAClD,iBAAiB,CAAC,IAAI,GAAG;IACvB,OAAO,EAAE,MAAM;IACf,IAAI,EAAE,IAAI;IACV,eAAe,EAAE;QACf,OAAO,EAAE,aAAa;KACvB;IACD,WAAW,EAAE,QAAQ;IACrB,MAAM,EAAE,GAAG;IACX,OAAO,EAAE,CAAC;IACV,KAAK,EAAE,GAAG;CACX,CAAA;AAED,MAAM,WAAW,GAAG,eAAe,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAC5C,WAAW,CAAC,IAAI,GAAG;IACjB,OAAO,EAAE,MAAM;IACf,IAAI,EAAE,IAAI;IACV,eAAe,EAAE;QACf,OAAO,EAAE,OAAO;KACjB;IACD,WAAW,EAAE,QAAQ;IACrB,MAAM,EAAE,GAAG;IACX,OAAO,EAAE,CAAC;IACV,KAAK,EAAE,GAAG;CACX,CAAA;AAED,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,YAAY,EAAE,iBAAiB,EAAE,WAAW,EAAE,CAAA;AAEzE,oDAAoD;AACpD,eAAe,cAAc,CAAA"}

package/dist/components/FlexBox/FlexCol.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { BusyBoxProps } from './BusyBox';
+declare const FlexCol: React.ComponentType<BusyBoxProps>;
+declare const FlexGrowCol: React.ComponentType<BusyBoxProps>;
+export { FlexCol, FlexGrowCol };

package/dist/components/FlexBox/FlexCol.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { BusyBox } from './BusyBox';
+const FlexCol = (props) => {
+    return _jsx(BusyBox, Object.assign({ alignItems: "center", display: "flex", flexDirection: "column", justifyContent: "center" }, props), void 0);
+};
+const FlexGrowCol = (props) => {
+    return _jsx(FlexCol, Object.assign({ flexGrow: 1 }, props), void 0);
+};
+export { FlexCol, FlexGrowCol };
+//# sourceMappingURL=FlexCol.js.map

package/dist/components/FlexBox/FlexCol.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FlexCol.js","sourceRoot":"","sources":["../../../src/components/FlexBox/FlexCol.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,OAAO,EAAgB,MAAM,WAAW,CAAA;AAEjD,MAAM,OAAO,GAAsC,CAAC,KAAK,EAAE,EAAE;IAC3D,OAAO,KAAC,OAAO,kBAAC,UAAU,EAAC,QAAQ,EAAC,OAAO,EAAC,MAAM,EAAC,aAAa,EAAC,QAAQ,EAAC,cAAc,EAAC,QAAQ,IAAK,KAAK,UAAI,CAAA;AACjH,CAAC,CAAA;AAED,MAAM,WAAW,GAAsC,CAAC,KAAK,EAAE,EAAE;IAC/D,OAAO,KAAC,OAAO,kBAAC,QAAQ,EAAE,CAAC,IAAM,KAAK,UAAI,CAAA;AAC5C,CAAC,CAAA;AAED,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,CAAA"}

package/dist/components/FlexBox/FlexCol.stories.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { ComponentMeta, ComponentStory } from '@storybook/react';
+declare const StorybookEntry: ComponentMeta<import("react").ComponentType<import("./BusyBox").BusyBoxProps>>;
+declare const StretchAlignedItems: ComponentStory<import("react").ComponentType<import("./BusyBox").BusyBoxProps>>;
+declare const FlexStartAlignedItems: ComponentStory<import("react").ComponentType<import("./BusyBox").BusyBoxProps>>;
+declare const FlexEndAlignedItems: ComponentStory<import("react").ComponentType<import("./BusyBox").BusyBoxProps>>;
+export { FlexEndAlignedItems, FlexStartAlignedItems, StretchAlignedItems };
+export default StorybookEntry;

package/dist/components/FlexBox/FlexCol.stories.js

@@ -0,0 +1,28 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { FlexCol } from './FlexCol';
+import { FlexRow } from './FlexRow';
+const StorybookEntry = {
+    argTypes: {},
+    component: FlexCol,
+    parameters: {
+        docs: {
+            page: null,
+        },
+    },
+    title: 'Components/FlexCol',
+};
+const Template = (args) => _jsx(FlexCol, Object.assign({}, args), void 0);
+const testRows = {
+    border: 'solid 1px gray',
+    children: (_jsxs(_Fragment, { children: [_jsx(FlexRow, Object.assign({ margin: 1, padding: 1, bgcolor: "gray" }, { children: "Row One" }), void 0), _jsx(FlexRow, Object.assign({ margin: 1, padding: 1, bgcolor: "gray" }, { children: "Row Two" }), void 0), _jsx(FlexRow, Object.assign({ margin: 1, padding: 1, bgcolor: "gray" }, { children: "Row Three" }), void 0)] }, void 0)),
+};
+const StretchAlignedItems = Template.bind({});
+StretchAlignedItems.args = Object.assign(Object.assign({ alignItems: 'stretch' }, testRows), { title: 'StretchAlignedItems' });
+const FlexStartAlignedItems = Template.bind({});
+FlexStartAlignedItems.args = Object.assign(Object.assign({ alignItems: 'flex-start' }, testRows), { title: 'FlexStartAlignedItems' });
+const FlexEndAlignedItems = Template.bind({});
+FlexEndAlignedItems.args = Object.assign(Object.assign({ alignItems: 'flex-end' }, testRows), { title: 'FlexEndAlignedItems' });
+export { FlexEndAlignedItems, FlexStartAlignedItems, StretchAlignedItems };
+// eslint-disable-next-line import/no-default-export
+export default StorybookEntry;
+//# sourceMappingURL=FlexCol.stories.js.map

package/dist/components/FlexBox/FlexCol.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FlexCol.stories.js","sourceRoot":"","sources":["../../../src/components/FlexBox/FlexCol.stories.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AACnC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AAEnC,MAAM,cAAc,GAAG;IACrB,QAAQ,EAAE,EAAE;IACZ,SAAS,EAAE,OAAO;IAClB,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,IAAI,EAAE,IAAI;SACX;KACF;IACD,KAAK,EAAE,oBAAoB;CACK,CAAA;AAElC,MAAM,QAAQ,GAAmC,CAAC,IAAI,EAAE,EAAE,CAAC,KAAC,OAAO,oBAAK,IAAI,UAAY,CAAA;AAExF,MAAM,QAAQ,GAAG;IACf,MAAM,EAAE,gBAAgB;IACxB,QAAQ,EAAE,CACR,8BACE,KAAC,OAAO,kBAAC,MAAM,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,OAAO,EAAC,MAAM,qCAEpC,EACV,KAAC,OAAO,kBAAC,MAAM,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,OAAO,EAAC,MAAM,qCAEpC,EACV,KAAC,OAAO,kBAAC,MAAM,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,OAAO,EAAC,MAAM,uCAEpC,YACT,CACJ;CACF,CAAA;AAED,MAAM,mBAAmB,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAC7C,mBAAmB,CAAC,IAAI,iCACtB,UAAU,EAAE,SAAS,IAClB,QAAQ,KACX,KAAK,EAAE,qBAAqB,GAC7B,CAAA;AAED,MAAM,qBAAqB,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAC/C,qBAAqB,CAAC,IAAI,iCACxB,UAAU,EAAE,YAAY,IACrB,QAAQ,KACX,KAAK,EAAE,uBAAuB,GAC/B,CAAA;AAED,MAAM,mBAAmB,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAC7C,mBAAmB,CAAC,IAAI,iCACtB,UAAU,EAAE,UAAU,IACnB,QAAQ,KACX,KAAK,EAAE,qBAAqB,GAC7B,CAAA;AAED,OAAO,EAAE,mBAAmB,EAAE,qBAAqB,EAAE,mBAAmB,EAAE,CAAA;AAE1E,oDAAoD;AACpD,eAAe,cAAc,CAAA"}

package/dist/components/FlexBox/FlexRow.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { BusyBoxProps } from './BusyBox';
+declare type FlexBoxProps = BusyBoxProps;
+declare const FlexRow: React.FC<FlexBoxProps>;
+declare const FlexGrowRow: React.FC<FlexBoxProps>;
+export { FlexGrowRow, FlexRow };
+export type { FlexBoxProps };

package/dist/components/FlexBox/FlexRow.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { BusyBox } from './BusyBox';
+const FlexRow = (props) => {
+    return _jsx(BusyBox, Object.assign({ alignItems: "center", display: "flex", flexDirection: "row", justifyContent: "center" }, props), void 0);
+};
+const FlexGrowRow = (props) => {
+    return _jsx(FlexRow, Object.assign({ flexGrow: 1 }, props), void 0);
+};
+export { FlexGrowRow, FlexRow };
+//# sourceMappingURL=FlexRow.js.map

package/dist/components/FlexBox/FlexRow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FlexRow.js","sourceRoot":"","sources":["../../../src/components/FlexBox/FlexRow.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,OAAO,EAAgB,MAAM,WAAW,CAAA;AAIjD,MAAM,OAAO,GAA2B,CAAC,KAAK,EAAE,EAAE;IAChD,OAAO,KAAC,OAAO,kBAAC,UAAU,EAAC,QAAQ,EAAC,OAAO,EAAC,MAAM,EAAC,aAAa,EAAC,KAAK,EAAC,cAAc,EAAC,QAAQ,IAAK,KAAK,UAAI,CAAA;AAC9G,CAAC,CAAA;AAED,MAAM,WAAW,GAA2B,CAAC,KAAK,EAAE,EAAE;IACpD,OAAO,KAAC,OAAO,kBAAC,QAAQ,EAAE,CAAC,IAAM,KAAK,UAAI,CAAA;AAC5C,CAAC,CAAA;AAED,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,CAAA"}

package/dist/components/FlexBox/FlexRow.stories.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { ComponentMeta, ComponentStory } from '@storybook/react';
+declare const StorybookEntry: ComponentMeta<import("react").FC<import("./BusyBox").BusyBoxProps>>;
+declare const SpaceBetweenJustifiedContent: ComponentStory<import("react").FC<import("./BusyBox").BusyBoxProps>>;
+declare const SpaceAroundJustifiedContent: ComponentStory<import("react").FC<import("./BusyBox").BusyBoxProps>>;
+declare const SpaceEvenlyJustifiedContent: ComponentStory<import("react").FC<import("./BusyBox").BusyBoxProps>>;
+declare const FlexStartJustifiedContent: ComponentStory<import("react").FC<import("./BusyBox").BusyBoxProps>>;
+declare const FlexEndJustifiedContent: ComponentStory<import("react").FC<import("./BusyBox").BusyBoxProps>>;
+export { FlexEndJustifiedContent, FlexStartJustifiedContent, SpaceAroundJustifiedContent, SpaceBetweenJustifiedContent, SpaceEvenlyJustifiedContent, };
+export default StorybookEntry;

package/dist/components/FlexBox/FlexRow.stories.js

@@ -0,0 +1,32 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { FlexCol } from './FlexCol';
+import { FlexRow } from './FlexRow';
+const StorybookEntry = {
+    argTypes: {},
+    component: FlexRow,
+    parameters: {
+        docs: {
+            page: null,
+        },
+    },
+    title: 'Components/FlexRow',
+};
+const Template = (args) => _jsx(FlexRow, Object.assign({}, args), void 0);
+const testColumns = {
+    border: 'solid 1px gray',
+    children: (_jsxs(_Fragment, { children: [_jsx(FlexCol, Object.assign({ margin: 1, padding: 1, bgcolor: "gray" }, { children: "Column One" }), void 0), _jsx(FlexCol, Object.assign({ margin: 1, padding: 1, bgcolor: "gray" }, { children: "Column Two" }), void 0), _jsx(FlexCol, Object.assign({ margin: 1, padding: 1, bgcolor: "gray" }, { children: "Column Three" }), void 0)] }, void 0)),
+};
+const SpaceBetweenJustifiedContent = Template.bind({});
+SpaceBetweenJustifiedContent.args = Object.assign(Object.assign({}, testColumns), { justifyContent: 'space-between', title: 'SpaceBetweenJustifiedContent' });
+const SpaceAroundJustifiedContent = Template.bind({});
+SpaceAroundJustifiedContent.args = Object.assign(Object.assign({}, testColumns), { justifyContent: 'space-around', title: 'SpaceAroundJustifiedContent' });
+const SpaceEvenlyJustifiedContent = Template.bind({});
+SpaceEvenlyJustifiedContent.args = Object.assign(Object.assign({}, testColumns), { justifyContent: 'space-evenly', title: 'SpaceEvenlyJustifiedContent' });
+const FlexStartJustifiedContent = Template.bind({});
+FlexStartJustifiedContent.args = Object.assign(Object.assign({}, testColumns), { justifyContent: 'flex-start', title: 'FlexStartJustifiedContent' });
+const FlexEndJustifiedContent = Template.bind({});
+FlexEndJustifiedContent.args = Object.assign(Object.assign({}, testColumns), { justifyContent: 'flex-end', title: 'FlexEndJustifiedContent' });
+export { FlexEndJustifiedContent, FlexStartJustifiedContent, SpaceAroundJustifiedContent, SpaceBetweenJustifiedContent, SpaceEvenlyJustifiedContent, };
+// eslint-disable-next-line import/no-default-export
+export default StorybookEntry;
+//# sourceMappingURL=FlexRow.stories.js.map

package/dist/components/FlexBox/FlexRow.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FlexRow.stories.js","sourceRoot":"","sources":["../../../src/components/FlexBox/FlexRow.stories.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AACnC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AAEnC,MAAM,cAAc,GAAG;IACrB,QAAQ,EAAE,EAAE;IACZ,SAAS,EAAE,OAAO;IAClB,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,IAAI,EAAE,IAAI;SACX;KACF;IACD,KAAK,EAAE,oBAAoB;CACK,CAAA;AAElC,MAAM,QAAQ,GAAmC,CAAC,IAAI,EAAE,EAAE,CAAC,KAAC,OAAO,oBAAK,IAAI,UAAY,CAAA;AAExF,MAAM,WAAW,GAAG;IAClB,MAAM,EAAE,gBAAgB;IACxB,QAAQ,EAAE,CACR,8BACE,KAAC,OAAO,kBAAC,MAAM,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,OAAO,EAAC,MAAM,wCAEpC,EACV,KAAC,OAAO,kBAAC,MAAM,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,OAAO,EAAC,MAAM,wCAEpC,EACV,KAAC,OAAO,kBAAC,MAAM,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,OAAO,EAAC,MAAM,0CAEpC,YACT,CACJ;CACF,CAAA;AAED,MAAM,4BAA4B,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACtD,4BAA4B,CAAC,IAAI,mCAC5B,WAAW,KACd,cAAc,EAAE,eAAe,EAC/B,KAAK,EAAE,8BAA8B,GACtC,CAAA;AAED,MAAM,2BAA2B,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACrD,2BAA2B,CAAC,IAAI,mCAC3B,WAAW,KACd,cAAc,EAAE,cAAc,EAC9B,KAAK,EAAE,6BAA6B,GACrC,CAAA;AAED,MAAM,2BAA2B,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACrD,2BAA2B,CAAC,IAAI,mCAC3B,WAAW,KACd,cAAc,EAAE,cAAc,EAC9B,KAAK,EAAE,6BAA6B,GACrC,CAAA;AAED,MAAM,yBAAyB,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACnD,yBAAyB,CAAC,IAAI,mCACzB,WAAW,KACd,cAAc,EAAE,YAAY,EAC5B,KAAK,EAAE,2BAA2B,GACnC,CAAA;AAED,MAAM,uBAAuB,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACjD,uBAAuB,CAAC,IAAI,mCACvB,WAAW,KACd,cAAc,EAAE,UAAU,EAC1B,KAAK,EAAE,yBAAyB,GACjC,CAAA;AAED,OAAO,EACL,uBAAuB,EACvB,yBAAyB,EACzB,2BAA2B,EAC3B,4BAA4B,EAC5B,2BAA2B,GAC5B,CAAA;AAED,oDAAoD;AACpD,eAAe,cAAc,CAAA"}

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

@@ -0,0 +1,3 @@
+export * from './BusyBox';
+export * from './FlexCol';
+export * from './FlexRow';

package/dist/components/FlexBox/index.js

@@ -0,0 +1,4 @@
+export * from './BusyBox';
+export * from './FlexCol';
+export * from './FlexRow';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/FlexBox/index.tsx"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAA;AACzB,cAAc,WAAW,CAAA;AACzB,cAAc,WAAW,CAAA"}

package/dist/components/HoverScale.d.ts

@@ -0,0 +1,6 @@
+import React, { PropsWithChildren } from 'react';
+declare type Props = PropsWithChildren<{
+    scale?: number;
+}>;
+declare const HoverScale: React.FC<Props>;
+export { HoverScale };

package/dist/components/HoverScale.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Box } from '@mui/material';
+import { createStyles, makeStyles } from '@mui/styles';
+import { FlexRow } from './FlexBox';
+const HoverScale = (props) => {
+    const { children, scale = 1.1 } = props;
+    const useStyles = makeStyles(() => createStyles({
+        zoomdiv: {
+            '&:hover': {
+                transform: `scale(${scale})`,
+                transitionDuration: '0.2s',
+                transitionTimingFunction: 'ease',
+            },
+        },
+    }));
+    const classes = useStyles();
+    return (_jsx(FlexRow, { children: _jsx(Box, Object.assign({ className: classes.zoomdiv }, { children: children }), void 0) }, void 0));
+};
+export { HoverScale };
+//# sourceMappingURL=HoverScale.js.map

package/dist/components/HoverScale.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HoverScale.js","sourceRoot":"","sources":["../../src/components/HoverScale.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,eAAe,CAAA;AACnC,OAAO,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAGtD,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AAMnC,MAAM,UAAU,GAAoB,CAAC,KAAK,EAAE,EAAE;IAC5C,MAAM,EAAE,QAAQ,EAAE,KAAK,GAAG,GAAG,EAAE,GAAG,KAAK,CAAA;IAEvC,MAAM,SAAS,GAAG,UAAU,CAAC,GAAG,EAAE,CAChC,YAAY,CAAC;QACX,OAAO,EAAE;YACP,SAAS,EAAE;gBACT,SAAS,EAAE,SAAS,KAAK,GAAG;gBAC5B,kBAAkB,EAAE,MAAM;gBAC1B,wBAAwB,EAAE,MAAM;aACjC;SACF;KACF,CAAC,CACH,CAAA;IAED,MAAM,OAAO,GAAG,SAAS,EAAE,CAAA;IAE3B,OAAO,CACL,KAAC,OAAO,cACN,KAAC,GAAG,kBAAC,SAAS,EAAE,OAAO,CAAC,OAAO,gBAAG,QAAQ,YAAO,WACzC,CACX,CAAA;AACH,CAAC,CAAA;AAED,OAAO,EAAE,UAAU,EAAE,CAAA"}

package/dist/components/Identicon.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import { FlexBoxProps } from './FlexBox';
+interface IdenticonProps extends FlexBoxProps {
+    bg?: string;
+    className?: string;
+    count?: number;
+    fg?: string;
+    iconPadding?: number;
+    palette?: string[];
+    size?: number;
+    value?: string;
+}
+declare const Identicon: React.FC<IdenticonProps>;
+export { Identicon };

package/dist/components/Identicon.js

@@ -0,0 +1,65 @@
+import { __rest } from "tslib";
+import { jsx as _jsx } from "react/jsx-runtime";
+import md5 from 'md5';
+import { useEffect, useRef } from 'react';
+import { FlexRow } from './FlexBox';
+const range = (n, in_min, in_max, out_min, out_max) => {
+    return ((n - in_min) * (out_max - out_min)) / (in_max - in_min) + out_min;
+};
+const updateCanvas = (canvas, props) => {
+    const { value = '', size = 400, bg = 'transparent', count = 5, palette, iconPadding = 0 } = props;
+    let { fg } = props;
+    const hash = md5(value);
+    const block = Math.floor(size / count);
+    const hashcolor = hash.slice(0, 6);
+    const current = canvas.current;
+    if (!current) {
+        return;
+    }
+    if (palette && palette.length) {
+        const index = Math.floor(range(parseInt(hash.slice(-3), 16), 0, 4095, 0, palette.length));
+        fg = palette[index];
+    }
+    current.width = block * count + iconPadding;
+    current.height = block * count + iconPadding;
+    const arr = hash.split('').map((el) => {
+        const parsedEl = parseInt(el, 16);
+        if (parsedEl < 8) {
+            return 0;
+        }
+        else {
+            return 1;
+        }
+    });
+    const map = [];
+    map[0] = map[4] = arr.slice(0, 5);
+    map[1] = map[3] = arr.slice(5, 10);
+    map[2] = arr.slice(10, 15);
+    const ctx = current.getContext('2d');
+    if (ctx) {
+        ctx.imageSmoothingEnabled = false;
+        ctx.clearRect(0, 0, current.width, current.height);
+        map.forEach((row, i) => {
+            row.forEach((el, j) => {
+                if (el) {
+                    ctx.fillStyle = fg ? fg : '#' + hashcolor;
+                    ctx.fillRect(block * i + iconPadding, block * j + iconPadding, block - iconPadding, block - iconPadding);
+                }
+                else {
+                    ctx.fillStyle = bg;
+                    ctx.fillRect(block * i + iconPadding, block * j + iconPadding, block - iconPadding, block - iconPadding);
+                }
+            });
+        });
+    }
+};
+const Identicon = (_a) => {
+    var { size = 400, className = 'identicon', bg, count, fg, iconPadding, palette, value } = _a, props = __rest(_a, ["size", "className", "bg", "count", "fg", "iconPadding", "palette", "value"]);
+    const canvas = useRef(null);
+    useEffect(() => {
+        updateCanvas(canvas, { bg, className, count, fg, iconPadding, palette, size, value });
+    });
+    return (_jsx(FlexRow, Object.assign({}, props, { children: _jsx("canvas", { className: className, ref: canvas, style: { height: size, width: size } }, void 0) }), void 0));
+};
+export { Identicon };
+//# sourceMappingURL=Identicon.js.map

package/dist/components/Identicon.js.map

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

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

@@ -0,0 +1,5 @@
+import { ThemeOptions } from '@mui/material';
+interface InvertableTheme {
+    options: ThemeOptions;
+}
+export type { InvertableTheme };

package/dist/components/InvertableThemeProvider/InvertableTheme.js

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

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

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

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

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { InvertableTheme } from './InvertableTheme';
+declare const InvertableThemeContext: import("react").Context<InvertableTheme>;
+export { InvertableThemeContext };

package/dist/components/InvertableThemeProvider/InvertableThemeContext.js

@@ -0,0 +1,6 @@
+import { createContext } from 'react';
+const InvertableThemeContext = createContext({
+    options: {},
+});
+export { InvertableThemeContext };
+//# sourceMappingURL=InvertableThemeContext.js.map