norma-library 0.4.3 → 0.4.6

package/dist/esm/components/Button.js

@@ -0,0 +1,22 @@
+import { __assign, __rest } from "tslib";
+import React, { useMemo } from "react";
+import { Button as MuiButton, ThemeProvider, useMediaQuery, } from "@mui/material";
+import { themes } from "../helpers";
+import { styled } from "@mui/material/styles";
+var ButtonStyled = styled(MuiButton)({
+    textTransform: "none",
+    "& .MuiButton-sizeLarge": {
+        height: "75px",
+        backgroundColor: "red",
+    },
+});
+export var Button = function (_a) {
+    var label = _a.label, children = _a.children, props = __rest(_a, ["label", "children"]);
+    var prefersDarkMode = useMediaQuery("(prefers-color-scheme: dark)");
+    var theme = useMemo(function () { return (prefersDarkMode ? themes.dark : themes.light); }, [prefersDarkMode]);
+    return (React.createElement(ThemeProvider, { theme: theme },
+        React.createElement(ButtonStyled, __assign({}, props, { sx: {
+                color: props.variant === "contained" ? "#FFFF" : props.color,
+            } }), label ? label : children)));
+};
+//# sourceMappingURL=Button.js.map

package/dist/esm/components/Button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/components/Button.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EACL,MAAM,IAAI,SAAS,EACnB,aAAa,EACb,aAAa,GACd,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,MAAM,EAAE,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAE9C,IAAM,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,CAAC;IACrC,aAAa,EAAE,MAAM;IACrB,wBAAwB,EAAE;QACxB,MAAM,EAAE,MAAM;QACd,eAAe,EAAE,KAAK;KACvB;CACF,CAAC,CAAC;AAEH,MAAM,CAAC,IAAM,MAAM,GAAG,UAAC,EAA8C;IAA5C,IAAA,KAAK,WAAA,EAAE,QAAQ,cAAA,EAAK,KAAK,cAA3B,qBAA6B,CAAF;IAChD,IAAM,eAAe,GAAG,aAAa,CAAC,8BAA8B,CAAC,CAAC;IACtE,IAAM,KAAK,GAAG,OAAO,CACnB,cAAM,OAAA,CAAC,eAAe,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAA9C,CAA8C,EACpD,CAAC,eAAe,CAAC,CAClB,CAAC;IAEF,OAAO,CACL,oBAAC,aAAa,IAAC,KAAK,EAAE,KAAK;QACzB,oBAAC,YAAY,eACP,KAAK,IACT,EAAE,EAAE;gBACF,KAAK,EAAE,KAAK,CAAC,OAAO,KAAK,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK;aAC7D,KAEA,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ,CACZ,CACD,CACjB,CAAC;AACJ,CAAC,CAAC"}

package/dist/esm/components/Card.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import { CardBaseProps } from "../interfaces";
+import { ColorVariant } from "@/types";
+export declare const Card: ({ children, border, color, ...props }: CardBaseProps & {
+    border?: boolean | undefined;
+    color?: ColorVariant | undefined;
+}) => React.JSX.Element;

package/dist/esm/components/Card.js

@@ -0,0 +1,31 @@
+import { __assign, __rest } from "tslib";
+import React, { useMemo } from "react";
+import { Card as MuiCard, ThemeProvider, useMediaQuery } from "@mui/material";
+import { palette, themes } from "../helpers";
+import { styled } from "@mui/material/styles";
+var colorMap = {
+    inherit: palette.inherit,
+    primary: palette.primary,
+    secondary: palette.secondary,
+    error: palette.error,
+    warning: palette.warning,
+    info: palette.info,
+    success: palette.success,
+};
+var CardStyled = styled(MuiCard)(function (_a) {
+    var borderColor = _a.borderColor;
+    return ({
+        padding: 16,
+        borderRadius: 5,
+        boxShadow: "0px 2px 8px #00000053",
+        borderLeft: borderColor ? "7px solid ".concat(colorMap[borderColor]) : "none",
+    });
+});
+export var Card = function (_a) {
+    var children = _a.children, border = _a.border, _b = _a.color, color = _b === void 0 ? "inherit" : _b, props = __rest(_a, ["children", "border", "color"]);
+    var prefersDarkMode = useMediaQuery("(prefers-color-scheme: dark)");
+    var theme = useMemo(function () { return (prefersDarkMode ? themes.light : themes.dark); }, [prefersDarkMode]);
+    return (React.createElement(ThemeProvider, { theme: theme },
+        React.createElement(CardStyled, __assign({ borderColor: border ? color : undefined }, props), children)));
+};
+//# sourceMappingURL=Card.js.map

package/dist/esm/components/Card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../src/components/Card.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,IAAI,IAAI,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAE9E,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,YAAY,CAAC;AAC7C,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAG9C,IAAM,QAAQ,GAAiC;IAC7C,OAAO,EAAE,OAAO,CAAC,OAAO;IACxB,OAAO,EAAE,OAAO,CAAC,OAAO;IACxB,SAAS,EAAE,OAAO,CAAC,SAAS;IAC5B,KAAK,EAAE,OAAO,CAAC,KAAK;IACpB,OAAO,EAAE,OAAO,CAAC,OAAO;IACxB,IAAI,EAAE,OAAO,CAAC,IAAI;IAClB,OAAO,EAAE,OAAO,CAAC,OAAO;CACzB,CAAC;AAEF,IAAM,UAAU,GAAG,MAAM,CAAC,OAAO,CAAC,CAE/B,UAAC,EAAe;QAAb,WAAW,iBAAA;IAAO,OAAA,CAAC;QACvB,OAAO,EAAE,EAAE;QACX,YAAY,EAAE,CAAC;QACf,SAAS,EAAE,uBAAuB;QAClC,UAAU,EAAE,WAAW,CAAC,CAAC,CAAC,oBAAa,QAAQ,CAAC,WAAW,CAAC,CAAE,CAAC,CAAC,CAAC,MAAM;KACxE,CAAC;AALsB,CAKtB,CAAC,CAAC;AAEJ,MAAM,CAAC,IAAM,IAAI,GAAG,UAAC,EAKwC;IAJ3D,IAAA,QAAQ,cAAA,EACR,MAAM,YAAA,EACN,aAAiB,EAAjB,KAAK,mBAAG,SAAS,KAAA,EACd,KAAK,cAJW,+BAKpB,CADS;IAER,IAAM,eAAe,GAAG,aAAa,CAAC,8BAA8B,CAAC,CAAC;IAEtE,IAAM,KAAK,GAAG,OAAO,CACnB,cAAM,OAAA,CAAC,eAAe,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,EAA9C,CAA8C,EACpD,CAAC,eAAe,CAAC,CAClB,CAAC;IAEF,OAAO,CACL,oBAAC,aAAa,IAAC,KAAK,EAAE,KAAK;QACzB,oBAAC,UAAU,aAAC,WAAW,EAAE,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,IAAM,KAAK,GAC3D,QAAQ,CACE,CACC,CACjB,CAAC;AACJ,CAAC,CAAC"}

package/dist/esm/components/CheckBox.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import { CheckBoxBaseProps } from "../interfaces";
+export declare const CheckBox: ({ ...props }: CheckBoxBaseProps) => React.JSX.Element;

package/dist/esm/components/CheckBox.js

@@ -0,0 +1,13 @@
+import { __assign, __rest } from "tslib";
+import React, { useMemo } from "react";
+import { FormControlLabel, Checkbox as MuiCheckbox, ThemeProvider, useMediaQuery, } from "@mui/material";
+import { themes } from "../helpers";
+import { styled } from "@mui/material/styles";
+var CheckBoxStyled = styled(MuiCheckbox)({});
+export var CheckBox = function (_a) {
+    var props = __rest(_a, []);
+    var prefersDarkMode = useMediaQuery("(prefers-color-scheme: dark)");
+    var theme = useMemo(function () { return (prefersDarkMode ? themes.light : themes.dark); }, [prefersDarkMode]);
+    return (React.createElement(ThemeProvider, { theme: theme }, props.label ? (React.createElement(FormControlLabel, { control: React.createElement(CheckBoxStyled, __assign({}, props)), label: props.label })) : (React.createElement(CheckBoxStyled, __assign({}, props)))));
+};
+//# sourceMappingURL=CheckBox.js.map

package/dist/esm/components/CheckBox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckBox.js","sourceRoot":"","sources":["../../../src/components/CheckBox.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EACL,gBAAgB,EAChB,QAAQ,IAAI,WAAW,EACvB,aAAa,EACb,aAAa,GACd,MAAM,eAAe,CAAC;AAIvB,OAAO,EAAE,MAAM,EAAE,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAE9C,IAAM,cAAc,GAAG,MAAM,CAAC,WAAW,CAAC,CAAC,EAAE,CAAC,CAAC;AAE/C,MAAM,CAAC,IAAM,QAAQ,GAAG,UAAC,EAA+B;QAA1B,KAAK,cAAV,EAAY,CAAF;IACjC,IAAM,eAAe,GAAG,aAAa,CAAC,8BAA8B,CAAC,CAAC;IACtE,IAAM,KAAK,GAAG,OAAO,CACnB,cAAM,OAAA,CAAC,eAAe,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,EAA9C,CAA8C,EACpD,CAAC,eAAe,CAAC,CAClB,CAAC;IAEF,OAAO,CACL,oBAAC,aAAa,IAAC,KAAK,EAAE,KAAK,IACxB,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CACb,oBAAC,gBAAgB,IACf,OAAO,EAAE,oBAAC,cAAc,eAAK,KAAK,EAAI,EACtC,KAAK,EAAE,KAAK,CAAC,KAAK,GAClB,CACH,CAAC,CAAC,CAAC,CACF,oBAAC,cAAc,eAAK,KAAK,EAAI,CAC9B,CACa,CACjB,CAAC;AACJ,CAAC,CAAC"}

package/dist/esm/components/DropDown.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import { DropDownBaseProps } from "../interfaces";
+export declare const DropDown: ({ open, children, ...props }: DropDownBaseProps) => React.JSX.Element;

package/dist/esm/components/DropDown.js

@@ -0,0 +1,17 @@
+import { __assign, __rest } from "tslib";
+import React, { useMemo } from "react";
+import { Menu as MuiDropDown, ThemeProvider, useMediaQuery, } from "@mui/material";
+import { themes } from "../helpers";
+import { styled } from "@mui/material/styles";
+var DropDownStyled = styled(MuiDropDown)({});
+export var DropDown = function (_a) {
+    var open = _a.open, children = _a.children, props = __rest(_a, ["open", "children"]);
+    var prefersDarkMode = useMediaQuery("(prefers-color-scheme: dark)");
+    var theme = useMemo(function () { return (prefersDarkMode ? themes.light : themes.dark); }, [prefersDarkMode]);
+    return (React.createElement(ThemeProvider, { theme: theme },
+        React.createElement(React.Fragment, null,
+            React.createElement(DropDownStyled, __assign({ open: true, id: "basic-menu", anchorEl: props.anchorEl, onClose: props.onClose, MenuListProps: {
+                    "aria-labelledby": "basic-button",
+                } }, props), children))));
+};
+//# sourceMappingURL=DropDown.js.map

package/dist/esm/components/DropDown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropDown.js","sourceRoot":"","sources":["../../../src/components/DropDown.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EACL,IAAI,IAAI,WAAW,EACnB,aAAa,EACb,aAAa,GACd,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,MAAM,EAAE,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAE9C,IAAM,cAAc,GAAG,MAAM,CAAC,WAAW,CAAC,CAAC,EAAE,CAAC,CAAC;AAE/C,MAAM,CAAC,IAAM,QAAQ,GAAG,UAAC,EAA+C;IAA7C,IAAA,IAAI,UAAA,EAAE,QAAQ,cAAA,EAAK,KAAK,cAA1B,oBAA4B,CAAF;IACjD,IAAM,eAAe,GAAG,aAAa,CAAC,8BAA8B,CAAC,CAAC;IACtE,IAAM,KAAK,GAAG,OAAO,CACnB,cAAM,OAAA,CAAC,eAAe,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,EAA9C,CAA8C,EACpD,CAAC,eAAe,CAAC,CAClB,CAAC;IAEF,OAAO,CACL,oBAAC,aAAa,IAAC,KAAK,EAAE,KAAK;QACzB;YACE,oBAAC,cAAc,aACb,IAAI,QACJ,EAAE,EAAC,YAAY,EACf,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,aAAa,EAAE;oBACb,iBAAiB,EAAE,cAAc;iBAClC,IACG,KAAK,GAER,QAAQ,CACM,CAChB,CACW,CACjB,CAAC;AACJ,CAAC,CAAC"}

package/dist/esm/components/IconButton.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import { IconButtonBaseProps } from "../interfaces";
+export declare const IconButton: ({ circle, children, ...props }: IconButtonBaseProps) => React.JSX.Element;

package/dist/esm/components/IconButton.js

@@ -0,0 +1,31 @@
+import { __assign, __rest } from "tslib";
+import React, { useMemo } from "react";
+import { IconButton as MuiIconButton, ThemeProvider, useMediaQuery, } from "@mui/material";
+import { palette, themes } from "../helpers";
+import { styled } from "@mui/material/styles";
+var colorMap = {
+    inherit: palette.inherit,
+    primary: palette.primary,
+    secondary: palette.secondary,
+    error: palette.error,
+    warning: palette.warning,
+    info: palette.info,
+    success: palette.success,
+};
+var IconButtonStyled = styled(MuiIconButton)(function (_a) {
+    var circle = _a.circle, color = _a.color, variant = _a.variant, cursor = _a.cursor;
+    return ({
+        borderRadius: circle === true ? 99 : 5,
+        border: variant === "outlined" ? "1px solid ".concat(colorMap[color]) : "none",
+        backgroundColor: variant === "contained" ? "".concat(colorMap[color]) : "none",
+        cursor: cursor,
+    });
+});
+export var IconButton = function (_a) {
+    var _b = _a.circle, circle = _b === void 0 ? false : _b, children = _a.children, props = __rest(_a, ["circle", "children"]);
+    var prefersDarkMode = useMediaQuery("(prefers-color-scheme: dark)");
+    var theme = useMemo(function () { return (prefersDarkMode ? themes.dark : themes.light); }, [prefersDarkMode]);
+    return (React.createElement(ThemeProvider, { theme: theme },
+        React.createElement(IconButtonStyled, __assign({ circle: circle, color: "primary", variant: "text", cursor: "default" }, props), children)));
+};
+//# sourceMappingURL=IconButton.js.map

package/dist/esm/components/IconButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconButton.js","sourceRoot":"","sources":["../../../src/components/IconButton.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EACL,UAAU,IAAI,aAAa,EAC3B,aAAa,EACb,aAAa,GACd,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,YAAY,CAAC;AAC7C,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAG9C,IAAM,QAAQ,GAAiC;IAC7C,OAAO,EAAE,OAAO,CAAC,OAAO;IACxB,OAAO,EAAE,OAAO,CAAC,OAAO;IACxB,SAAS,EAAE,OAAO,CAAC,SAAS;IAC5B,KAAK,EAAE,OAAO,CAAC,KAAK;IACpB,OAAO,EAAE,OAAO,CAAC,OAAO;IACxB,IAAI,EAAE,OAAO,CAAC,IAAI;IAClB,OAAO,EAAE,OAAO,CAAC,OAAO;CACzB,CAAC;AAEF,IAAM,gBAAgB,GAAG,MAAM,CAAC,aAAa,CAAC,CAK3C,UAAC,EAAkC;QAAhC,MAAM,YAAA,EAAE,KAAK,WAAA,EAAE,OAAO,aAAA,EAAE,MAAM,YAAA;IAAO,OAAA,CAAC;QAC1C,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;QACtC,MAAM,EAAE,OAAO,KAAK,UAAU,CAAC,CAAC,CAAC,oBAAa,QAAQ,CAAC,KAAK,CAAC,CAAE,CAAC,CAAC,CAAC,MAAM;QACxE,eAAe,EAAE,OAAO,KAAK,WAAW,CAAC,CAAC,CAAC,UAAG,QAAQ,CAAC,KAAK,CAAC,CAAE,CAAC,CAAC,CAAC,MAAM;QACxE,MAAM,EAAE,MAAM;KACf,CAAC;AALyC,CAKzC,CAAC,CAAC;AAEJ,MAAM,CAAC,IAAM,UAAU,GAAG,UAAC,EAIL;IAHpB,IAAA,cAAc,EAAd,MAAM,mBAAG,KAAK,KAAA,EACd,QAAQ,cAAA,EACL,KAAK,cAHiB,sBAI1B,CADS;IAER,IAAM,eAAe,GAAG,aAAa,CAAC,8BAA8B,CAAC,CAAC;IACtE,IAAM,KAAK,GAAG,OAAO,CACnB,cAAM,OAAA,CAAC,eAAe,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAA9C,CAA8C,EACpD,CAAC,eAAe,CAAC,CAClB,CAAC;IAEF,OAAO,CACL,oBAAC,aAAa,IAAC,KAAK,EAAE,KAAK;QACzB,oBAAC,gBAAgB,aACf,MAAM,EAAE,MAAM,EACd,KAAK,EAAC,SAAS,EACf,OAAO,EAAC,MAAM,EACd,MAAM,EAAC,SAAS,IACZ,KAAK,GAER,QAAQ,CACQ,CACL,CACjB,CAAC;AACJ,CAAC,CAAC"}

package/dist/esm/components/Icons.d.ts

@@ -0,0 +1,7 @@
+import React, { FunctionComponent } from "react";
+import { IconsProps, SvgProps } from "../interfaces/Icons";
+export declare const Svg: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: React.ElementType<any> | undefined;
+} & SvgProps, React.SVGProps<SVGSVGElement>, {}>;
+export declare const Icons: FunctionComponent<IconsProps>;

package/dist/esm/components/Icons.js

@@ -0,0 +1,49 @@
+import { __assign, __makeTemplateObject, __rest } from "tslib";
+import React from "react";
+import { iconsSVG } from "./Svgs";
+import styled from "@emotion/styled";
+import { palette } from "../helpers";
+export var Svg = styled.svg({
+    shapeRendering: "inherit",
+    transform: "translate3d(0,0,0)",
+}, function (_a) {
+    var inline = _a.inline;
+    return (inline ? { display: "inline-block" } : { display: "block" });
+});
+var scaleSize = {
+    xsmall: 14,
+    small: 20,
+    medium: 24,
+    large: 28,
+    xlarge: 32,
+    "2xlarge": 36,
+    "3xlarge": 40,
+};
+// Definindo um objeto com as cores de preenchimento e traço com base no MUI
+var colors = {
+    inherit: palette.inherit,
+    primary: palette.primary,
+    secondary: palette.secondary,
+    error: palette.error,
+    info: palette.info,
+    success: palette.success,
+    warning: palette.warning,
+    white: palette.white,
+    black: palette.black,
+};
+export var Icons = function (_a) {
+    var icon = _a.icon, scale = _a.scale, useSymbol = _a.useSymbol, _b = _a.color, color = _b === void 0 ? "inherit" : _b, props = __rest(_a, ["icon", "scale", "useSymbol", "color"]);
+    var width = 24;
+    var height = 24;
+    if (scale) {
+        width = scaleSize[scale];
+        height = scaleSize[scale];
+    }
+    // Obtém a cor de preenchimento e traço com base no valor da prop 'color'
+    var fill = colors[color];
+    var stroke = colors[color];
+    var Svg = styled.svg(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    display: inline-block;\n    shape-rendering: inherit;\n    vertical-align: middle;\n    fill: ", ";\n    path {\n      stroke: ", ";\n    }\n    circle {\n      stroke: ", ";\n    }\n    rect {\n      stroke: ", ";\n    }\n  "], ["\n    display: inline-block;\n    shape-rendering: inherit;\n    vertical-align: middle;\n    fill: ", ";\n    path {\n      stroke: ", ";\n    }\n    circle {\n      stroke: ", ";\n    }\n    rect {\n      stroke: ", ";\n    }\n  "])), fill, stroke, stroke, stroke);
+    return (React.createElement(Svg, __assign({ viewBox: "0 0 64 64", width: "".concat(width, "px"), height: "".concat(height, "px") }, props), useSymbol ? (React.createElement("use", { xlinkHref: "#icon--".concat(icon), fill: fill, stroke: stroke })) : (React.cloneElement(iconsSVG[icon], { fill: fill, stroke: stroke }))));
+};
+var templateObject_1;
+//# sourceMappingURL=Icons.js.map

package/dist/esm/components/Icons.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icons.js","sourceRoot":"","sources":["../../../src/components/Icons.tsx"],"names":[],"mappings":";AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AACjD,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAGlC,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAErC,MAAM,CAAC,IAAM,GAAG,GAAG,MAAM,CAAC,GAAG,CAC3B;IACE,cAAc,EAAE,SAAS;IACzB,SAAS,EAAE,oBAAoB;CAChC,EACD,UAAC,EAAU;QAAR,MAAM,YAAA;IAAO,OAAA,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,cAAc,EAAE,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,CAAC;AAA7D,CAA6D,CAC9E,CAAC;AAEF,IAAM,SAAS,GAA8B;IAC3C,MAAM,EAAE,EAAE;IACV,KAAK,EAAE,EAAE;IACT,MAAM,EAAE,EAAE;IACV,KAAK,EAAE,EAAE;IACT,MAAM,EAAE,EAAE;IACV,SAAS,EAAE,EAAE;IACb,SAAS,EAAE,EAAE;CACd,CAAC;AAEF,4EAA4E;AAC5E,IAAM,MAAM,GAA+B;IACzC,OAAO,EAAE,OAAO,CAAC,OAAO;IACxB,OAAO,EAAE,OAAO,CAAC,OAAO;IACxB,SAAS,EAAE,OAAO,CAAC,SAAS;IAC5B,KAAK,EAAE,OAAO,CAAC,KAAK;IACpB,IAAI,EAAE,OAAO,CAAC,IAAI;IAClB,OAAO,EAAE,OAAO,CAAC,OAAO;IACxB,OAAO,EAAE,OAAO,CAAC,OAAO;IACxB,KAAK,EAAE,OAAO,CAAC,KAAK;IACpB,KAAK,EAAE,OAAO,CAAC,KAAK;CACrB,CAAC;AAEF,MAAM,CAAC,IAAM,KAAK,GAAkC,UAAC,EAMxC;IALX,IAAA,IAAI,UAAA,EACJ,KAAK,WAAA,EACL,SAAS,eAAA,EACT,aAAiB,EAAjB,KAAK,mBAAG,SAAS,KAAA,EACd,KAAK,cAL2C,uCAMpD,CADS;IAER,IAAI,KAAK,GAAG,EAAE,CAAC;IACf,IAAI,MAAM,GAAG,EAAE,CAAC;IAChB,IAAI,KAAK,EAAE;QACT,KAAK,GAAG,SAAS,CAAC,KAAK,CAAC,CAAC;QACzB,MAAM,GAAG,SAAS,CAAC,KAAK,CAAC,CAAC;KAC3B;IAED,yEAAyE;IACzE,IAAM,IAAI,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAC3B,IAAM,MAAM,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAE7B,IAAM,GAAG,GAAG,MAAM,CAAC,GAAG,4SAAA,sGAIZ,EAAI,+BAEA,EAAM,wCAGN,EAAM,sCAGN,EAAM,cAEnB,KAVS,IAAI,EAEA,MAAM,EAGN,MAAM,EAGN,MAAM,CAEnB,CAAC;IAEF,OAAO,CACL,oBAAC,GAAG,aACF,OAAO,EAAC,WAAW,EACnB,KAAK,EAAE,UAAG,KAAK,OAAI,EACnB,MAAM,EAAE,UAAG,MAAM,OAAI,IACjB,KAAK,GAER,SAAS,CAAC,CAAC,CAAC,CACX,6BAAK,SAAS,EAAE,iBAAU,IAAI,CAAE,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,GAAI,CACjE,CAAC,CAAC,CAAC,CACF,KAAK,CAAC,YAAY,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,EAAE,IAAI,MAAA,EAAE,MAAM,QAAA,EAAE,CAAC,CACrD,CACG,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/esm/components/Modal.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { ModalBaseProps } from "../interfaces";
+export declare function Close(): React.JSX.Element;
+export declare const Modal: ({ open, children, ...props }: ModalBaseProps) => React.JSX.Element;

package/dist/esm/components/Modal.js

@@ -0,0 +1,32 @@
+import { __assign, __makeTemplateObject, __rest } from "tslib";
+import React, { useMemo } from "react";
+import { Modal as MuiModal, Paper, Box, ThemeProvider, useMediaQuery, } from "@mui/material";
+import { themes } from "../helpers";
+import { styled } from "@mui/material/styles";
+import { IconButton } from "./IconButton";
+import { Button } from "./Button";
+var ModalStyled = styled(MuiModal)({});
+var ModalContentStyled = styled(Paper)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  border: 1px solid #00000033;\n  border-radius: 4px;\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  width: 421px;\n  transform: translate(-50%, -50%);\n  bgcolor: background.paper;\n  box-shadow: 24px;\n  padding: 16px;\n"], ["\n  border: 1px solid #00000033;\n  border-radius: 4px;\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  width: 421px;\n  transform: translate(-50%, -50%);\n  bgcolor: background.paper;\n  box-shadow: 24px;\n  padding: 16px;\n"])));
+var ModalHeaderStyled = styled(Box)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  text-align: left;\n  border-bottom: 1px solid #00000033;\n  margin: 0;\n  top: -5px;\n  position: relative;\n  padding: 0 5px;\n  display: flex;\n\n  & h2 {\n    font: normal normal 600 18px/30px Source Sans Pro;\n    color: #292929;\n  }\n"], ["\n  text-align: left;\n  border-bottom: 1px solid #00000033;\n  margin: 0;\n  top: -5px;\n  position: relative;\n  padding: 0 5px;\n  display: flex;\n\n  & h2 {\n    font: normal normal 600 18px/30px Source Sans Pro;\n    color: #292929;\n  }\n"])));
+var ModalFooterStyled = styled(Box)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  text-align: left;\n  border-top: 1px solid #00000033;\n  margin-top: 16px;\n  bottom: -5px;\n  position: relative;\n  padding: 10px 5px 5px;\n  display: flex;\n  justify-content: end;\n"], ["\n  text-align: left;\n  border-top: 1px solid #00000033;\n  margin-top: 16px;\n  bottom: -5px;\n  position: relative;\n  padding: 10px 5px 5px;\n  display: flex;\n  justify-content: end;\n"])));
+export function Close() {
+    return (React.createElement("svg", { fill: "#808080", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", height: "24", width: "24" },
+        React.createElement("path", { clipRule: "evenodd", fillRule: "evenodd", d: "M5.47 5.47a.75.75 0 011.06 0L12 10.94l5.47-5.47a.75.75 0 111.06 1.06L13.06 12l5.47 5.47a.75.75 0 11-1.06 1.06L12 13.06l-5.47 5.47a.75.75 0 01-1.06-1.06L10.94 12 5.47 6.53a.75.75 0 010-1.06z" })));
+}
+export var Modal = function (_a) {
+    var open = _a.open, children = _a.children, props = __rest(_a, ["open", "children"]);
+    var prefersDarkMode = useMediaQuery("(prefers-color-scheme: dark)");
+    var theme = useMemo(function () { return (prefersDarkMode ? themes.light : themes.dark); }, [prefersDarkMode]);
+    return (React.createElement(ThemeProvider, { theme: theme },
+        React.createElement(ModalStyled, __assign({ open: true }, props),
+            React.createElement(ModalContentStyled, null,
+                props.title && (React.createElement(ModalHeaderStyled, null,
+                    React.createElement(React.Fragment, null,
+                        React.createElement("h2", null, props.title),
+                        React.createElement(IconButton, { onClick: props.onClose, size: "small", color: "inherit", variant: "text", cursor: "pointer", sx: { position: "absolute", right: 0, top: 5 } },
+                            React.createElement(Close, null))))),
+                children,
+                props.action && (React.createElement(ModalFooterStyled, null, props.action.map(function (item, key) { return (React.createElement(Button, { color: item.color, variant: item.variant, key: key, onClick: item.action, style: { marginLeft: 10 } }, item.label)); })))))));
+};
+var templateObject_1, templateObject_2, templateObject_3;
+//# sourceMappingURL=Modal.js.map

package/dist/esm/components/Modal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../src/components/Modal.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EACL,KAAK,IAAI,QAAQ,EACjB,KAAK,EACL,GAAG,EACH,aAAa,EACb,aAAa,GACd,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,MAAM,EAAE,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAC9C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,IAAM,WAAW,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,CAAC;AAEzC,IAAM,kBAAkB,GAAG,MAAM,CAAC,KAAK,CAAC,2SAAA,wOAWvC,IAAA,CAAC;AAEF,IAAM,iBAAiB,GAAG,MAAM,CAAC,GAAG,CAAC,yTAAA,sPAapC,IAAA,CAAC;AAEF,IAAM,iBAAiB,GAAG,MAAM,CAAC,GAAG,CAAC,kQAAA,+LASpC,IAAA,CAAC;AAEF,MAAM,UAAU,KAAK;IACnB,OAAO,CACL,6BACE,IAAI,EAAC,SAAS,EACd,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,4BAA4B,iBACtB,MAAM,EAClB,MAAM,EAAC,IAAI,EACX,KAAK,EAAC,IAAI;QAEV,8BACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,+LAA+L,GACjM,CACE,CACP,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,IAAM,KAAK,GAAG,UAAC,EAA4C;IAA1C,IAAA,IAAI,UAAA,EAAE,QAAQ,cAAA,EAAK,KAAK,cAA1B,oBAA4B,CAAF;IAC9C,IAAM,eAAe,GAAG,aAAa,CAAC,8BAA8B,CAAC,CAAC;IACtE,IAAM,KAAK,GAAG,OAAO,CACnB,cAAM,OAAA,CAAC,eAAe,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,EAA9C,CAA8C,EACpD,CAAC,eAAe,CAAC,CAClB,CAAC;IAEF,OAAO,CACL,oBAAC,aAAa,IAAC,KAAK,EAAE,KAAK;QACzB,oBAAC,WAAW,aAAC,IAAI,UAAK,KAAK;YACzB,oBAAC,kBAAkB;gBAChB,KAAK,CAAC,KAAK,IAAI,CACd,oBAAC,iBAAiB;oBAChB;wBACE,gCAAK,KAAK,CAAC,KAAK,CAAM;wBACtB,oBAAC,UAAU,IACT,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,IAAI,EAAC,OAAO,EACZ,KAAK,EAAC,SAAS,EACf,OAAO,EAAC,MAAM,EACd,MAAM,EAAC,SAAS,EAChB,EAAE,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,KAAK,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE;4BAE9C,oBAAC,KAAK,OAAG,CACE,CACZ,CACe,CACrB;gBACA,QAAQ;gBACR,KAAK,CAAC,MAAM,IAAI,CACf,oBAAC,iBAAiB,QACf,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,UAAC,IAAI,EAAE,GAAG,IAAK,OAAA,CAC/B,oBAAC,MAAM,IACL,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,IAAI,CAAC,MAAM,EACpB,KAAK,EAAE,EAAE,UAAU,EAAE,EAAE,EAAE,IAExB,IAAI,CAAC,KAAK,CACJ,CACV,EAVgC,CAUhC,CAAC,CACgB,CACrB,CACkB,CACT,CACA,CACjB,CAAC;AACJ,CAAC,CAAC"}

package/dist/esm/components/Paper.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import { PaperBaseProps } from "../interfaces";
+export declare const Paper: ({ children, ...props }: PaperBaseProps & {}) => React.JSX.Element;

package/dist/esm/components/Paper.js

@@ -0,0 +1,14 @@
+import { __assign, __rest } from "tslib";
+import React, { useMemo } from "react";
+import { Paper as MuiPaper, ThemeProvider, useMediaQuery } from "@mui/material";
+import { themes } from "../helpers";
+import { styled } from "@mui/material/styles";
+var PaperStyled = styled(MuiPaper)({});
+export var Paper = function (_a) {
+    var children = _a.children, props = __rest(_a, ["children"]);
+    var prefersDarkMode = useMediaQuery("(prefers-color-scheme: dark)");
+    var theme = useMemo(function () { return (prefersDarkMode ? themes.light : themes.dark); }, [prefersDarkMode]);
+    return (React.createElement(ThemeProvider, { theme: theme },
+        React.createElement(PaperStyled, __assign({}, props), children)));
+};
+//# sourceMappingURL=Paper.js.map

package/dist/esm/components/Paper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Paper.js","sourceRoot":"","sources":["../../../src/components/Paper.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,KAAK,IAAI,QAAQ,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAEhF,OAAO,EAAE,MAAM,EAAE,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAE9C,IAAM,WAAW,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,CAAC;AAEzC,MAAM,CAAC,IAAM,KAAK,GAAG,UAAC,EAA2C;IAAzC,IAAA,QAAQ,cAAA,EAAK,KAAK,cAApB,YAAsB,CAAF;IACxC,IAAM,eAAe,GAAG,aAAa,CAAC,8BAA8B,CAAC,CAAC;IAEtE,IAAM,KAAK,GAAG,OAAO,CACnB,cAAM,OAAA,CAAC,eAAe,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,EAA9C,CAA8C,EACpD,CAAC,eAAe,CAAC,CAClB,CAAC;IAEF,OAAO,CACL,oBAAC,aAAa,IAAC,KAAK,EAAE,KAAK;QACzB,oBAAC,WAAW,eAAK,KAAK,GAAG,QAAQ,CAAe,CAClC,CACjB,CAAC;AACJ,CAAC,CAAC"}

package/dist/esm/components/ProgressBar.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+import { ProgressBarBaseProps } from "../interfaces";
+export declare const ProgressBarLabelStyled: import("@emotion/styled").StyledComponent<import("@mui/material").TypographyOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
+    ref?: ((instance: HTMLSpanElement | null) => void) | React.RefObject<HTMLSpanElement> | null | undefined;
+}, "p" | "style" | "className" | "classes" | "children" | "sx" | "border" | "boxShadow" | "fontWeight" | "zIndex" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxSizing" | "color" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "visibility" | "whiteSpace" | "width" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "overflow" | "padding" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "typography" | "displayPrint" | "variant" | "align" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+export declare const ProgressBar: ({ value, label, variant, total, ...props }: ProgressBarBaseProps) => React.JSX.Element;

package/dist/esm/components/ProgressBar.js

@@ -0,0 +1,31 @@
+import { __assign, __makeTemplateObject, __rest } from "tslib";
+import React, { useMemo } from "react";
+import { LinearProgress as MuiProgressBar, linearProgressClasses, ThemeProvider, useMediaQuery, Typography, } from "@mui/material";
+import { themes } from "../helpers";
+import { styled } from "@mui/material/styles";
+var ProgressBarStyled = styled(MuiProgressBar)({
+    width: "100%",
+    height: "10px",
+    borderRadius: "10px",
+    position: "relative",
+    backgroundColor: "&.".concat(linearProgressClasses.determinate, " {\n    background-color: #e0e0e0,\n  }"),
+});
+export var ProgressBarLabelStyled = styled(Typography)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  margin-bottom: 8px;\n  position: relative;\n  text-align: left;\n  font: normal normal normal 16px/20px Source Sans Pro;\n"], ["\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  margin-bottom: 8px;\n  position: relative;\n  text-align: left;\n  font: normal normal normal 16px/20px Source Sans Pro;\n"])));
+export var ProgressBar = function (_a) {
+    var _b = _a.value, value = _b === void 0 ? 0 : _b, label = _a.label, _c = _a.variant, variant = _c === void 0 ? "determinate" : _c, total = _a.total, props = __rest(_a, ["value", "label", "variant", "total"]);
+    var prefersDarkMode = useMediaQuery("(prefers-color-scheme: dark)");
+    var percentage = value && total ? (value / total) * 100 : 0;
+    var theme = useMemo(function () { return (prefersDarkMode ? themes.light : themes.dark); }, [prefersDarkMode]);
+    return (React.createElement(ThemeProvider, { theme: theme },
+        React.createElement("div", { style: { minWidth: "100px" } },
+            label && (React.createElement(ProgressBarLabelStyled, null,
+                label,
+                React.createElement("span", { style: { right: 0 } },
+                    total,
+                    " (",
+                    percentage.toFixed(2),
+                    "%)"))),
+            React.createElement(ProgressBarStyled, __assign({ value: value, variant: variant }, props)))));
+};
+var templateObject_1;
+//# sourceMappingURL=ProgressBar.js.map

package/dist/esm/components/ProgressBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressBar.js","sourceRoot":"","sources":["../../../src/components/ProgressBar.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EACL,cAAc,IAAI,cAAc,EAChC,qBAAqB,EACrB,aAAa,EACb,aAAa,EACb,UAAU,GACX,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,MAAM,EAAE,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAE9C,IAAM,iBAAiB,GAAG,MAAM,CAAC,cAAc,CAAC,CAAC;IAC/C,KAAK,EAAE,MAAM;IACb,MAAM,EAAE,MAAM;IACd,YAAY,EAAE,MAAM;IACpB,QAAQ,EAAE,UAAU;IACpB,eAAe,EAAE,YAAK,qBAAqB,CAAC,WAAW,4CAErD;CACH,CAAC,CAAC;AAEH,MAAM,CAAC,IAAM,sBAAsB,GAAG,MAAM,CAAC,UAAU,CAAC,gRAAA,6MAQvD,IAAA,CAAC;AAEF,MAAM,CAAC,IAAM,WAAW,GAAG,UAAC,EAML;IALrB,IAAA,aAAS,EAAT,KAAK,mBAAG,CAAC,KAAA,EACT,KAAK,WAAA,EACL,eAAuB,EAAvB,OAAO,mBAAG,aAAa,KAAA,EACvB,KAAK,WAAA,EACF,KAAK,cALkB,sCAM3B,CADS;IAER,IAAM,eAAe,GAAG,aAAa,CAAC,8BAA8B,CAAC,CAAC;IACtE,IAAM,UAAU,GAAG,KAAK,IAAI,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,GAAG,KAAK,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;IAC9D,IAAM,KAAK,GAAG,OAAO,CACnB,cAAM,OAAA,CAAC,eAAe,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,EAA9C,CAA8C,EACpD,CAAC,eAAe,CAAC,CAClB,CAAC;IAEF,OAAO,CACL,oBAAC,aAAa,IAAC,KAAK,EAAE,KAAK;QACzB,6BAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE;YAC9B,KAAK,IAAI,CACR,oBAAC,sBAAsB;gBACpB,KAAK;gBACN,8BAAM,KAAK,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE;oBACtB,KAAK;;oBAAI,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC;yBAC1B,CACgB,CAC1B;YACD,oBAAC,iBAAiB,aAAC,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,IAAM,KAAK,EAAI,CAC5D,CACQ,CACjB,CAAC;AACJ,CAAC,CAAC"}

package/dist/esm/components/RadioGroup.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import { RadioBaseProps } from "../interfaces/RadioGroup";
+export declare const RadioGroup: ({ ...props }: RadioBaseProps) => React.JSX.Element;

package/dist/esm/components/RadioGroup.js

@@ -0,0 +1,18 @@
+import { __rest } from "tslib";
+import React, { useMemo } from "react";
+import { FormControl, FormControlLabel, FormLabel, Radio as MuiRadio, RadioGroup as MuiRadioGroup, ThemeProvider, useMediaQuery, } from "@mui/material";
+import { themes } from "../helpers";
+import { styled } from "@mui/material/styles";
+var RadioStyled = styled(MuiRadio)({});
+var sizes = ["small", "medium"];
+export var RadioGroup = function (_a) {
+    var props = __rest(_a, []);
+    var prefersDarkMode = useMediaQuery("(prefers-color-scheme: dark)");
+    var theme = useMemo(function () { return (prefersDarkMode ? themes.light : themes.dark); }, [prefersDarkMode]);
+    return (React.createElement(ThemeProvider, { theme: theme },
+        React.createElement(FormControl, null,
+            React.createElement(FormLabel, { id: props.id }, props.label),
+            React.createElement(MuiRadioGroup, { "aria-labelledby": props.id, defaultValue: props.checked, name: "radio-buttons-group", row: props.direction === "horizontal" ? true : false }, props.options &&
+                props.options.map(function (item, key) { return (React.createElement(FormControlLabel, { value: item.value, control: React.createElement(RadioStyled, { color: props.color, size: item.size ? item.size : sizes[1] }), label: item.label, key: key })); })))));
+};
+//# sourceMappingURL=RadioGroup.js.map

package/dist/esm/components/RadioGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroup.js","sourceRoot":"","sources":["../../../src/components/RadioGroup.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EACL,WAAW,EACX,gBAAgB,EAChB,SAAS,EACT,KAAK,IAAI,QAAQ,EACjB,UAAU,IAAI,aAAa,EAC3B,aAAa,EACb,aAAa,GACd,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,MAAM,EAAE,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAI9C,IAAM,WAAW,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,CAAC;AACzC,IAAM,KAAK,GAA2B,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC;AAE1D,MAAM,CAAC,IAAM,UAAU,GAAG,UAAC,EAA4B;QAAvB,KAAK,cAAV,EAAY,CAAF;IACnC,IAAM,eAAe,GAAG,aAAa,CAAC,8BAA8B,CAAC,CAAC;IACtE,IAAM,KAAK,GAAG,OAAO,CACnB,cAAM,OAAA,CAAC,eAAe,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,EAA9C,CAA8C,EACpD,CAAC,eAAe,CAAC,CAClB,CAAC;IAEF,OAAO,CACL,oBAAC,aAAa,IAAC,KAAK,EAAE,KAAK;QACzB,oBAAC,WAAW;YACV,oBAAC,SAAS,IAAC,EAAE,EAAE,KAAK,CAAC,EAAE,IAAG,KAAK,CAAC,KAAK,CAAa;YAClD,oBAAC,aAAa,uBACK,KAAK,CAAC,EAAE,EACzB,YAAY,EAAE,KAAK,CAAC,OAAO,EAC3B,IAAI,EAAC,qBAAqB,EAC1B,GAAG,EAAE,KAAK,CAAC,SAAS,KAAK,YAAY,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,IAEnD,KAAK,CAAC,OAAO;gBACZ,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,UAAC,IAAI,EAAE,GAAG,IAAK,OAAA,CAC/B,oBAAC,gBAAgB,IACf,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,OAAO,EACL,oBAAC,WAAW,IACV,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,IAAI,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,GACtC,EAEJ,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,GAAG,EAAE,GAAG,GACR,CACH,EAZgC,CAYhC,CAAC,CACU,CACJ,CACA,CACjB,CAAC;AACJ,CAAC,CAAC"}

package/dist/esm/components/RangerSlider.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import { RangerSliderBaseProps } from "@/interfaces/RangerSlider";
+export declare const RangerSlider: ({ defaultValue, color, ...props }: RangerSliderBaseProps) => React.JSX.Element;

package/dist/esm/components/RangerSlider.js

@@ -0,0 +1,64 @@
+import { __assign, __rest } from "tslib";
+import React, { useMemo } from "react";
+import { Slider as MuiSlider, ThemeProvider, useMediaQuery, } from "@mui/material";
+import { palette, themes } from "../helpers";
+import { styled } from "@mui/material/styles";
+var colorMap = {
+    inherit: palette.inherit,
+    primary: palette.primary,
+    secondary: palette.secondary,
+    error: palette.error,
+    warning: palette.warning,
+    info: palette.info,
+    success: palette.success,
+};
+var RangerSliderStyled = styled(MuiSlider)(function () { return ({
+    height: 8,
+    "& .MuiSlider-track": {
+        border: "none",
+    },
+    "& .MuiSlider-thumb": {
+        height: 18,
+        width: 18,
+        backgroundColor: "#FFF",
+        border: "2px solid ".concat(colorMap["primary"]),
+        "&:focus, &:hover, &.Mui-active, &.Mui-focusVisible": {
+            boxShadow: "inherit",
+        },
+        "&:before": {
+            width: "8px",
+            height: "8px",
+            position: "absolute",
+            display: "block",
+            background: colorMap["primary"],
+        },
+    },
+    "& .MuiSlider-valueLabel": {
+        fontSize: 12,
+        fontWeight: "normal",
+        top: 40,
+        position: "absolute",
+        backgroundColor: "unset",
+        color: colorMap["primary"],
+        "&:before": {
+            display: "none",
+        },
+        "& *": {
+            background: "transparent",
+            color: "#000",
+        },
+    },
+    "& .MuiSlider-rail": {
+        color: "#F0F2F8 ",
+        opacity: 1,
+        height: 10,
+    },
+}); });
+export var RangerSlider = function (_a) {
+    var _b = _a.defaultValue, defaultValue = _b === void 0 ? 50 : _b, _c = _a.color, color = _c === void 0 ? "primary" : _c, props = __rest(_a, ["defaultValue", "color"]);
+    var prefersDarkMode = useMediaQuery("(prefers-color-scheme: dark)");
+    var theme = useMemo(function () { return (prefersDarkMode ? themes.light : themes.dark); }, [prefersDarkMode]);
+    return (React.createElement(ThemeProvider, { theme: theme },
+        React.createElement(RangerSliderStyled, __assign({ "aria-label": "Default", color: color }, props))));
+};
+//# sourceMappingURL=RangerSlider.js.map

package/dist/esm/components/RangerSlider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RangerSlider.js","sourceRoot":"","sources":["../../../src/components/RangerSlider.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EACL,MAAM,IAAI,SAAS,EACnB,aAAa,EACb,aAAa,GACd,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,YAAY,CAAC;AAC7C,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAI9C,IAAM,QAAQ,GAAiC;IAC7C,OAAO,EAAE,OAAO,CAAC,OAAO;IACxB,OAAO,EAAE,OAAO,CAAC,OAAO;IACxB,SAAS,EAAE,OAAO,CAAC,SAAS;IAC5B,KAAK,EAAE,OAAO,CAAC,KAAK;IACpB,OAAO,EAAE,OAAO,CAAC,OAAO;IACxB,IAAI,EAAE,OAAO,CAAC,IAAI;IAClB,OAAO,EAAE,OAAO,CAAC,OAAO;CACzB,CAAC;AAEF,IAAM,kBAAkB,GAAG,MAAM,CAAC,SAAS,CAAC,CAAC,cAAM,OAAA,CAAC;IAClD,MAAM,EAAE,CAAC;IACT,oBAAoB,EAAE;QACpB,MAAM,EAAE,MAAM;KACf;IACD,oBAAoB,EAAE;QACpB,MAAM,EAAE,EAAE;QACV,KAAK,EAAE,EAAE;QACT,eAAe,EAAE,MAAM;QACvB,MAAM,EAAE,oBAAa,QAAQ,CAAC,SAAS,CAAC,CAAE;QAC1C,oDAAoD,EAAE;YACpD,SAAS,EAAE,SAAS;SACrB;QACD,UAAU,EAAE;YACV,KAAK,EAAE,KAAK;YACZ,MAAM,EAAE,KAAK;YACb,QAAQ,EAAE,UAAU;YACpB,OAAO,EAAE,OAAO;YAChB,UAAU,EAAE,QAAQ,CAAC,SAAS,CAAC;SAChC;KACF;IACD,yBAAyB,EAAE;QACzB,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,QAAQ;QACpB,GAAG,EAAE,EAAE;QACP,QAAQ,EAAE,UAAU;QACpB,eAAe,EAAE,OAAO;QACxB,KAAK,EAAE,QAAQ,CAAC,SAAS,CAAC;QAC1B,UAAU,EAAE;YACV,OAAO,EAAE,MAAM;SAChB;QACD,KAAK,EAAE;YACL,UAAU,EAAE,aAAa;YACzB,KAAK,EAAE,MAAM;SACd;KACF;IACD,mBAAmB,EAAE;QACnB,KAAK,EAAE,UAAU;QACjB,OAAO,EAAE,CAAC;QACV,MAAM,EAAE,EAAE;KACX;CACF,CAAC,EAzCiD,CAyCjD,CAAC,CAAC;AAEJ,MAAM,CAAC,IAAM,YAAY,GAAG,UAAC,EAIL;IAHtB,IAAA,oBAAiB,EAAjB,YAAY,mBAAG,EAAE,KAAA,EACjB,aAAiB,EAAjB,KAAK,mBAAG,SAAS,KAAA,EACd,KAAK,cAHmB,yBAI5B,CADS;IAER,IAAM,eAAe,GAAG,aAAa,CAAC,8BAA8B,CAAC,CAAC;IACtE,IAAM,KAAK,GAAG,OAAO,CACnB,cAAM,OAAA,CAAC,eAAe,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,EAA9C,CAA8C,EACpD,CAAC,eAAe,CAAC,CAClB,CAAC;IAEF,OAAO,CACL,oBAAC,aAAa,IAAC,KAAK,EAAE,KAAK;QACzB,oBAAC,kBAAkB,2BAAY,SAAS,EAAC,KAAK,EAAE,KAAK,IAAM,KAAK,EAAI,CACtD,CACjB,CAAC;AACJ,CAAC,CAAC"}

package/dist/esm/components/Select.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import { SelectBaseProps } from "../interfaces";
+export declare const Select: ({ label, onChange, data, value, multiple, ...props }: SelectBaseProps) => React.JSX.Element;

package/dist/esm/components/Select.js

@@ -0,0 +1,45 @@
+import { __assign, __rest } from "tslib";
+import React, { useMemo } from "react";
+import { FormControl, InputLabel, ListItemText, MenuItem, Select as MuiSelect, OutlinedInput, ThemeProvider, useMediaQuery, } from "@mui/material";
+import { themes } from "../helpers";
+import { styled } from "@mui/material/styles";
+import { CheckBox } from "./CheckBox";
+var ITEM_HEIGHT = 48;
+var ITEM_PADDING_TOP = 8;
+var MenuProps = {
+    PaperProps: {
+        style: {
+            maxHeight: ITEM_HEIGHT * 4.5 + ITEM_PADDING_TOP,
+            width: 250,
+        },
+    },
+};
+var SelectStyled = styled(MuiSelect)(function (_a) {
+    var multiple = _a.multiple, variant = _a.variant;
+    return ({
+        "& .MuiOutlinedInput-notchedOutline": {
+            border: multiple === true ? "none" : "1px solid #666666 ",
+            borderRadius: multiple === true ? 0 : 4,
+            borderBottom: "1px solid #666666",
+        },
+        "& .MuiFormLabel-root": {
+            backgroundColor: variant === "standard" ? "#fff" : "inherit",
+            padding: variant === "standard" ? "0 5px" : 0,
+        },
+    });
+});
+export var Select = function (_a) {
+    var label = _a.label, onChange = _a.onChange, _b = _a.data, data = _b === void 0 ? [] : _b, _c = _a.value, value = _c === void 0 ? "" : _c, _d = _a.multiple, multiple = _d === void 0 ? false : _d, props = __rest(_a, ["label", "onChange", "data", "value", "multiple"]);
+    var prefersDarkMode = useMediaQuery("(prefers-color-scheme: dark)");
+    var theme = useMemo(function () { return (prefersDarkMode ? themes.light : themes.dark); }, [prefersDarkMode]);
+    return (React.createElement(ThemeProvider, { theme: theme },
+        React.createElement(FormControl, { fullWidth: true },
+            React.createElement(InputLabel, { id: props.id }, label),
+            multiple ? (React.createElement(SelectStyled, __assign({ labelId: props.id, id: "demo-simple-select", value: value, MenuProps: MenuProps, input: React.createElement(OutlinedInput, { label: "Tag" }), renderValue: function (selected) { return selected.join(", "); }, onChange: onChange, multiple: true }, props), data &&
+                data.map(function (item, key) { return (React.createElement(MenuItem, { value: item.value, key: key },
+                    React.createElement(CheckBox, { checked: value.includes(String(item.value)) }),
+                    React.createElement(ListItemText, { primary: String(item.label) }))); }))) : (React.createElement(SelectStyled, __assign({ labelId: props.id, id: "demo-simple-select", value: value, onChange: onChange }, props), data &&
+                data.map(function (item, key) { return (React.createElement(MenuItem, { value: item.value, key: key },
+                    React.createElement(ListItemText, { primary: String(item.label) }))); }))))));
+};
+//# sourceMappingURL=Select.js.map

package/dist/esm/components/Select.js.map

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

package/dist/{components/icon/norma.d.ts → esm/components/Svgs.d.ts}

@@ -1,30 +1,29 @@
-import React from 'react';
-export declare const normaIcons: {
-    readonly menuBar: React.JSX.Element;
-    readonly faceHappy: React.JSX.Element;
-    readonly faceNeutral: React.JSX.Element;
-    readonly faceAngry: React.JSX.Element;
-    readonly pieChart: React.JSX.Element;
-    readonly sort: React.JSX.Element;
-    readonly timerClock: React.JSX.Element;
-    readonly tag: React.JSX.Element;
-    readonly listCheck: React.JSX.Element;
-    readonly starOutlined: React.JSX.Element;
-    readonly edit: React.JSX.Element;
-    readonly chartBar: React.JSX.Element;
-    readonly settingEthernet: React.JSX.Element;
-    readonly usd: React.JSX.Element;
-    readonly user: React.JSX.Element;
-    readonly notication: React.JSX.Element;
-    readonly card: React.JSX.Element;
-    readonly briefcase: React.JSX.Element;
-    readonly checkCircle: React.JSX.Element;
-    readonly hand: React.JSX.Element;
-    readonly female: React.JSX.Element;
-    readonly male: React.JSX.Element;
-    readonly headphone: React.JSX.Element;
-    readonly envelopeMail: React.JSX.Element;
-    readonly comment: React.JSX.Element;
-    readonly olosCloud: React.JSX.Element;
-};
-export declare type IconKey = keyof typeof normaIcons;
+import React from "react";
+export declare const iconsSVG: {
+    readonly menuBar: React.JSX.Element;
+    readonly faceHappy: React.JSX.Element;
+    readonly faceNeutral: React.JSX.Element;
+    readonly faceAngry: React.JSX.Element;
+    readonly pieChart: React.JSX.Element;
+    readonly sort: React.JSX.Element;
+    readonly timerClock: React.JSX.Element;
+    readonly tag: React.JSX.Element;
+    readonly listCheck: React.JSX.Element;
+    readonly starOutlined: React.JSX.Element;
+    readonly edit: React.JSX.Element;
+    readonly chartBar: React.JSX.Element;
+    readonly settingEthernet: React.JSX.Element;
+    readonly usd: React.JSX.Element;
+    readonly user: React.JSX.Element;
+    readonly notication: React.JSX.Element;
+    readonly card: React.JSX.Element;
+    readonly briefcase: React.JSX.Element;
+    readonly checkCircle: React.JSX.Element;
+    readonly hand: React.JSX.Element;
+    readonly female: React.JSX.Element;
+    readonly male: React.JSX.Element;
+    readonly headphone: React.JSX.Element;
+    readonly envelopeMail: React.JSX.Element;
+    readonly comment: React.JSX.Element;
+    readonly olosCloud: React.JSX.Element;
+};