pixelize-design-library 2.3.6 → 2.3.8

package/dist/Hooks/usePreferences.js

@@ -1,10 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useSavePreferences = exports.useGetPreferences = void 0;
-var react_1 = require("react");
-var constructUrl = function (_a) {
-    var baseUrl = _a.baseUrl, key = _a.key, page = _a.page, name = _a.name, orgId = _a.orgId;
-    var params = new URLSearchParams();
+const react_1 = require("react");
+const constructUrl = ({ baseUrl, key, page, name, orgId }) => {
+    const params = new URLSearchParams();
     if (orgId) {
         params.append("orgId", orgId);
     }
@@ -17,63 +16,58 @@ var constructUrl = function (_a) {
     if (name) {
         params.append("name", name);
     }
-    var queryString = params.toString();
-    return "".concat(baseUrl).concat(queryString ? "?".concat(queryString) : "");
+    const queryString = params.toString();
+    return `${baseUrl}${queryString ? `?${queryString}` : ""}`;
 };
-var useGetPreferences = function (_a) {
-    var _b = _a.baseUrl, baseUrl = _b === void 0 ? "" : _b, _c = _a.key, key = _c === void 0 ? "" : _c, _d = _a.page, page = _d === void 0 ? "" : _d, _e = _a.name, name = _e === void 0 ? "" : _e, _f = _a.authToken, authToken = _f === void 0 ? "" : _f, _g = _a.orgId, orgId = _g === void 0 ? "" : _g;
-    var _h = (0, react_1.useState)([]), preferences = _h[0], setPreferences = _h[1];
-    var _j = (0, react_1.useState)(false), loading = _j[0], setLoading = _j[1];
-    (0, react_1.useEffect)(function () {
+const useGetPreferences = ({ baseUrl = "", key = "", page = "", name = "", authToken = "", orgId = "", }) => {
+    const [preferences, setPreferences] = (0, react_1.useState)([]);
+    const [loading, setLoading] = (0, react_1.useState)(false);
+    (0, react_1.useEffect)(() => {
         if (!baseUrl) {
             return;
         }
         setLoading(true);
-        var url = constructUrl({ baseUrl: baseUrl, key: key, page: page, name: name, orgId: orgId });
+        const url = constructUrl({ baseUrl, key, page, name, orgId });
         fetch(url, {
             headers: {
                 Authorization: authToken,
             },
         })
-            .then(function (response) { return response.json(); })
-            .then(function (data) { return setPreferences(data); })
-            .catch(function (error) { return console.error(error); })
-            .finally(function () { return setLoading(false); });
+            .then((response) => response.json())
+            .then((data) => setPreferences(data))
+            .catch((error) => console.error(error))
+            .finally(() => setLoading(false));
         /* eslint-disable */
     }, [baseUrl]);
-    return { preferences: preferences, loading: loading };
+    return { preferences, loading };
 };
 exports.useGetPreferences = useGetPreferences;
-var useSavePreferences = function (_a) {
-    var _b = _a.baseUrl, baseUrl = _b === void 0 ? "" : _b, _c = _a.key, key = _c === void 0 ? "" : _c, _d = _a.page, page = _d === void 0 ? "" : _d, _e = _a.name, name = _e === void 0 ? "" : _e, _f = _a.authToken, authToken = _f === void 0 ? "" : _f, _g = _a.orgId, orgId = _g === void 0 ? "" : _g;
-    var _h = (0, react_1.useState)(false), loading = _h[0], setLoading = _h[1];
-    var _j = (0, react_1.useState)(null), error = _j[0], setError = _j[1];
-    var savePreferences = (0, react_1.useCallback)(function (data) {
-        if (data === void 0) { data = {}; }
+const useSavePreferences = ({ baseUrl = "", key = "", page = "", name = "", authToken = "", orgId = "", }) => {
+    const [loading, setLoading] = (0, react_1.useState)(false);
+    const [error, setError] = (0, react_1.useState)(null);
+    const savePreferences = (0, react_1.useCallback)((data = {}) => {
         if (!baseUrl)
             return;
         setLoading(true);
-        fetch("".concat(baseUrl, "?orgId=").concat(orgId), {
+        fetch(`${baseUrl}?orgId=${orgId}`, {
             method: "POST",
             headers: {
                 Authorization: authToken,
                 "Content-Type": "application/json",
             },
-            body: JSON.stringify({ key: key, page: page, name: name, json: data }),
+            body: JSON.stringify({ key, page, name, json: data }),
         })
-            .then(function (r) { return r.json(); })
-            .then(function (d) { return console.log(d); })
-            .catch(function (e) { return setError(e); })
-            .finally(function () { return setLoading(false); });
+            .then((r) => r.json())
+            .then((d) => console.log(d))
+            .catch((e) => setError(e))
+            .finally(() => setLoading(false));
     }, [baseUrl, orgId, authToken, key, page, name]);
-    var debounceRef = (0, react_1.useRef)(null);
-    var savePreferencesDebounced = (0, react_1.useCallback)(function (data, wait) {
-        if (data === void 0) { data = {}; }
-        if (wait === void 0) { wait = 500; }
+    const debounceRef = (0, react_1.useRef)(null);
+    const savePreferencesDebounced = (0, react_1.useCallback)((data = {}, wait = 500) => {
         if (debounceRef.current)
             window.clearTimeout(debounceRef.current);
-        debounceRef.current = window.setTimeout(function () { return savePreferences(data); }, wait);
+        debounceRef.current = window.setTimeout(() => savePreferences(data), wait);
     }, [savePreferences]);
-    return { savePreferences: savePreferences, savePreferencesDebounced: savePreferencesDebounced, loading: loading, error: error };
+    return { savePreferences, savePreferencesDebounced, loading, error };
 };
 exports.useSavePreferences = useSavePreferences;

package/dist/Layout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Layout.d.ts","sourceRoot":"","sources":["../src/Layout.tsx"],"names":[],"mappings":"AA6GA,QAAA,MAAM,MAAM,+CAiOX,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/dist/Theme/Dark/theme.d.ts

@@ -1,2 +1,3 @@
 declare const darkTheme: Record<string, any>;
 export default darkTheme;
+//# sourceMappingURL=theme.d.ts.map

package/dist/Theme/Dark/theme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/Theme/Dark/theme.ts"],"names":[],"mappings":"AAqCA,QAAA,MAAM,SAAS,qBA+Ob,CAAC;AAEH,eAAe,SAAS,CAAC"}

package/dist/Theme/Dark/theme.js

@@ -1,19 +1,8 @@
 "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);
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = require("@chakra-ui/react");
-var theme_tools_1 = require("@chakra-ui/theme-tools");
-var space = {
+const react_1 = require("@chakra-ui/react");
+const theme_tools_1 = require("@chakra-ui/theme-tools");
+const space = {
     px: "1px",
     0: "0",
     1: "0.25rem", // 4px
@@ -45,16 +34,16 @@ var space = {
     80: "20rem", // 320px
     96: "24rem", // 384px
 };
-var darkTheme = (0, react_1.extendTheme)({
+const darkTheme = (0, react_1.extendTheme)({
     initialColorMode: "dark",
     useSystemColorMode: false,
     styles: {
-        global: function (props) { return ({
+        global: (props) => ({
             body: {
                 bg: (0, theme_tools_1.mode)("gray.100", "gray.900")(props),
                 color: (0, theme_tools_1.mode)("gray.800", "whiteAlpha.900")(props),
             },
-        }); },
+        }),
     },
     colors: {
         transparent: "transparent",
@@ -213,7 +202,12 @@ var darkTheme = (0, react_1.extendTheme)({
         80: "20rem", // 320px
         96: "24rem", // 384px
     },
-    sizes: __assign(__assign({}, space), { full: "100%", screenW: "100vw", screenH: "100vh" }),
+    sizes: {
+        ...space,
+        full: "100%",
+        screenW: "100vw",
+        screenH: "100vh",
+    },
     fonts: {
         heading: "'Roboto', sans-serif",
         body: "'Open Sans', sans-serif",

package/dist/Theme/Default/palette.d.ts

@@ -372,3 +372,4 @@ declare const palette: {
     };
 };
 export default palette;
+//# sourceMappingURL=palette.d.ts.map

package/dist/Theme/Default/palette.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"palette.d.ts","sourceRoot":"","sources":["../../../src/Theme/Default/palette.ts"],"names":[],"mappings":"AAkSA,QAAA,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8BZ,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/dist/Theme/Default/palette.js

@@ -1,20 +1,9 @@
 "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);
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-var buildBrandTokens_1 = require("../buildBrandTokens");
-var PRIMARY_500 = "#8B3FC8";
-var SECONDARY_ANCHOR = "#1e0f30";
-var primary = {
+const buildBrandTokens_1 = require("../buildBrandTokens");
+const PRIMARY_500 = "#8B3FC8";
+const SECONDARY_ANCHOR = "#1e0f30";
+const primary = {
     50: "#f7edfc",
     100: "#eacff7",
     200: "#d4a0ef",
@@ -27,7 +16,7 @@ var primary = {
     900: "#33154c",
     opacity: (0, buildBrandTokens_1.buildPrimaryOpacity)(PRIMARY_500),
 };
-var secondary = {
+const secondary = {
     50: "#ede8f5",
     100: "#d4c8e8",
     200: "#b3a0d4",
@@ -40,8 +29,8 @@ var secondary = {
     900: "#08030b",
     opacity: (0, buildBrandTokens_1.buildPrimaryOpacity)(SECONDARY_ANCHOR),
 };
-var tertiary = __assign({}, secondary);
-var semantic = {
+const tertiary = { ...secondary };
+const semantic = {
     success: {
         50: "#e9f8ef",
         100: "#bbe9cc",
@@ -91,7 +80,7 @@ var semantic = {
         900: "#28525d",
     },
 };
-var gray = {
+const gray = {
     50: "#f9f7fb",
     100: "#f0eaf6",
     200: "#e4d9f0",
@@ -105,52 +94,52 @@ var gray = {
 };
 // These global color scales stay unchanged — they are
 // utility palettes, not theme-specific
-var red = {
+const red = {
     50: "#feedeb", 100: "#fbc6c2", 200: "#f9aaa4", 300: "#f6837b",
     400: "#f56b61", 500: "#f2463a", 600: "#dc4035", 700: "#ac3229",
     800: "#852720", 900: "#661d18",
 };
-var orange = {
+const orange = {
     50: "#fff4ef", 100: "#ffddce", 200: "#ffccb7", 300: "#ffb596",
     400: "#ffa781", 500: "#ff9162", 600: "#e88459", 700: "#b56746",
     800: "#8c5036", 900: "#6b3d29",
 };
-var yellow = {
+const yellow = {
     50: "#fefbec", 100: "#fdf1c5", 200: "#fbeba9", 300: "#fae281",
     400: "#f9dc69", 500: "#f7d343", 600: "#e1c03d", 700: "#af9630",
     800: "#887425", 900: "#68591c",
 };
-var green = {
+const green = {
     50: "#e9f8ef", 100: "#bbe9cc", 200: "#9adeb4", 300: "#6ccf92",
     400: "#4fc67d", 500: "#23b85c", 600: "#20a754", 700: "#198341",
     800: "#136533", 900: "#0f4d27",
 };
-var teal = {
+const teal = {
     50: "#eff9fc", 100: "#cdedf5", 200: "#b5e4f0", 300: "#94d7e9",
     400: "#7fd0e5", 500: "#5fc4de", 600: "#56b2ea", 700: "#438b9e",
     800: "#346c78", 900: "#28525d",
 };
-var blue = {
+const blue = {
     50: "#ebf8ff", 100: "#bee3f8", 200: "#90cdf4", 300: "#63b3ed",
     400: "#4299e1", 500: "#3182ce", 600: "#2b6cb0", 700: "#2c5282",
     800: "#2a4365", 900: "#1a365d",
 };
-var cyan = {
+const cyan = {
     50: "#edfdfd", 100: "#c4f1f9", 200: "#9decf9", 300: "#76e4f7",
     400: "#0bc5ea", 500: "#00b5d8", 600: "#00a3c4", 700: "#0987a0",
     800: "#086f83", 900: "#065666",
 };
-var purple = {
+const purple = {
     50: "#faf5ff", 100: "#e9d8fd", 200: "#d6bcfa", 300: "#b794f4",
     400: "#9f7aea", 500: "#805ad5", 600: "#6b46c1", 700: "#553c9a",
     800: "#44337a", 900: "#322659",
 };
-var pink = {
+const pink = {
     50: "#fff5f7", 100: "#fed7e2", 200: "#fbb6ce", 300: "#f687b3",
     400: "#ed64a6", 500: "#d53f8c", 600: "#b83280", 700: "#97266d",
     800: "#702459", 900: "#521b41",
 };
-var backgroundColor = {
+const backgroundColor = {
     main: "#f9f7fc",
     secondary: "#f2edf8",
     tertiary: "#ebe3f4",
@@ -164,7 +153,7 @@ var backgroundColor = {
     base: "#fbfafd",
     tableHeader: "#f2edf8",
 };
-var background = {
+const background = {
     50: "#ffffff",
     100: "#fdfcfe",
     200: "#f8f5fc",
@@ -176,7 +165,7 @@ var background = {
     800: "#7c7386",
     900: "#5e5867",
 };
-var text = {
+const text = {
     50: "#f0eef5",
     100: "#d4cee6",
     200: "#bcb4d9",
@@ -188,7 +177,7 @@ var text = {
     800: "#332d4f",
     900: "#26213c",
 };
-var header = {
+const header = {
     50: "#edeaf4",
     100: "#cdc8e2",
     200: "#b4aed4",
@@ -200,7 +189,7 @@ var header = {
     800: "#332d52",
     900: "#26223f",
 };
-var placeholder = {
+const placeholder = {
     50: "#f2f0f7",
     100: "#d8d3ea",
     200: "#c4bde0",
@@ -212,12 +201,12 @@ var placeholder = {
     800: "#423e60",
     900: "#322f4a",
 };
-var boxShadow = {
+const boxShadow = {
     primary: (0, buildBrandTokens_1.buildPrimaryShadowTint)(PRIMARY_500),
     error: "#F2463A47",
     default: "#00000033",
 };
-var sidebar = {
+const sidebar = {
     background: {
         50: "#e9eaf0",
         100: "#d4d6e0",
@@ -231,7 +220,7 @@ var sidebar = {
         900: "#060911",
     },
 };
-var boxborder = {
+const boxborder = {
     50: "#fefefe",
     100: "#f5f3f9",
     200: "#ece8f3",
@@ -243,7 +232,7 @@ var boxborder = {
     800: "#6d6879",
     900: "#52505b",
 };
-var border = {
+const border = {
     50: "#fefefe",
     100: "#f6f4f9",
     200: "#ede9f4",
@@ -255,7 +244,7 @@ var border = {
     800: "#6f6a7c",
     900: "#54505e",
 };
-var table = {
+const table = {
     hover: {
         50: "#fefefe",
         100: "#faf8fd",
@@ -269,7 +258,7 @@ var table = {
         900: "#5d5a65",
     },
 };
-var disabled = {
+const disabled = {
     50: "#f5f3f9",
     100: "#eae6f4",
     200: "#dfd9ef",
@@ -282,36 +271,36 @@ var disabled = {
     900: "#4b4759",
 };
 // Two-tone brand gradient (violet → pink). Each theme overrides with its own pair.
-var gradient = { from: "#8B3FC8", to: "#EC4899" };
-var palette = {
-    gradient: gradient,
-    primary: primary,
-    secondary: secondary,
-    tertiary: tertiary,
+const gradient = { from: "#8B3FC8", to: "#EC4899" };
+const palette = {
+    gradient,
+    primary,
+    secondary,
+    tertiary,
     transparent: "transparent",
     black: "#000",
     white: "#fff",
-    semantic: semantic,
-    gray: gray,
-    red: red,
-    orange: orange,
-    yellow: yellow,
-    green: green,
-    teal: teal,
-    blue: blue,
-    cyan: cyan,
-    purple: purple,
-    pink: pink,
-    backgroundColor: backgroundColor,
-    background: background,
-    text: text,
-    header: header,
-    placeholder: placeholder,
-    boxShadow: boxShadow,
-    sidebar: sidebar,
-    boxborder: boxborder,
-    border: border,
-    table: table,
-    disabled: disabled,
+    semantic,
+    gray,
+    red,
+    orange,
+    yellow,
+    green,
+    teal,
+    blue,
+    cyan,
+    purple,
+    pink,
+    backgroundColor,
+    background,
+    text,
+    header,
+    placeholder,
+    boxShadow,
+    sidebar,
+    boxborder,
+    border,
+    table,
+    disabled,
 };
 exports.default = palette;

package/dist/Theme/Default/theme.d.ts

@@ -1,2 +1,3 @@
 declare const _default: Record<string, any>;
 export default _default;
+//# sourceMappingURL=theme.d.ts.map

package/dist/Theme/Default/theme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/Theme/Default/theme.ts"],"names":[],"mappings":";AAYA,wBAGG"}

package/dist/Theme/Default/theme.js

@@ -1,23 +1,19 @@
 "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 = require("@chakra-ui/react");
-var palette_1 = __importDefault(require("./palette"));
-var common_1 = __importDefault(require("../common"));
-var fonts_1 = __importDefault(require("../fonts"));
-var componentStyles_1 = require("../componentStyles");
-var lavender = __assign(__assign({ colors: palette_1.default }, fonts_1.default), common_1.default);
-exports.default = (0, react_1.extendTheme)(__assign(__assign({}, lavender), { components: componentStyles_1.componentStyles }));
+const react_1 = require("@chakra-ui/react");
+const palette_1 = __importDefault(require("./palette"));
+const common_1 = __importDefault(require("../common"));
+const fonts_1 = __importDefault(require("../fonts"));
+const componentStyles_1 = require("../componentStyles");
+const lavender = {
+    colors: palette_1.default,
+    ...fonts_1.default,
+    ...common_1.default,
+};
+exports.default = (0, react_1.extendTheme)({
+    ...lavender,
+    components: componentStyles_1.componentStyles,
+});

package/dist/Theme/Emerald/palette.d.ts

@@ -372,3 +372,4 @@ declare const palette: {
     };
 };
 export default palette;
+//# sourceMappingURL=palette.d.ts.map

package/dist/Theme/Emerald/palette.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"palette.d.ts","sourceRoot":"","sources":["../../../src/Theme/Emerald/palette.ts"],"names":[],"mappings":"AAmBA,QAAA,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+GZ,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/dist/Theme/Emerald/palette.js

@@ -1,23 +1,12 @@
 "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 palette_1 = __importDefault(require("../Default/palette"));
-var buildBrandTokens_1 = require("../buildBrandTokens");
-var PRIMARY_500 = "#0f9d8a"; // teal-emerald core (balanced, not too green/blue)
-var primary = {
+const palette_1 = __importDefault(require("../Default/palette"));
+const buildBrandTokens_1 = require("../buildBrandTokens");
+const PRIMARY_500 = "#0f9d8a"; // teal-emerald core (balanced, not too green/blue)
+const primary = {
     50: "#e6f7f5",
     100: "#c2ebe6",
     200: "#8eddd4",
@@ -30,8 +19,10 @@ var primary = {
     900: "#043b35",
     opacity: (0, buildBrandTokens_1.buildPrimaryOpacity)(PRIMARY_500),
 };
-var palette = __assign(__assign({}, palette_1.default), { gradient: { from: "#0f9d8a", to: "#06b6d4" }, // teal → cyan
-    primary: primary, 
+const palette = {
+    ...palette_1.default,
+    gradient: { from: "#0f9d8a", to: "#06b6d4" }, // teal → cyan
+    primary,
     // 🌫️ Neutral gray (slightly cool to match teal)
     gray: {
         50: "#f6f8f8",
@@ -44,7 +35,7 @@ var palette = __assign(__assign({}, palette_1.default), { gradient: { from: "#0f
         700: "#475555",
         800: "#2f3a3a",
         900: "#1f2626",
-    }, 
+    },
     // 🌊 Background system (very subtle teal tint)
     backgroundColor: {
         main: "#f7fbfb",
@@ -59,7 +50,8 @@ var palette = __assign(__assign({}, palette_1.default), { gradient: { from: "#0f
         neutral: "#e2efee",
         base: "#fafdfd",
         tableHeader: "#eef7f6",
-    }, background: {
+    },
+    background: {
         50: "#ffffff",
         100: "#fbfefe",
         200: "#eef7f6",
@@ -70,7 +62,8 @@ var palette = __assign(__assign({}, palette_1.default), { gradient: { from: "#0f
         700: "#96a9a7",
         800: "#707f7e",
         900: "#545f5f",
-    }, border: {
+    },
+    border: {
         50: "#fafeff",
         100: "#edf5f4",
         200: "#ddebea",
@@ -81,7 +74,8 @@ var palette = __assign(__assign({}, palette_1.default), { gradient: { from: "#0f
         700: "#788f8e",
         800: "#5b6e6d",
         900: "#455454",
-    }, boxborder: {
+    },
+    boxborder: {
         50: "#fafeff",
         100: "#ecf4f3",
         200: "#d9e7e5",
@@ -92,7 +86,8 @@ var palette = __assign(__assign({}, palette_1.default), { gradient: { from: "#0f
         700: "#6e8786",
         800: "#546868",
         900: "#3f5050",
-    }, table: {
+    },
+    table: {
         hover: {
             50: "#fbfefe",
             100: "#f0f7f7",
@@ -105,7 +100,7 @@ var palette = __assign(__assign({}, palette_1.default), { gradient: { from: "#0f
             800: "#6c7777",
             900: "#525b5b",
         },
-    }, 
+    },
     // 🌑 Sidebar (deep teal-black)
     sidebar: {
         background: {
@@ -120,9 +115,11 @@ var palette = __assign(__assign({}, palette_1.default), { gradient: { from: "#0f
             800: "#060e0d",
             900: "#040908",
         },
-    }, boxShadow: {
+    },
+    boxShadow: {
         primary: (0, buildBrandTokens_1.buildPrimaryShadowTint)(PRIMARY_500),
         error: palette_1.default.boxShadow.error,
         default: palette_1.default.boxShadow.default,
-    } });
+    },
+};
 exports.default = palette;

package/dist/Theme/Emerald/theme.d.ts

@@ -1,2 +1,3 @@
 declare const _default: Record<string, any>;
 export default _default;
+//# sourceMappingURL=theme.d.ts.map

package/dist/Theme/Emerald/theme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/Theme/Emerald/theme.ts"],"names":[],"mappings":";AAaA,wBAGG"}

package/dist/Theme/Emerald/theme.js

@@ -1,23 +1,19 @@
 "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 = require("@chakra-ui/react");
-var palette_1 = __importDefault(require("./palette"));
-var fonts_1 = __importDefault(require("../fonts"));
-var common_1 = __importDefault(require("../common"));
-var componentStyles_1 = require("../componentStyles");
-var emerald = __assign(__assign(__assign({}, fonts_1.default), { colors: palette_1.default }), common_1.default);
-exports.default = (0, react_1.extendTheme)(__assign(__assign({}, emerald), { components: componentStyles_1.componentStyles }));
+const react_1 = require("@chakra-ui/react");
+const palette_1 = __importDefault(require("./palette"));
+const fonts_1 = __importDefault(require("../fonts"));
+const common_1 = __importDefault(require("../common"));
+const componentStyles_1 = require("../componentStyles");
+const emerald = {
+    ...fonts_1.default,
+    colors: palette_1.default,
+    ...common_1.default,
+};
+exports.default = (0, react_1.extendTheme)({
+    ...emerald,
+    components: componentStyles_1.componentStyles,
+});