@xylabs/sdk-react 2.9.2 → 2.9.6

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,29 @@
+import { __assign } from "tslib";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { FlexCol } from './FlexCol';
+import { FlexRow } from './FlexRow';
+var StorybookEntry = {
+    argTypes: {},
+    component: FlexCol,
+    parameters: {
+        docs: {
+            page: null,
+        },
+    },
+    title: 'Components/FlexCol',
+};
+var Template = function (args) { return _jsx(FlexCol, __assign({}, args), void 0); };
+var testRows = {
+    border: 'solid 1px gray',
+    children: (_jsxs(_Fragment, { children: [_jsx(FlexRow, __assign({ margin: 1, padding: 1, bgcolor: "gray" }, { children: "Row One" }), void 0), _jsx(FlexRow, __assign({ margin: 1, padding: 1, bgcolor: "gray" }, { children: "Row Two" }), void 0), _jsx(FlexRow, __assign({ margin: 1, padding: 1, bgcolor: "gray" }, { children: "Row Three" }), void 0)] }, void 0)),
+};
+var StretchAlignedItems = Template.bind({});
+StretchAlignedItems.args = __assign(__assign({ alignItems: 'stretch' }, testRows), { title: 'StretchAlignedItems' });
+var FlexStartAlignedItems = Template.bind({});
+FlexStartAlignedItems.args = __assign(__assign({ alignItems: 'flex-start' }, testRows), { title: 'FlexStartAlignedItems' });
+var FlexEndAlignedItems = Template.bind({});
+FlexEndAlignedItems.args = __assign(__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,IAAM,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,IAAM,QAAQ,GAAmC,UAAC,IAAI,IAAK,OAAA,KAAC,OAAO,eAAK,IAAI,UAAY,EAA7B,CAA6B,CAAA;AAExF,IAAM,QAAQ,GAAG;IACf,MAAM,EAAE,gBAAgB;IACxB,QAAQ,EAAE,CACR,8BACE,KAAC,OAAO,aAAC,MAAM,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,OAAO,EAAC,MAAM,qCAEpC,EACV,KAAC,OAAO,aAAC,MAAM,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,OAAO,EAAC,MAAM,qCAEpC,EACV,KAAC,OAAO,aAAC,MAAM,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,OAAO,EAAC,MAAM,uCAEpC,YACT,CACJ;CACF,CAAA;AAED,IAAM,mBAAmB,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAC7C,mBAAmB,CAAC,IAAI,uBACtB,UAAU,EAAE,SAAS,IAClB,QAAQ,KACX,KAAK,EAAE,qBAAqB,GAC7B,CAAA;AAED,IAAM,qBAAqB,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAC/C,qBAAqB,CAAC,IAAI,uBACxB,UAAU,EAAE,YAAY,IACrB,QAAQ,KACX,KAAK,EAAE,uBAAuB,GAC/B,CAAA;AAED,IAAM,mBAAmB,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAC7C,mBAAmB,CAAC,IAAI,uBACtB,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,11 @@
+import { __assign } from "tslib";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { BusyBox } from './BusyBox';
+var FlexRow = function (props) {
+    return _jsx(BusyBox, __assign({ alignItems: "center", display: "flex", flexDirection: "row", justifyContent: "center" }, props), void 0);
+};
+var FlexGrowRow = function (props) {
+    return _jsx(FlexRow, __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,IAAM,OAAO,GAA2B,UAAC,KAAK;IAC5C,OAAO,KAAC,OAAO,aAAC,UAAU,EAAC,QAAQ,EAAC,OAAO,EAAC,MAAM,EAAC,aAAa,EAAC,KAAK,EAAC,cAAc,EAAC,QAAQ,IAAK,KAAK,UAAI,CAAA;AAC9G,CAAC,CAAA;AAED,IAAM,WAAW,GAA2B,UAAC,KAAK;IAChD,OAAO,KAAC,OAAO,aAAC,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,33 @@
+import { __assign } from "tslib";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { FlexCol } from './FlexCol';
+import { FlexRow } from './FlexRow';
+var StorybookEntry = {
+    argTypes: {},
+    component: FlexRow,
+    parameters: {
+        docs: {
+            page: null,
+        },
+    },
+    title: 'Components/FlexRow',
+};
+var Template = function (args) { return _jsx(FlexRow, __assign({}, args), void 0); };
+var testColumns = {
+    border: 'solid 1px gray',
+    children: (_jsxs(_Fragment, { children: [_jsx(FlexCol, __assign({ margin: 1, padding: 1, bgcolor: "gray" }, { children: "Column One" }), void 0), _jsx(FlexCol, __assign({ margin: 1, padding: 1, bgcolor: "gray" }, { children: "Column Two" }), void 0), _jsx(FlexCol, __assign({ margin: 1, padding: 1, bgcolor: "gray" }, { children: "Column Three" }), void 0)] }, void 0)),
+};
+var SpaceBetweenJustifiedContent = Template.bind({});
+SpaceBetweenJustifiedContent.args = __assign(__assign({}, testColumns), { justifyContent: 'space-between', title: 'SpaceBetweenJustifiedContent' });
+var SpaceAroundJustifiedContent = Template.bind({});
+SpaceAroundJustifiedContent.args = __assign(__assign({}, testColumns), { justifyContent: 'space-around', title: 'SpaceAroundJustifiedContent' });
+var SpaceEvenlyJustifiedContent = Template.bind({});
+SpaceEvenlyJustifiedContent.args = __assign(__assign({}, testColumns), { justifyContent: 'space-evenly', title: 'SpaceEvenlyJustifiedContent' });
+var FlexStartJustifiedContent = Template.bind({});
+FlexStartJustifiedContent.args = __assign(__assign({}, testColumns), { justifyContent: 'flex-start', title: 'FlexStartJustifiedContent' });
+var FlexEndJustifiedContent = Template.bind({});
+FlexEndJustifiedContent.args = __assign(__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,IAAM,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,IAAM,QAAQ,GAAmC,UAAC,IAAI,IAAK,OAAA,KAAC,OAAO,eAAK,IAAI,UAAY,EAA7B,CAA6B,CAAA;AAExF,IAAM,WAAW,GAAG;IAClB,MAAM,EAAE,gBAAgB;IACxB,QAAQ,EAAE,CACR,8BACE,KAAC,OAAO,aAAC,MAAM,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,OAAO,EAAC,MAAM,wCAEpC,EACV,KAAC,OAAO,aAAC,MAAM,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,OAAO,EAAC,MAAM,wCAEpC,EACV,KAAC,OAAO,aAAC,MAAM,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,OAAO,EAAC,MAAM,0CAEpC,YACT,CACJ;CACF,CAAA;AAED,IAAM,4BAA4B,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACtD,4BAA4B,CAAC,IAAI,yBAC5B,WAAW,KACd,cAAc,EAAE,eAAe,EAC/B,KAAK,EAAE,8BAA8B,GACtC,CAAA;AAED,IAAM,2BAA2B,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACrD,2BAA2B,CAAC,IAAI,yBAC3B,WAAW,KACd,cAAc,EAAE,cAAc,EAC9B,KAAK,EAAE,6BAA6B,GACrC,CAAA;AAED,IAAM,2BAA2B,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACrD,2BAA2B,CAAC,IAAI,yBAC3B,WAAW,KACd,cAAc,EAAE,cAAc,EAC9B,KAAK,EAAE,6BAA6B,GACrC,CAAA;AAED,IAAM,yBAAyB,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACnD,yBAAyB,CAAC,IAAI,yBACzB,WAAW,KACd,cAAc,EAAE,YAAY,EAC5B,KAAK,EAAE,2BAA2B,GACnC,CAAA;AAED,IAAM,uBAAuB,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACjD,uBAAuB,CAAC,IAAI,yBACvB,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,23 @@
+import { __assign } from "tslib";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Box } from '@mui/material';
+import { createStyles, makeStyles } from '@mui/styles';
+import { FlexRow } from './FlexBox';
+var HoverScale = function (props) {
+    var children = props.children, _a = props.scale, scale = _a === void 0 ? 1.1 : _a;
+    var useStyles = makeStyles(function () {
+        return createStyles({
+            zoomdiv: {
+                '&:hover': {
+                    transform: "scale(".concat(scale, ")"),
+                    transitionDuration: '0.2s',
+                    transitionTimingFunction: 'ease',
+                },
+            },
+        });
+    });
+    var classes = useStyles();
+    return (_jsx(FlexRow, { children: _jsx(Box, __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,IAAM,UAAU,GAAoB,UAAC,KAAK;IAChC,IAAA,QAAQ,GAAkB,KAAK,SAAvB,EAAE,KAAgB,KAAK,MAAV,EAAX,KAAK,mBAAG,GAAG,KAAA,CAAU;IAEvC,IAAM,SAAS,GAAG,UAAU,CAAC;QAC3B,OAAA,YAAY,CAAC;YACX,OAAO,EAAE;gBACP,SAAS,EAAE;oBACT,SAAS,EAAE,gBAAS,KAAK,MAAG;oBAC5B,kBAAkB,EAAE,MAAM;oBAC1B,wBAAwB,EAAE,MAAM;iBACjC;aACF;SACF,CAAC;IARF,CAQE,CACH,CAAA;IAED,IAAM,OAAO,GAAG,SAAS,EAAE,CAAA;IAE3B,OAAO,CACL,KAAC,OAAO,cACN,KAAC,GAAG,aAAC,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 { __assign, __rest } from "tslib";
+import { jsx as _jsx } from "react/jsx-runtime";
+import md5 from 'md5';
+import { useEffect, useRef } from 'react';
+import { FlexRow } from './FlexBox';
+var range = function (n, in_min, in_max, out_min, out_max) {
+    return ((n - in_min) * (out_max - out_min)) / (in_max - in_min) + out_min;
+};
+var updateCanvas = function (canvas, props) {
+    var _a = props.value, value = _a === void 0 ? '' : _a, _b = props.size, size = _b === void 0 ? 400 : _b, _c = props.bg, bg = _c === void 0 ? 'transparent' : _c, _d = props.count, count = _d === void 0 ? 5 : _d, palette = props.palette, _e = props.iconPadding, iconPadding = _e === void 0 ? 0 : _e;
+    var fg = props.fg;
+    var hash = md5(value);
+    var block = Math.floor(size / count);
+    var hashcolor = hash.slice(0, 6);
+    var current = canvas.current;
+    if (!current) {
+        return;
+    }
+    if (palette && palette.length) {
+        var 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;
+    var arr = hash.split('').map(function (el) {
+        var parsedEl = parseInt(el, 16);
+        if (parsedEl < 8) {
+            return 0;
+        }
+        else {
+            return 1;
+        }
+    });
+    var map = [];
+    map[0] = map[4] = arr.slice(0, 5);
+    map[1] = map[3] = arr.slice(5, 10);
+    map[2] = arr.slice(10, 15);
+    var ctx = current.getContext('2d');
+    if (ctx) {
+        ctx.imageSmoothingEnabled = false;
+        ctx.clearRect(0, 0, current.width, current.height);
+        map.forEach(function (row, i) {
+            row.forEach(function (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);
+                }
+            });
+        });
+    }
+};
+var Identicon = function (_a) {
+    var _b = _a.size, size = _b === void 0 ? 400 : _b, _c = _a.className, className = _c === void 0 ? 'identicon' : _c, bg = _a.bg, count = _a.count, fg = _a.fg, iconPadding = _a.iconPadding, palette = _a.palette, value = _a.value, props = __rest(_a, ["size", "className", "bg", "count", "fg", "iconPadding", "palette", "value"]);
+    var canvas = useRef(null);
+    useEffect(function () {
+        updateCanvas(canvas, { bg: bg, className: className, count: count, fg: fg, iconPadding: iconPadding, palette: palette, size: size, value: value });
+    });
+    return (_jsx(FlexRow, __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';
+var InvertableThemeContext = createContext({
+    options: {},
+});
+export { InvertableThemeContext };
+//# sourceMappingURL=InvertableThemeContext.js.map

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,IAAM,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,27 @@
+import { __assign } from "tslib";
+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';
+var InvertableThemeProvider = function (_a) {
+    var _b, _c;
+    var options = _a.options, children = _a.children, dark = _a.dark, _d = _a.scoped, scoped = _d === void 0 ? false : _d, _e = _a.invert, invert = _e === void 0 ? false : _e, noResponsiveFonts = _a.noResponsiveFonts;
+    var contextInvertableTheme = useContext(InvertableThemeContext);
+    var clonedOptions = clone((_b = options !== null && options !== void 0 ? options : contextInvertableTheme.options) !== null && _b !== void 0 ? _b : {});
+    clonedOptions.palette = (_c = clonedOptions.palette) !== null && _c !== void 0 ? _c : {};
+    if (invert) {
+        clonedOptions.palette.mode = clonedOptions.palette.mode === 'dark' ? 'light' : 'dark';
+    }
+    if (dark !== undefined) {
+        clonedOptions.palette.mode = dark ? 'dark' : 'light';
+    }
+    var theme = createTheme(clonedOptions);
+    if (!noResponsiveFonts) {
+        theme = responsiveFontSizes(theme);
+    }
+    return scoped ? (_jsx(ScopedCssBaseline, { children: _jsx(InvertableThemeContext.Provider, __assign({ value: { options: clonedOptions } }, { children: _jsx(ThemeProvider, __assign({ theme: theme }, { children: children }), void 0) }), void 0) }, void 0)) : (_jsx(InvertableThemeContext.Provider, __assign({ value: { options: clonedOptions } }, { children: _jsx(ThemeProvider, __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,IAAM,uBAAuB,GAA2C,UAAC,EAOxE;;QANC,OAAO,aAAA,EACP,QAAQ,cAAA,EACR,IAAI,UAAA,EACJ,cAAc,EAAd,MAAM,mBAAG,KAAK,KAAA,EACd,cAAc,EAAd,MAAM,mBAAG,KAAK,KAAA,EACd,iBAAiB,uBAAA;IAEjB,IAAM,sBAAsB,GAAG,UAAU,CAAC,sBAAsB,CAAC,CAAA;IACjE,IAAM,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,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,aAAC,KAAK,EAAE,EAAE,OAAO,EAAE,aAAa,EAAE,gBAChE,KAAC,aAAa,aAAC,KAAK,EAAE,KAAK,gBAAG,QAAQ,YAAiB,YACvB,WAChB,CACrB,CAAC,CAAC,CAAC,CACF,KAAC,sBAAsB,CAAC,QAAQ,aAAC,KAAK,EAAE,EAAE,OAAO,EAAE,aAAa,EAAE,gBAChE,KAAC,aAAa,aAAC,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,6 @@
+/// <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>>;
+export { Default };
+export default StorybookEntry;

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

@@ -0,0 +1,20 @@
+import { __assign } from "tslib";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { InvertableThemeProvider } from './InvertableThemeProvider';
+var StorybookEntry = {
+    argTypes: {},
+    component: InvertableThemeProvider,
+    parameters: {
+        docs: {
+            page: null,
+        },
+    },
+    title: 'Components/InvertableThemeProvider',
+};
+var Template = function (args) { return (_jsx(InvertableThemeProvider, __assign({}, args), void 0)); };
+var Default = Template.bind({});
+Default.args = {};
+export { 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":";;AAEA,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAA;AAEnE,IAAM,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,IAAM,QAAQ,GAAmD,UAAC,IAAI,IAAK,OAAA,CACzE,KAAC,uBAAuB,eAAK,IAAI,UAA4B,CAC9D,EAF0E,CAE1E,CAAA;AAED,IAAM,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/InvertableThemeProvider/InvertableThemeProviderProps.d.ts

@@ -0,0 +1,9 @@
+import { ThemeOptions } from '@mui/material';
+interface InvertableThemeProviderProps {
+    dark?: boolean;
+    scoped?: boolean;
+    invert?: boolean;
+    noResponsiveFonts?: boolean;
+    options?: 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 { __assign, __rest } from "tslib";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Link } from '@mui/material';
+import { Link as RouterLink } from 'react-router-dom';
+var LinkToEx = function (_a) {
+    var to = _a.to, props = __rest(_a, ["to"]);
+    return _jsx(Link, __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,IAAM,QAAQ,GAAoB,UAAC,EAAgB;IAAd,IAAA,EAAE,QAAA,EAAK,KAAK,cAAd,MAAgB,CAAF;IAC/C,OAAO,KAAC,IAAI,aAAC,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 { __assign, __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';
+var NumberStatus = function (_a) {
+    var _b, _c;
+    var error = _a.error, _d = _a.format, format = _d === void 0 ? '0[.]0a' : _d, _e = _a.color, color = _e === void 0 ? 'primary' : _e, title = _a.title, value = _a.value, size = _a.size, fontSize = _a.fontSize, _f = _a.rounded, rounded = _f === void 0 ? false : _f, _g = _a.autoWidth, autoWidth = _g === void 0 ? false : _g, style = _a.style, props = __rest(_a, ["error", "format", "color", "title", "value", "size", "fontSize", "rounded", "autoWidth", "style"]);
+    var theme = useTheme();
+    var palette = color === 'inherit' ? undefined : theme.palette[color];
+    var bgColorTop = (_b = palette === null || palette === void 0 ? void 0 : palette.dark) !== null && _b !== void 0 ? _b : theme.palette.background.paper;
+    var bgColorBottom = (_c = palette === null || palette === void 0 ? void 0 : palette.main) !== null && _c !== void 0 ? _c : theme.palette.background.default;
+    var sizePixels = size === 'large' ? 96 : size === 'small' ? 64 : 80;
+    var calcFontSize = fontSize !== null && fontSize !== void 0 ? fontSize : sizePixels * 0.2;
+    return (_jsx(ButtonEx, __assign({ size: size, padding: 0, style: __assign({ borderRadius: rounded ? theme.shape.borderRadius : 0, overflow: rounded ? 'hidden' : undefined }, style) }, props, { children: _jsxs(FlexCol, __assign({ alignItems: "stretch", height: sizePixels, width: autoWidth ? '100%' : sizePixels, busy: value === undefined && !error }, { children: [_jsx(FlexGrowRow, __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, __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,IAAM,YAAY,GAAgC,UAAC,EAYlD;;IAXC,IAAA,KAAK,WAAA,EACL,cAAiB,EAAjB,MAAM,mBAAG,QAAQ,KAAA,EACjB,aAAiB,EAAjB,KAAK,mBAAG,SAAS,KAAA,EACjB,KAAK,WAAA,EACL,KAAK,WAAA,EACL,IAAI,UAAA,EACJ,QAAQ,cAAA,EACR,eAAe,EAAf,OAAO,mBAAG,KAAK,KAAA,EACf,iBAAiB,EAAjB,SAAS,mBAAG,KAAK,KAAA,EACjB,KAAK,WAAA,EACF,KAAK,cAXyC,mGAYlD,CADS;IAER,IAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,IAAM,OAAO,GAAG,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAA;IAEtE,IAAM,UAAU,GAAG,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,mCAAI,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,KAAK,CAAA;IAClE,IAAM,aAAa,GAAG,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,mCAAI,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,OAAO,CAAA;IAEvE,IAAM,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,IAAM,YAAY,GAAG,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,UAAU,GAAG,GAAG,CAAA;IAEjD,OAAO,CACL,KAAC,QAAQ,aACP,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,CAAC,EACV,KAAK,aACH,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,aACN,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,aACV,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,aACV,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,69 @@
+import { __assign } from "tslib";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { NumberStatus } from './NumberStatus';
+var StorybookEntry = {
+    argTypes: {},
+    component: NumberStatus,
+    parameters: {
+        docs: {
+            page: null,
+        },
+    },
+    title: 'Components/NumberStatus',
+};
+var NumberStatusTemplate = function (args) { return _jsx(NumberStatus, __assign({}, args), void 0); };
+var Default = NumberStatusTemplate.bind({});
+Default.args = {
+    title: 'Default',
+    value: 100,
+};
+var Default6Digits = NumberStatusTemplate.bind({});
+Default6Digits.args = {
+    title: 'Default-6',
+    value: 334455,
+};
+var Default10Digits = NumberStatusTemplate.bind({});
+Default10Digits.args = {
+    title: 'Default-10',
+    value: 334455667788,
+};
+var Small = NumberStatusTemplate.bind({});
+Small.args = {
+    size: 'small',
+    title: 'Small',
+    value: 100,
+};
+var Small6Digits = NumberStatusTemplate.bind({});
+Small6Digits.args = {
+    size: 'small',
+    title: 'Small-6',
+    value: 334455,
+};
+var Small10Digits = NumberStatusTemplate.bind({});
+Small10Digits.args = {
+    size: 'small',
+    title: 'Small-10',
+    value: 334455667788,
+};
+var Large = NumberStatusTemplate.bind({});
+Large.args = {
+    size: 'large',
+    title: 'Large',
+    value: 100,
+};
+var Large6Digits = NumberStatusTemplate.bind({});
+Large6Digits.args = {
+    size: 'large',
+    title: 'Large-6',
+    value: 334455,
+};
+var 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,IAAM,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,IAAM,oBAAoB,GAAwC,UAAC,IAAI,IAAK,OAAA,KAAC,YAAY,eAAK,IAAI,UAAiB,EAAvC,CAAuC,CAAA;AAEnH,IAAM,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,IAAM,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,IAAM,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,IAAM,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,IAAM,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,IAAM,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,IAAM,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,IAAM,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,IAAM,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"}