pixelize-design-library 2.3.6 → 2.3.8

package/dist/Components/Toaster/Toaster.js

@@ -1,116 +1,72 @@
 "use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useToaster = void 0;
 exports.default = ToasterProvider;
-var react_1 = __importStar(require("react"));
-var react_2 = require("@chakra-ui/react");
-var react_3 = require("@emotion/react");
-var lucide_react_1 = require("lucide-react");
-var ToasterContext = (0, react_1.createContext)(undefined);
-var shrink = (0, react_3.keyframes)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  from { transform: scaleX(1); }\n  to { transform: scaleX(0); }\n"], ["\n  from { transform: scaleX(1); }\n  to { transform: scaleX(0); }\n"])));
-function ToasterProvider(_a) {
-    var _b;
-    var children = _a.children;
-    var toast = (0, react_2.useToast)();
-    var theme = (0, react_2.useTheme)();
-    var c = (_b = theme.colors) !== null && _b !== void 0 ? _b : {};
-    var showToast = function (_a) {
-        var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s;
-        var title = _a.title, description = _a.description, _t = _a.status, status = _t === void 0 ? "info" : _t, _u = _a.duration, duration = _u === void 0 ? 5000 : _u, _v = _a.isClosable, isClosable = _v === void 0 ? true : _v, _w = _a.position, position = _w === void 0 ? "top-right" : _w, onClose = _a.onClose;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const react_2 = require("@chakra-ui/react");
+const react_3 = require("@emotion/react");
+const lucide_react_1 = require("lucide-react");
+const ToasterContext = (0, react_1.createContext)(undefined);
+const shrink = (0, react_3.keyframes) `
+  from { transform: scaleX(1); }
+  to { transform: scaleX(0); }
+`;
+function ToasterProvider({ children }) {
+    var _a;
+    const toast = (0, react_2.useToast)();
+    const theme = (0, react_2.useTheme)();
+    const c = (_a = theme.colors) !== null && _a !== void 0 ? _a : {};
+    const showToast = ({ title, description, status = "info", duration = 5000, isClosable = true, position = "top-right", onClose, }) => {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r;
         // Status → semantic color scale + icon (falls back to legacy palettes).
-        var statusConfig = {
+        const statusConfig = {
             success: {
-                scale: (_c = (_b = c.semantic) === null || _b === void 0 ? void 0 : _b.success) !== null && _c !== void 0 ? _c : c.green,
-                icon: react_1.default.createElement(lucide_react_1.CheckCircle2, { size: 18 }),
+                scale: (_b = (_a = c.semantic) === null || _a === void 0 ? void 0 : _a.success) !== null && _b !== void 0 ? _b : c.green,
+                icon: (0, jsx_runtime_1.jsx)(lucide_react_1.CheckCircle2, { size: 18 }),
             },
             error: {
-                scale: (_e = (_d = c.semantic) === null || _d === void 0 ? void 0 : _d.error) !== null && _e !== void 0 ? _e : c.red,
-                icon: react_1.default.createElement(lucide_react_1.XCircle, { size: 18 }),
+                scale: (_d = (_c = c.semantic) === null || _c === void 0 ? void 0 : _c.error) !== null && _d !== void 0 ? _d : c.red,
+                icon: (0, jsx_runtime_1.jsx)(lucide_react_1.XCircle, { size: 18 }),
             },
             warning: {
-                scale: (_h = (_g = (_f = c.semantic) === null || _f === void 0 ? void 0 : _f.warning) !== null && _g !== void 0 ? _g : c.yellow) !== null && _h !== void 0 ? _h : c.orange,
-                icon: react_1.default.createElement(lucide_react_1.AlertTriangle, { size: 18 }),
+                scale: (_g = (_f = (_e = c.semantic) === null || _e === void 0 ? void 0 : _e.warning) !== null && _f !== void 0 ? _f : c.yellow) !== null && _g !== void 0 ? _g : c.orange,
+                icon: (0, jsx_runtime_1.jsx)(lucide_react_1.AlertTriangle, { size: 18 }),
             },
             info: {
-                scale: (_k = (_j = c.semantic) === null || _j === void 0 ? void 0 : _j.info) !== null && _k !== void 0 ? _k : c.blue,
-                icon: react_1.default.createElement(lucide_react_1.Info, { size: 18 }),
+                scale: (_j = (_h = c.semantic) === null || _h === void 0 ? void 0 : _h.info) !== null && _j !== void 0 ? _j : c.blue,
+                icon: (0, jsx_runtime_1.jsx)(lucide_react_1.Info, { size: 18 }),
             },
             loading: {
-                scale: (_l = c.primary) !== null && _l !== void 0 ? _l : c.gray,
-                icon: react_1.default.createElement(react_2.Spinner, { size: "sm", thickness: "0.125rem", speed: "0.7s" }),
+                scale: ((_k = c.primary) !== null && _k !== void 0 ? _k : c.gray),
+                icon: (0, jsx_runtime_1.jsx)(react_2.Spinner, { size: "sm", thickness: "0.125rem", speed: "0.7s" }),
             },
         };
-        var _x = (_m = statusConfig[status]) !== null && _m !== void 0 ? _m : statusConfig.info, scale = _x.scale, icon = _x.icon;
-        var solid = (_o = scale === null || scale === void 0 ? void 0 : scale[500]) !== null && _o !== void 0 ? _o : (_p = c.gray) === null || _p === void 0 ? void 0 : _p[500];
-        var soft = (_q = scale === null || scale === void 0 ? void 0 : scale[50]) !== null && _q !== void 0 ? _q : (_r = c.gray) === null || _r === void 0 ? void 0 : _r[50];
-        var accent = (_s = scale === null || scale === void 0 ? void 0 : scale[600]) !== null && _s !== void 0 ? _s : solid;
-        var showProgress = typeof duration === "number" && duration > 0;
+        const { scale, icon } = (_l = statusConfig[status]) !== null && _l !== void 0 ? _l : statusConfig.info;
+        const solid = (_m = scale === null || scale === void 0 ? void 0 : scale[500]) !== null && _m !== void 0 ? _m : (_o = c.gray) === null || _o === void 0 ? void 0 : _o[500];
+        const soft = (_p = scale === null || scale === void 0 ? void 0 : scale[50]) !== null && _p !== void 0 ? _p : (_q = c.gray) === null || _q === void 0 ? void 0 : _q[50];
+        const accent = (_r = scale === null || scale === void 0 ? void 0 : scale[600]) !== null && _r !== void 0 ? _r : solid;
+        const showProgress = typeof duration === "number" && duration > 0;
         toast({
-            duration: duration,
-            isClosable: isClosable,
-            position: position,
+            duration,
+            isClosable,
+            position,
             onCloseComplete: onClose,
-            render: function (_a) {
-                var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r;
-                var onClose = _a.onClose;
-                return (react_1.default.createElement(react_2.Box, { position: "relative", bg: (_b = c.white) !== null && _b !== void 0 ? _b : "#fff", border: "0.063rem solid ".concat((_d = (_c = c.boxborder) === null || _c === void 0 ? void 0 : _c[300]) !== null && _d !== void 0 ? _d : (_e = c.gray) === null || _e === void 0 ? void 0 : _e[200]), boxShadow: (_g = (_f = theme.shadows) === null || _f === void 0 ? void 0 : _f.lg) !== null && _g !== void 0 ? _g : "lg", borderRadius: "0.75rem", overflow: "hidden", minW: "22.5rem", maxW: "26rem" },
-                    react_1.default.createElement(react_2.Flex, { p: 3.5, gap: 3, align: "center" },
-                        react_1.default.createElement(react_2.Flex, { align: "center", justify: "center", boxSize: "2rem", minW: "2rem", borderRadius: "full", bg: soft, color: accent }, icon),
-                        react_1.default.createElement(react_2.Box, { flex: "1", minW: 0 },
-                            title && (react_1.default.createElement(react_2.Text, { fontWeight: 600, fontSize: "0.875rem", lineHeight: "1.3", color: (_j = (_h = c.text) === null || _h === void 0 ? void 0 : _h[800]) !== null && _j !== void 0 ? _j : (_k = c.gray) === null || _k === void 0 ? void 0 : _k[800] }, title)),
-                            description && (react_1.default.createElement(react_2.Text, { fontSize: "0.8125rem", lineHeight: "1.45", color: (_m = (_l = c.gray) === null || _l === void 0 ? void 0 : _l[600]) !== null && _m !== void 0 ? _m : (_o = c.text) === null || _o === void 0 ? void 0 : _o[600], mt: title ? "0.125rem" : 0 }, description))),
-                        isClosable && (react_1.default.createElement(react_2.CloseButton, { onClick: onClose, size: "sm", color: (_p = c.gray) === null || _p === void 0 ? void 0 : _p[500], borderRadius: "md", _hover: { bg: (_q = c.gray) === null || _q === void 0 ? void 0 : _q[100], color: (_r = c.gray) === null || _r === void 0 ? void 0 : _r[700] } }))),
-                    showProgress && (react_1.default.createElement(react_2.Box, { position: "absolute", bottom: 0, left: 0, right: 0, h: "0.1875rem", bg: solid, transformOrigin: "left", sx: {
-                            animation: "".concat(shrink, " ").concat(duration, "ms linear forwards"),
-                        } }))));
+            render: ({ onClose }) => {
+                var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q;
+                return ((0, jsx_runtime_1.jsxs)(react_2.Box, { position: "relative", bg: (_a = c.white) !== null && _a !== void 0 ? _a : "#fff", border: `0.063rem solid ${(_c = (_b = c.boxborder) === null || _b === void 0 ? void 0 : _b[300]) !== null && _c !== void 0 ? _c : (_d = c.gray) === null || _d === void 0 ? void 0 : _d[200]}`, boxShadow: (_f = (_e = theme.shadows) === null || _e === void 0 ? void 0 : _e.lg) !== null && _f !== void 0 ? _f : "lg", borderRadius: "0.75rem", overflow: "hidden", minW: "22.5rem", maxW: "26rem", children: [(0, jsx_runtime_1.jsxs)(react_2.Flex, { p: 3.5, gap: 3, align: "center", children: [(0, jsx_runtime_1.jsx)(react_2.Flex, { align: "center", justify: "center", boxSize: "2rem", minW: "2rem", borderRadius: "full", bg: soft, color: accent, children: icon }), (0, jsx_runtime_1.jsxs)(react_2.Box, { flex: "1", minW: 0, children: [title && ((0, jsx_runtime_1.jsx)(react_2.Text, { fontWeight: 600, fontSize: "0.875rem", lineHeight: "1.3", color: (_h = (_g = c.text) === null || _g === void 0 ? void 0 : _g[800]) !== null && _h !== void 0 ? _h : (_j = c.gray) === null || _j === void 0 ? void 0 : _j[800], children: title })), description && ((0, jsx_runtime_1.jsx)(react_2.Text, { fontSize: "0.8125rem", lineHeight: "1.45", color: (_l = (_k = c.gray) === null || _k === void 0 ? void 0 : _k[600]) !== null && _l !== void 0 ? _l : (_m = c.text) === null || _m === void 0 ? void 0 : _m[600], mt: title ? "0.125rem" : 0, children: description }))] }), isClosable && ((0, jsx_runtime_1.jsx)(react_2.CloseButton, { onClick: onClose, size: "sm", color: (_o = c.gray) === null || _o === void 0 ? void 0 : _o[500], borderRadius: "md", _hover: { bg: (_p = c.gray) === null || _p === void 0 ? void 0 : _p[100], color: (_q = c.gray) === null || _q === void 0 ? void 0 : _q[700] } }))] }), showProgress && ((0, jsx_runtime_1.jsx)(react_2.Box, { position: "absolute", bottom: 0, left: 0, right: 0, h: "0.1875rem", bg: solid, transformOrigin: "left", sx: {
+                                animation: `${shrink} ${duration}ms linear forwards`,
+                            } }))] }));
             },
         });
     };
-    return (react_1.default.createElement(ToasterContext.Provider, { value: { showToast: showToast } }, children));
+    return ((0, jsx_runtime_1.jsx)(ToasterContext.Provider, { value: { showToast }, children: children }));
 }
-var useToaster = function () {
-    var context = (0, react_1.useContext)(ToasterContext);
+const useToaster = () => {
+    const context = (0, react_1.useContext)(ToasterContext);
     if (!context) {
         throw new Error("useToaster must be used within a ToasterProvider");
     }
     return context;
 };
 exports.useToaster = useToaster;
-var templateObject_1;

package/dist/Components/Toaster/Toaster.stories.d.ts

@@ -1 +1,2 @@
 export {};
+//# sourceMappingURL=Toaster.stories.d.ts.map

package/dist/Components/Toaster/Toaster.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toaster.stories.d.ts","sourceRoot":"","sources":["../../../src/Components/Toaster/Toaster.stories.tsx"],"names":[],"mappings":"AA2DA,OAAO,EAAE,CAAC"}

package/dist/Components/Toaster/ToasterProps.d.ts

@@ -10,3 +10,4 @@ export interface ToasterContextType {
 export interface ToasterChildren {
     children: ReactNode;
 }
+//# sourceMappingURL=ToasterProps.d.ts.map

package/dist/Components/Toaster/ToasterProps.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToasterProps.d.ts","sourceRoot":"","sources":["../../../src/Components/Toaster/ToasterProps.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAAC,UAAU,EAAE,aAAa,GAAG,OAAO,GAAG,YAAY,GAAG,UAAU,GAAG,UAAU,GAAG,SAAS,CAAC,GAAG;IAC7H,QAAQ,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,WAAW,GAAG,UAAU,GAAG,cAAc,GAAG,aAAa,CAAA;IACvF,MAAM,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,CAAA;CAChE,CAAA;AAED,MAAM,WAAW,kBAAkB;IAC/B,SAAS,EAAE,CAAC,QAAQ,EAAE,iBAAiB,KAAK,IAAI,CAAA;CACnD;AAED,MAAM,WAAW,eAAe;IAC5B,QAAQ,EAAE,SAAS,CAAC;CACvB"}

package/dist/Components/Toggle/TableToggle.d.ts

@@ -2,3 +2,4 @@ import React from "react";
 import { ViewToggleProps } from "./TableToggleProps";
 declare const TableToggle: React.FC<ViewToggleProps>;
 export default TableToggle;
+//# sourceMappingURL=TableToggle.d.ts.map

package/dist/Components/Toggle/TableToggle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableToggle.d.ts","sourceRoot":"","sources":["../../../src/Components/Toggle/TableToggle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAY,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAG/D,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CA0D1C,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/dist/Components/Toggle/TableToggle.js

@@ -1,28 +1,16 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importDefault(require("react"));
-var react_2 = require("@chakra-ui/react");
-var lucide_react_1 = require("lucide-react");
-var useCustomTheme_1 = require("../../Theme/useCustomTheme");
-var ToolTip_1 = __importDefault(require("../ToolTip/ToolTip"));
-var TableToggle = function (_a) {
-    var value = _a.value, onChange = _a.onChange;
-    var theme = (0, useCustomTheme_1.useCustomTheme)();
-    var styles = {
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("@chakra-ui/react");
+const lucide_react_1 = require("lucide-react");
+const useCustomTheme_1 = require("../../Theme/useCustomTheme");
+const ToolTip_1 = __importDefault(require("../ToolTip/ToolTip"));
+const TableToggle = ({ value, onChange }) => {
+    const theme = (0, useCustomTheme_1.useCustomTheme)();
+    const styles = {
         container: {
             display: "flex",
             alignItems: "center",
@@ -33,7 +21,7 @@ var TableToggle = function (_a) {
             gap: "0.125rem",
             width: "6.3rem",
         },
-        button: function (mode) { return ({
+        button: (mode) => ({
             bg: value === mode ? theme.colors.background[50] : "transparent",
             boxShadow: value === mode ? "md" : "none",
             color: value === mode ? theme.colors.black : theme.colors.background[800],
@@ -49,12 +37,8 @@ var TableToggle = function (_a) {
                 color: value === mode ? theme.colors.black : theme.colors.background[900],
             },
             transition: "all 0.3s ease-in-out",
-        }); },
+        }),
     };
-    return (react_1.default.createElement(react_2.Box, __assign({}, styles.container),
-        react_1.default.createElement(ToolTip_1.default, { label: "Table View", placement: "top", fontSize: 12, hasArrow: true },
-            react_1.default.createElement(react_2.IconButton, __assign({ "aria-label": "Grid View", icon: react_1.default.createElement(lucide_react_1.Table2, { size: "1.25rem" }), variant: "ghost", onClick: function () { return onChange("grid"); } }, styles.button("grid")))),
-        react_1.default.createElement(ToolTip_1.default, { label: "Kanban View", placement: "top", fontSize: 12, hasArrow: true },
-            react_1.default.createElement(react_2.IconButton, __assign({ "aria-label": "List View", icon: react_1.default.createElement(lucide_react_1.Columns3, { size: "1.25rem" }), variant: "ghost", onClick: function () { return onChange("list"); } }, styles.button("list"))))));
+    return ((0, jsx_runtime_1.jsxs)(react_1.Box, { ...styles.container, children: [(0, jsx_runtime_1.jsx)(ToolTip_1.default, { label: "Table View", placement: "top", fontSize: 12, hasArrow: true, children: (0, jsx_runtime_1.jsx)(react_1.IconButton, { "aria-label": "Grid View", icon: (0, jsx_runtime_1.jsx)(lucide_react_1.Table2, { size: "1.25rem" }), variant: "ghost", onClick: () => onChange("grid"), ...styles.button("grid") }) }), (0, jsx_runtime_1.jsx)(ToolTip_1.default, { label: "Kanban View", placement: "top", fontSize: 12, hasArrow: true, children: (0, jsx_runtime_1.jsx)(react_1.IconButton, { "aria-label": "List View", icon: (0, jsx_runtime_1.jsx)(lucide_react_1.Columns3, { size: "1.25rem" }), variant: "ghost", onClick: () => onChange("list"), ...styles.button("list") }) })] }));
 };
 exports.default = TableToggle;

package/dist/Components/Toggle/TableToggleProps.d.ts

@@ -3,3 +3,4 @@ export type ViewToggleProps = {
     value: ViewMode;
     onChange: (val: ViewMode) => void;
 };
+//# sourceMappingURL=TableToggleProps.d.ts.map

package/dist/Components/Toggle/TableToggleProps.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableToggleProps.d.ts","sourceRoot":"","sources":["../../../src/Components/Toggle/TableToggleProps.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,QAAQ,GAAG,MAAM,GAAG,MAAM,CAAC;AAEvC,MAAM,MAAM,eAAe,GAAG;IAC5B,KAAK,EAAE,QAAQ,CAAC;IAChB,QAAQ,EAAE,CAAC,GAAG,EAAE,QAAQ,KAAK,IAAI,CAAC;CACnC,CAAC"}

package/dist/Components/ToolTip/ToolTip.d.ts

@@ -1,3 +1,3 @@
-import React from "react";
 import { ToolTipProps } from "./ToolTipProps";
-export default function ToolTip({ placement, label, children, hasArrow, fontSize, bg, color, isDisabled, isOpen, defaultIsOpen, openDelay, closeDelay, arrowSize, closeOnClick, size, width, height, arrowPadding, arrowShadowColor, direction, gutter, onClose, modifiers, closeOnPointerDown, styles, }: ToolTipProps): React.JSX.Element;
+export default function ToolTip({ placement, label, children, hasArrow, fontSize, bg, color, isDisabled, isOpen, defaultIsOpen, openDelay, closeDelay, arrowSize, closeOnClick, size, width, height, arrowPadding, arrowShadowColor, direction, gutter, onClose, modifiers, closeOnPointerDown, styles, }: ToolTipProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ToolTip.d.ts.map

package/dist/Components/ToolTip/ToolTip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToolTip.d.ts","sourceRoot":"","sources":["../../../src/Components/ToolTip/ToolTip.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,EAC9B,SAAiB,EACjB,KAAK,EACL,QAAQ,EACR,QAAe,EACf,QAAiB,EACjB,EAAc,EACd,KAAe,EACf,UAAU,EACV,MAAM,EACN,aAAa,EACb,SAAa,EACb,UAAc,EACd,SAAc,EACd,YAAoB,EACpB,IAAI,EACJ,KAAK,EACL,MAAM,EACN,YAAY,EACZ,gBAAgB,EAChB,SAAS,EACT,MAAU,EACV,OAAO,EACP,SAAS,EACT,kBAAkB,EAClB,MAAM,GACP,EAAE,YAAY,2CAqCd"}

package/dist/Components/ToolTip/ToolTip.js

@@ -1,12 +1,8 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = ToolTip;
-var react_1 = __importDefault(require("react"));
-var react_2 = require("@chakra-ui/react");
-function ToolTip(_a) {
-    var _b = _a.placement, placement = _b === void 0 ? "top" : _b, label = _a.label, children = _a.children, _c = _a.hasArrow, hasArrow = _c === void 0 ? true : _c, _d = _a.fontSize, fontSize = _d === void 0 ? "14px" : _d, _e = _a.bg, bg = _e === void 0 ? "#12161B" : _e, _f = _a.color, color = _f === void 0 ? "white" : _f, isDisabled = _a.isDisabled, isOpen = _a.isOpen, defaultIsOpen = _a.defaultIsOpen, _g = _a.openDelay, openDelay = _g === void 0 ? 0 : _g, _h = _a.closeDelay, closeDelay = _h === void 0 ? 0 : _h, _j = _a.arrowSize, arrowSize = _j === void 0 ? 10 : _j, _k = _a.closeOnClick, closeOnClick = _k === void 0 ? false : _k, size = _a.size, width = _a.width, height = _a.height, arrowPadding = _a.arrowPadding, arrowShadowColor = _a.arrowShadowColor, direction = _a.direction, _l = _a.gutter, gutter = _l === void 0 ? 8 : _l, onClose = _a.onClose, modifiers = _a.modifiers, closeOnPointerDown = _a.closeOnPointerDown, styles = _a.styles;
-    return (react_1.default.createElement(react_2.Tooltip, { label: label, placement: placement, hasArrow: hasArrow, fontSize: fontSize, bg: bg, color: color, isDisabled: isDisabled, isOpen: isOpen, defaultIsOpen: defaultIsOpen, openDelay: openDelay, closeDelay: closeDelay, arrowSize: arrowSize, closeOnClick: closeOnClick, size: size, width: width, height: height, arrowPadding: arrowPadding, arrowShadowColor: arrowShadowColor, direction: direction, gutter: gutter, onClose: onClose, modifiers: modifiers, closeOnPointerDown: closeOnPointerDown, style: styles, px: 3, py: 2, borderRadius: "8px", fontWeight: "400", lineHeight: "1.5", maxW: "300px" }, children));
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("@chakra-ui/react");
+function ToolTip({ placement = "top", label, children, hasArrow = true, fontSize = "14px", bg = "#12161B", color = "white", isDisabled, isOpen, defaultIsOpen, openDelay = 0, closeDelay = 0, arrowSize = 10, closeOnClick = false, size, width, height, arrowPadding, arrowShadowColor, direction, gutter = 8, onClose, modifiers, closeOnPointerDown, styles, }) {
+    return ((0, jsx_runtime_1.jsx)(react_1.Tooltip, { label: label, placement: placement, hasArrow: hasArrow, fontSize: fontSize, bg: bg, color: color, isDisabled: isDisabled, isOpen: isOpen, defaultIsOpen: defaultIsOpen, openDelay: openDelay, closeDelay: closeDelay, arrowSize: arrowSize, closeOnClick: closeOnClick, size: size, width: width, height: height, arrowPadding: arrowPadding, arrowShadowColor: arrowShadowColor, direction: direction, gutter: gutter, onClose: onClose, modifiers: modifiers, closeOnPointerDown: closeOnPointerDown, style: styles, px: 3, py: 2, borderRadius: "8px", fontWeight: "400", lineHeight: "1.5", maxW: "300px", children: children }));
 }

package/dist/Components/ToolTip/ToolTip.stories.d.ts

@@ -1 +1,2 @@
 export {};
+//# sourceMappingURL=ToolTip.stories.d.ts.map

package/dist/Components/ToolTip/ToolTip.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToolTip.stories.d.ts","sourceRoot":"","sources":["../../../src/Components/ToolTip/ToolTip.stories.tsx"],"names":[],"mappings":"AAqCA,OAAO,EAAE,CAAC"}

package/dist/Components/ToolTip/ToolTipProps.d.ts

@@ -4,3 +4,4 @@ export type ToolTipProps = Pick<ChakraTooltip, "placement" | "label" | "hasArrow
     styles?: React.CSSProperties;
     placement?: "auto" | "auto-start" | "auto-end" | "top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
 };
+//# sourceMappingURL=ToolTipProps.d.ts.map

package/dist/Components/ToolTip/ToolTipProps.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToolTipProps.d.ts","sourceRoot":"","sources":["../../../src/Components/ToolTip/ToolTipProps.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,IAAI,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjE,MAAM,MAAM,YAAY,GAAG,IAAI,CAC7B,aAAa,EACX,WAAW,GACX,OAAO,GACP,UAAU,GACV,UAAU,GACV,IAAI,GACJ,OAAO,GACP,YAAY,GACZ,QAAQ,GACR,eAAe,GACf,WAAW,GACX,YAAY,GACZ,WAAW,GACX,cAAc,GACd,MAAM,GACN,OAAO,GACP,QAAQ,GACR,cAAc,GACd,kBAAkB,GAClB,WAAW,GACX,QAAQ,GACR,SAAS,GACT,WAAW,GACX,oBAAoB,CACvB,GAAG;IACF,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,MAAM,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC7B,SAAS,CAAC,EACN,MAAM,GACN,YAAY,GACZ,UAAU,GACV,KAAK,GACL,WAAW,GACX,SAAS,GACT,OAAO,GACP,aAAa,GACb,WAAW,GACX,QAAQ,GACR,cAAc,GACd,YAAY,GACZ,MAAM,GACN,YAAY,GACZ,UAAU,CAAC;CAChB,CAAC"}

package/dist/Components/Trail/EditableCell.d.ts

@@ -5,7 +5,8 @@ interface EditableCellProps {
     column: Column;
     isEditable: boolean;
     handleCellClick: (rowId: number, columnId: number) => void;
-    handleCellChange: (rowId: number, columnLabel: string, value: any) => void;
+    handleCellChange: (rowId: number, columnLabel: string, value: string) => void;
 }
 export declare const EditableCell: React.FC<EditableCellProps>;
 export {};
+//# sourceMappingURL=EditableCell.d.ts.map

package/dist/Components/Trail/EditableCell.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditableCell.d.ts","sourceRoot":"","sources":["../../../src/Components/Trail/EditableCell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAWtC,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAC;AAGrC,UAAU,iBAAiB;IACzB,GAAG,EAAE,GAAG,CAAC;IACT,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,OAAO,CAAC;IACpB,eAAe,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3D,gBAAgB,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CAC/E;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CA6FpD,CAAC"}

package/dist/Components/Trail/EditableCell.js

@@ -1,81 +1,31 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.EditableCell = void 0;
-var react_1 = __importStar(require("react"));
-var react_2 = require("@chakra-ui/react");
-var lucide_react_1 = require("lucide-react");
-var EditableCell = function (_a) {
-    var row = _a.row, column = _a.column, isEditable = _a.isEditable, handleCellClick = _a.handleCellClick, handleCellChange = _a.handleCellChange;
-    var cellRef = (0, react_1.useRef)(null);
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const react_2 = require("@chakra-ui/react");
+const lucide_react_1 = require("lucide-react");
+const EditableCell = ({ row, column, isEditable, handleCellClick, handleCellChange, }) => {
+    const cellRef = (0, react_1.useRef)(null);
     (0, react_2.useOutsideClick)({
         ref: cellRef,
-        handler: function () {
-            return handleCellChange(row.id, column.label, row[column.label]);
+        handler: () => {
+            var _a;
+            return handleCellChange(row.id, column.label, String((_a = row[column.label]) !== null && _a !== void 0 ? _a : ""));
         },
     });
-    var value = row[column.label] || "-";
+    const value = row[column.label] || "-";
     if (isEditable) {
         if (column.label === "dueDate") {
-            return (react_1.default.createElement(react_2.Box, { width: "50%", ref: cellRef },
-                react_1.default.createElement(react_2.Input, { type: "date", value: value, onChange: function (e) {
-                        return handleCellChange(row.id, column.label, e.target.value);
-                    } })));
+            return ((0, jsx_runtime_1.jsx)(react_2.Box, { width: "50%", ref: cellRef, children: (0, jsx_runtime_1.jsx)(react_2.Input, { type: "date", value: value, onChange: (e) => handleCellChange(row.id, column.label, e.target.value) }) }));
         }
         else if (column.label === "priority") {
-            return (react_1.default.createElement(react_2.Box, { width: "100%", ref: cellRef },
-                react_1.default.createElement(react_2.Menu, { isOpen: true },
-                    react_1.default.createElement(react_2.MenuButton, { as: react_2.Button, rightIcon: react_1.default.createElement(lucide_react_1.ChevronDown, null), bg: "teal.500", color: "white", _hover: { bg: "teal.600" }, _active: { bg: "teal.700" } }, value),
-                    react_1.default.createElement(react_2.MenuList, null,
-                        react_1.default.createElement(react_2.MenuItem, { onClick: function () {
-                                return handleCellChange(row.id, column.label, "Low");
-                            }, _hover: { bg: "teal.100" } }, "Low"),
-                        react_1.default.createElement(react_2.MenuItem, { onClick: function () {
-                                return handleCellChange(row.id, column.label, "Medium");
-                            }, _hover: { bg: "teal.100" } }, "Medium"),
-                        react_1.default.createElement(react_2.MenuItem, { onClick: function () {
-                                return handleCellChange(row.id, column.label, "High");
-                            }, _hover: { bg: "teal.100" } }, "High")))));
+            return ((0, jsx_runtime_1.jsx)(react_2.Box, { width: "100%", ref: cellRef, children: (0, jsx_runtime_1.jsxs)(react_2.Menu, { isOpen: true, children: [(0, jsx_runtime_1.jsx)(react_2.MenuButton, { as: react_2.Button, rightIcon: (0, jsx_runtime_1.jsx)(lucide_react_1.ChevronDown, {}), bg: "teal.500", color: "white", _hover: { bg: "teal.600" }, _active: { bg: "teal.700" }, children: value }), (0, jsx_runtime_1.jsxs)(react_2.MenuList, { children: [(0, jsx_runtime_1.jsx)(react_2.MenuItem, { onClick: () => handleCellChange(row.id, column.label, "Low"), _hover: { bg: "teal.100" }, children: "Low" }), (0, jsx_runtime_1.jsx)(react_2.MenuItem, { onClick: () => handleCellChange(row.id, column.label, "Medium"), _hover: { bg: "teal.100" }, children: "Medium" }), (0, jsx_runtime_1.jsx)(react_2.MenuItem, { onClick: () => handleCellChange(row.id, column.label, "High"), _hover: { bg: "teal.100" }, children: "High" })] })] }) }));
         }
         else {
-            return (react_1.default.createElement(react_2.Box, { width: "100%", ref: cellRef },
-                react_1.default.createElement(react_2.Input, { value: value, onChange: function (e) {
-                        return handleCellChange(row.id, column.label, e.target.value);
-                    } })));
+            return ((0, jsx_runtime_1.jsx)(react_2.Box, { width: "100%", ref: cellRef, children: (0, jsx_runtime_1.jsx)(react_2.Input, { value: value, onChange: (e) => handleCellChange(row.id, column.label, e.target.value) }) }));
         }
     }
-    return (react_1.default.createElement("span", { onClick: function () { return handleCellClick(row.id, column.id); } }, value));
+    return ((0, jsx_runtime_1.jsx)("span", { onClick: () => handleCellClick(row.id, column.id), children: value }));
 };
 exports.EditableCell = EditableCell;

package/dist/Components/Trail/SelectAllCheckbox.d.ts

@@ -6,3 +6,4 @@ interface SelectAllCheckboxProps {
 }
 export declare const SelectAllCheckbox: React.FC<SelectAllCheckboxProps>;
 export {};
+//# sourceMappingURL=SelectAllCheckbox.d.ts.map

package/dist/Components/Trail/SelectAllCheckbox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectAllCheckbox.d.ts","sourceRoot":"","sources":["../../../src/Components/Trail/SelectAllCheckbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,UAAU,sBAAsB;IAC9B,aAAa,EAAE,OAAO,CAAC;IACvB,eAAe,EAAE,OAAO,CAAC;IACzB,eAAe,EAAE,MAAM,IAAI,CAAC;CAC7B;AAED,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAY9D,CAAC"}

package/dist/Components/Trail/SelectAllCheckbox.js

@@ -1,13 +1,9 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SelectAllCheckbox = void 0;
-var react_1 = __importDefault(require("react"));
-var react_2 = require("@chakra-ui/react");
-var SelectAllCheckbox = function (_a) {
-    var isAllSelected = _a.isAllSelected, isIndeterminate = _a.isIndeterminate, handleSelectAll = _a.handleSelectAll;
-    return (react_1.default.createElement(react_2.Checkbox, { isChecked: isAllSelected, isIndeterminate: isIndeterminate, onChange: handleSelectAll }));
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("@chakra-ui/react");
+const SelectAllCheckbox = ({ isAllSelected, isIndeterminate, handleSelectAll, }) => {
+    return ((0, jsx_runtime_1.jsx)(react_1.Checkbox, { isChecked: isAllSelected, isIndeterminate: isIndeterminate, onChange: handleSelectAll }));
 };
 exports.SelectAllCheckbox = SelectAllCheckbox;

package/dist/Components/Trail/TrailWorks.d.ts

@@ -1,3 +1,3 @@
-import React from "react";
-declare const TrailWorks: () => React.JSX.Element;
+declare const TrailWorks: () => import("react/jsx-runtime").JSX.Element;
 export default TrailWorks;
+//# sourceMappingURL=TrailWorks.d.ts.map

package/dist/Components/Trail/TrailWorks.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TrailWorks.d.ts","sourceRoot":"","sources":["../../../src/Components/Trail/TrailWorks.tsx"],"names":[],"mappings":"AAYA,QAAA,MAAM,UAAU,+CAoFf,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/Components/Trail/TrailWorks.js

@@ -1,15 +1,12 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = require("@chakra-ui/react");
-var react_2 = __importDefault(require("react"));
-var TrailWorks = function () {
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("@chakra-ui/react");
+const TrailWorks = () => {
     var _a, _b, _c;
-    var theme = (0, react_1.useTheme)();
-    var cellBorder = (_b = (_a = theme.colors.border) === null || _a === void 0 ? void 0 : _a[500]) !== null && _b !== void 0 ? _b : (_c = theme.colors.gray) === null || _c === void 0 ? void 0 : _c[300];
-    var data = [
+    const theme = (0, react_1.useTheme)();
+    const cellBorder = (_b = (_a = theme.colors.border) === null || _a === void 0 ? void 0 : _a[500]) !== null && _b !== void 0 ? _b : (_c = theme.colors.gray) === null || _c === void 0 ? void 0 : _c[300];
+    const data = [
         {
             contact: "John Doe",
             type: "Customer",
@@ -25,7 +22,7 @@ var TrailWorks = function () {
             email: "hhhhh@gmail.com",
         },
     ];
-    var columns = [
+    const columns = [
         {
             Header: "Contact",
             accessor: "contact",
@@ -47,23 +44,13 @@ var TrailWorks = function () {
             accessor: "email",
         },
     ];
-    var renderRow = function (row, index) {
-        return (react_2.default.createElement(react_1.Tr, { key: index, border: "1px solid", borderColor: cellBorder },
-            react_2.default.createElement(react_1.Td, { border: "1px solid", borderColor: cellBorder, padding: "5px" },
-                react_2.default.createElement(react_1.Checkbox, null)),
-            columns.map(function (column, colIndex) {
-                return (react_2.default.createElement(react_1.Td, { key: colIndex, border: "1px solid", borderColor: cellBorder }, row[column.accessor]));
-            })));
+    const renderRow = (row, index) => {
+        return ((0, jsx_runtime_1.jsxs)(react_1.Tr, { border: "1px solid", borderColor: cellBorder, children: [(0, jsx_runtime_1.jsx)(react_1.Td, { border: "1px solid", borderColor: cellBorder, padding: "5px", children: (0, jsx_runtime_1.jsx)(react_1.Checkbox, {}) }), columns.map((column, colIndex) => {
+                    return ((0, jsx_runtime_1.jsx)(react_1.Td, { border: "1px solid", borderColor: cellBorder, children: row[column.accessor] }, colIndex));
+                })] }, index));
     };
-    return (react_2.default.createElement(react_1.Box, { width: "100%", overflowX: "auto" },
-        react_2.default.createElement(react_1.Table, { variant: "simple", size: "md", border: "1px solid", borderColor: cellBorder },
-            react_2.default.createElement(react_1.Thead, { border: "1px solid", borderColor: cellBorder },
-                react_2.default.createElement(react_1.Tr, { border: "1px solid", borderColor: cellBorder },
-                    react_2.default.createElement(react_1.Th, { border: "1px solid", borderColor: cellBorder, padding: "5px" },
-                        react_2.default.createElement(react_1.Checkbox, null)),
-                    columns.map(function (column, index) {
-                        return (react_2.default.createElement(react_1.Th, { key: index, border: "1px solid", borderColor: cellBorder }, column.Header));
-                    }))),
-            react_2.default.createElement(react_1.Tbody, { border: "1px solid", borderColor: cellBorder }, data.map(function (row, index) { return renderRow(row, index); })))));
+    return ((0, jsx_runtime_1.jsx)(react_1.Box, { width: "100%", overflowX: "auto", children: (0, jsx_runtime_1.jsxs)(react_1.Table, { variant: "simple", size: "md", border: "1px solid", borderColor: cellBorder, children: [(0, jsx_runtime_1.jsx)(react_1.Thead, { border: "1px solid", borderColor: cellBorder, children: (0, jsx_runtime_1.jsxs)(react_1.Tr, { border: "1px solid", borderColor: cellBorder, children: [(0, jsx_runtime_1.jsx)(react_1.Th, { border: "1px solid", borderColor: cellBorder, padding: "5px", children: (0, jsx_runtime_1.jsx)(react_1.Checkbox, {}) }), columns.map((column, index) => {
+                                return ((0, jsx_runtime_1.jsx)(react_1.Th, { border: "1px solid", borderColor: cellBorder, children: column.Header }, index));
+                            })] }) }), (0, jsx_runtime_1.jsx)(react_1.Tbody, { border: "1px solid", borderColor: cellBorder, children: data.map((row, index) => renderRow(row, index)) })] }) }));
 };
 exports.default = TrailWorks;

package/dist/Components/Trail/data.d.ts

@@ -5,7 +5,7 @@ export type Row = {
     status: string;
     priority: string;
     dueDate: string;
-    [key: string]: any;
+    [key: string]: string | number | undefined;
 };
 export type Column = {
     id: number;
@@ -13,3 +13,4 @@ export type Column = {
 };
 export declare const initialColumns: Column[];
 export declare const initialRows: Row[];
+//# sourceMappingURL=data.d.ts.map

package/dist/Components/Trail/data.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"data.d.ts","sourceRoot":"","sources":["../../../src/Components/Trail/data.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,GAAG,GAAG;IAChB,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,MAAM,CAAC;IAChB,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC;CAC5C,CAAC;AAEF,MAAM,MAAM,MAAM,GAAG;IACnB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,GAAG,GAAG,MAAM,CAAC;CAC3B,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,MAAM,EAMlC,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,GAAG,EAkB5B,CAAC"}

package/dist/Components/UpgradeButton/UpgradeButton.d.ts

@@ -2,3 +2,4 @@ import React from "react";
 import { UpgradeButtonProps } from "./UpgradeButtonProps";
 declare const UpgradeButton: React.FC<UpgradeButtonProps>;
 export default UpgradeButton;
+//# sourceMappingURL=UpgradeButton.d.ts.map

package/dist/Components/UpgradeButton/UpgradeButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UpgradeButton.d.ts","sourceRoot":"","sources":["../../../src/Components/UpgradeButton/UpgradeButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EACL,kBAAkB,EAGnB,MAAM,sBAAsB,CAAC;AAa9B,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAsJ/C,CAAC;AAEF,eAAe,aAAa,CAAC"}