@codezee/sixtify-brahma 0.2.148 → 0.2.150

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@codezee/sixtify-brahma",
-  "version": "0.2.148",
+  "version": "0.2.150",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/hardikranpariya/sixtify-brahma.git"
@@ -112,6 +112,7 @@
     "@tiptap/starter-kit": "^3.4.4",
     "@tiptap/suggestion": "^3.4.4",
     "@types/file-saver": "^2.0.7",
+    "@types/react-syntax-highlighter": "^15.5.13",
     "ag-grid-community": "^34.3.1",
     "ag-grid-react": "^34.3.1",
     "axios": "^1.7.2",
@@ -132,6 +133,7 @@
     "react-i18next": "^14.1.2",
     "react-multi-carousel": "^2.8.5",
     "react-phone-input-2": "^2.15.1",
+    "react-syntax-highlighter": "^16.1.0",
     "react-toastify": "^10.0.5",
     "react-webcam": "7.2.0",
     "styled-components": "^6.1.11",

package/packages/shared-components/dist/AgGrid/hooks/index.d.ts

@@ -3,4 +3,5 @@ export * from "./useAgGridSummaryRow";
 export * from "./useAgGridSummaryRowUpdate";
 export * from "./useAgGridRowSelectionConfig";
 export * from "./useAgGridFilteredData";
+export * from "./useAgGridKeyboardShortcuts";
 //# sourceMappingURL=index.d.ts.map

package/packages/shared-components/dist/AgGrid/hooks/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/AgGrid/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,8BAA8B,CAAC;AAC7C,cAAc,uBAAuB,CAAC;AACtC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,yBAAyB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/AgGrid/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,8BAA8B,CAAC;AAC7C,cAAc,uBAAuB,CAAC;AACtC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,yBAAyB,CAAC;AACxC,cAAc,8BAA8B,CAAC"}

package/packages/shared-components/dist/AgGrid/hooks/index.js

@@ -19,3 +19,4 @@ __exportStar(require("./useAgGridSummaryRow"), exports);
 __exportStar(require("./useAgGridSummaryRowUpdate"), exports);
 __exportStar(require("./useAgGridRowSelectionConfig"), exports);
 __exportStar(require("./useAgGridFilteredData"), exports);
+__exportStar(require("./useAgGridKeyboardShortcuts"), exports);

package/packages/shared-components/dist/AgGrid/hooks/useAgGridKeyboardShortcuts.d.ts

@@ -0,0 +1,8 @@
+import type { AgGridReact } from "ag-grid-react";
+import type { RefObject } from "react";
+type UseAgGridKeyboardShortcutsArgs<T = unknown> = {
+    gridRef: RefObject<AgGridReact<T>>;
+};
+export declare const useAgGridKeyboardShortcuts: <T = unknown>({ gridRef, }: UseAgGridKeyboardShortcutsArgs<T>) => void;
+export {};
+//# sourceMappingURL=useAgGridKeyboardShortcuts.d.ts.map

package/packages/shared-components/dist/AgGrid/hooks/useAgGridKeyboardShortcuts.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAgGridKeyboardShortcuts.d.ts","sourceRoot":"","sources":["../../../src/AgGrid/hooks/useAgGridKeyboardShortcuts.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AACjD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,KAAK,8BAA8B,CAAC,CAAC,GAAG,OAAO,IAAI;IACjD,OAAO,EAAE,SAAS,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC;CACpC,CAAC;AAEF,eAAO,MAAM,0BAA0B,GAAI,CAAC,GAAG,OAAO,EAAE,cAErD,8BAA8B,CAAC,CAAC,CAAC,SAoCnC,CAAC"}

package/packages/shared-components/dist/AgGrid/hooks/useAgGridKeyboardShortcuts.js

@@ -0,0 +1,37 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useAgGridKeyboardShortcuts = void 0;
+const utils_1 = require("../../utils");
+const useAgGridKeyboardShortcuts = ({ gridRef, }) => {
+    (0, utils_1.useGlobalKeyboardShortcut)({
+        key: "a",
+        modifierKeys: "ctrl",
+        onTrigger: () => {
+            if (!gridRef.current?.api) {
+                return;
+            }
+            const api = gridRef.current.api;
+            api.forEachNodeAfterFilterAndSort((node) => {
+                if (node.displayed && node.data) {
+                    node.setSelected(true);
+                }
+            });
+        },
+    });
+    (0, utils_1.useGlobalKeyboardShortcut)({
+        key: "a",
+        modifierKeys: "alt",
+        onTrigger: () => {
+            if (!gridRef.current?.api) {
+                return;
+            }
+            const api = gridRef.current.api;
+            api.forEachNodeAfterFilterAndSort((node) => {
+                if (node.displayed && node.data) {
+                    node.setSelected(false);
+                }
+            });
+        },
+    });
+};
+exports.useAgGridKeyboardShortcuts = useAgGridKeyboardShortcuts;

package/packages/shared-components/dist/SmartGrid/Components/FacetedFilter/FacetedFilter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FacetedFilter.d.ts","sourceRoot":"","sources":["../../../../src/SmartGrid/Components/FacetedFilter/FacetedFilter.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAUpD,KAAK,kBAAkB,CAAC,CAAC,IAAI;IAC3B,MAAM,EAAE,MAAM,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC;IAC3B,eAAe,EAAE,OAAO,CAAC;CAC1B,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,CAAC,EAAG,8BAG/B,kBAAkB,CAAC,CAAC,CAAC,4CAoTvB,CAAC"}
+{"version":3,"file":"FacetedFilter.d.ts","sourceRoot":"","sources":["../../../../src/SmartGrid/Components/FacetedFilter/FacetedFilter.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAUpD,KAAK,kBAAkB,CAAC,CAAC,IAAI;IAC3B,MAAM,EAAE,MAAM,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC;IAC3B,eAAe,EAAE,OAAO,CAAC;CAC1B,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,CAAC,EAAG,8BAG/B,kBAAkB,CAAC,CAAC,CAAC,4CAkUvB,CAAC"}

package/packages/shared-components/dist/SmartGrid/Components/FacetedFilter/FacetedFilter.js

@@ -131,18 +131,29 @@ const FacetedFilter = ({ header, resetAllFilters, }) => {
             handleReset();
         }
     }, [resetAllFilters]);
-    return ((0, jsx_runtime_1.jsxs)("div", { style: { position: "relative" }, children: [(0, jsx_runtime_1.jsxs)(material_1.IconButton, { ref: buttonRef, onClick: () => setIsOpen(!isOpen), sx: { padding: 0, position: "relative" }, children: [(0, jsx_runtime_1.jsx)(Tooltip_1.Tooltip, { toolTipLabel: "Faceted Filter", children: (0, jsx_runtime_1.jsx)(icons_material_1.FilterListRounded, {}) }), activeFilterCount > 0 && ((0, jsx_runtime_1.jsx)("span", { style: {
+    const hasActiveFilter = activeFilterCount > 0;
+    return ((0, jsx_runtime_1.jsxs)("div", { style: { position: "relative" }, children: [(0, jsx_runtime_1.jsxs)(material_1.IconButton, { ref: buttonRef, onClick: () => setIsOpen(!isOpen), sx: {
+                    padding: "2px",
+                    position: "relative",
+                    backgroundColor: hasActiveFilter
+                        ? (0, material_1.lighten)(butterflyBlue[900], 0.7)
+                        : "transparent",
+                    "&:hover": {
+                        backgroundColor: hasActiveFilter
+                            ? (0, material_1.lighten)(butterflyBlue[900], 0.7)
+                            : (0, material_1.lighten)(iron[500], 0.7),
+                    }
+                }, children: [(0, jsx_runtime_1.jsx)(Tooltip_1.Tooltip, { toolTipLabel: "Faceted Filter", children: (0, jsx_runtime_1.jsx)(icons_material_1.FilterListRounded, {}) }), hasActiveFilter && ((0, jsx_runtime_1.jsx)("span", { style: {
                             backgroundColor: butterflyBlue[900],
-                            border: `2px solid ${iron[600]}`,
                             borderRadius: "50%",
                             color: iron[600],
                             fontSize: "10px",
                             fontWeight: "bold",
-                            height: "6px",
+                            height: "7px",
                             position: "absolute",
-                            right: 0,
-                            top: 1,
-                            width: "6px",
+                            right: 4,
+                            top: 4,
+                            width: "7px",
                         } }))] }), isOpen && ((0, jsx_runtime_1.jsx)(material_1.ClickAwayListener, { onClickAway: handleClickAway, children: (0, jsx_runtime_1.jsxs)("div", { ref: popoverRef, style: {
                         backgroundColor: iron[600],
                         borderRadius: "6px",

package/packages/shared-components/dist/SmartGrid/Components/FacetedFilter/VirtualCheckboxList.d.ts

@@ -1,7 +1,7 @@
 type VirtualCheckboxListProps = {
     checkedMap: Record<string, boolean>;
-    onToggle: (value: string) => void;
-    options: string[];
+    onToggle: (value: string | number) => void;
+    options: (string | number)[];
 };
 export declare const VirtualCheckboxList: import("react").MemoExoticComponent<({ checkedMap, onToggle, options }: VirtualCheckboxListProps) => import("react/jsx-runtime").JSX.Element>;
 export {};

package/packages/shared-components/dist/SmartGrid/Components/FacetedFilter/VirtualCheckboxList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"VirtualCheckboxList.d.ts","sourceRoot":"","sources":["../../../../src/SmartGrid/Components/FacetedFilter/VirtualCheckboxList.tsx"],"names":[],"mappings":"AAIA,KAAK,wBAAwB,GAAG;IAC9B,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACpC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,OAAO,EAAE,MAAM,EAAE,CAAC;CACnB,CAAC;AAEF,eAAO,MAAM,mBAAmB,0EACM,wBAAwB,6CA2K7D,CAAC"}
+{"version":3,"file":"VirtualCheckboxList.d.ts","sourceRoot":"","sources":["../../../../src/SmartGrid/Components/FacetedFilter/VirtualCheckboxList.tsx"],"names":[],"mappings":"AAIA,KAAK,wBAAwB,GAAG;IAC9B,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACpC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;IAC3C,OAAO,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAC;CAC9B,CAAC;AAEF,eAAO,MAAM,mBAAmB,0EACM,wBAAwB,6CA2K7D,CAAC"}

package/packages/shared-components/dist/SmartGrid/Components/FacetedFilter/VirtualCheckboxList.js

@@ -95,7 +95,7 @@ exports.VirtualCheckboxList = (0, react_1.memo)(({ checkedMap, onToggle, options
                                     overflow: "hidden",
                                     textOverflow: "ellipsis",
                                     width: "150px",
-                                }, children: (0, helper_1.formatDateValue)(value) })] }, value));
+                                }, children: typeof value === "string" ? (0, helper_1.formatDateValue)(value) : value })] }, value));
                 }) }) }) }));
 });
 exports.VirtualCheckboxList.displayName = "VirtualCheckboxList";

package/packages/shared-components/dist/SmartGrid/Components/FilterStatusPanel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FilterStatusPanel.d.ts","sourceRoot":"","sources":["../../../src/SmartGrid/Components/FilterStatusPanel.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAEnD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAIlD,KAAK,sBAAsB,CAAC,CAAC,IAAI;IAC/B,eAAe,EAAE,QAAQ,CAAC;IAC1B,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC;CACjB,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAAI,CAAC,EAAG,6BAGnC,sBAAsB,CAAC,CAAC,CAAC,4CA2I3B,CAAC"}
+{"version":3,"file":"FilterStatusPanel.d.ts","sourceRoot":"","sources":["../../../src/SmartGrid/Components/FilterStatusPanel.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAEnD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAIlD,KAAK,sBAAsB,CAAC,CAAC,IAAI;IAC/B,eAAe,EAAE,QAAQ,CAAC;IAC1B,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC;CACjB,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAAI,CAAC,EAAG,6BAGnC,sBAAsB,CAAC,CAAC,CAAC,4CAiJ3B,CAAC"}

package/packages/shared-components/dist/SmartGrid/Components/FilterStatusPanel.js

@@ -30,7 +30,7 @@ const FilterStatusPanel = ({ clearAllFilters, table, }) => {
                 // Handle primitive filters (string/number)
                 if (typeof filter === "string" || typeof filter === "number") {
                     return {
-                        facets: filter !== "" ? [String(filter)] : [],
+                        facets: filter !== "" ? [filter] : [],
                         search: [],
                     };
                 }
@@ -51,7 +51,11 @@ const FilterStatusPanel = ({ clearAllFilters, table, }) => {
                 const filter = header.column.getFilterValue();
                 const { facets, search } = extractFilterValues(filter);
                 const hasValues = facets.length > 0 || search.length > 0;
-                return hasValues ? ((0, jsx_runtime_1.jsxs)(material_1.Stack, { flexDirection: "row", gap: "3px", children: [(0, jsx_runtime_1.jsxs)(material_1.Typography, { variant: "caption", fontWeight: 600, children: [header.column.columnDef.header, ":"] }), facets.length > 0 && ((0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "caption", sx: { color: butterflyBlue[900] }, children: facets.map(helper_1.formatDateValue).join(", ") })), facets.length > 0 && search.length > 0 && ((0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "caption", children: "," })), search.length > 0 && ((0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "caption", sx: { color: brown[900] }, children: search.join(", ") }))] }, header.id)) : null;
+                return hasValues ? ((0, jsx_runtime_1.jsxs)(material_1.Stack, { flexDirection: "row", gap: "3px", children: [(0, jsx_runtime_1.jsxs)(material_1.Typography, { variant: "caption", fontWeight: 600, children: [header.column.columnDef.header, ":"] }), facets.length > 0 && ((0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "caption", sx: { color: butterflyBlue[900] }, children: facets
+                                .map((value) => typeof value === "string"
+                                ? (0, helper_1.formatDateValue)(value)
+                                : value)
+                                .join(", ") })), facets.length > 0 && search.length > 0 && ((0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "caption", children: "," })), search.length > 0 && ((0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "caption", sx: { color: brown[900] }, children: search.join(", ") }))] }, header.id)) : null;
             })
                 .filter(Boolean);
             // Don't render if no filters applied

package/packages/shared-components/dist/SmartGrid/utils/helper.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"helper.d.ts","sourceRoot":"","sources":["../../../src/SmartGrid/utils/helper.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,eAAe,GAAI,OAAO,MAAM,WAQ5C,CAAC"}
+{"version":3,"file":"helper.d.ts","sourceRoot":"","sources":["../../../src/SmartGrid/utils/helper.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,eAAe,GAAI,OAAO,MAAM,WAQ5C,CAAC"}

package/packages/shared-components/dist/SmartGrid/utils/helper.js

@@ -2,9 +2,10 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.formatDateValue = void 0;
 const luxon_1 = require("luxon");
+const utils_1 = require("../../utils");
 const formatDateValue = (value) => {
     const date = luxon_1.DateTime.fromISO(value);
-    if (date.isValid) {
+    if (date.isValid && utils_1.isoDateRegex.test(value)) {
         return date.toFormat("dd-MM-yyyy");
     }
     return value;

package/packages/shared-components/dist/codeSnippetBox/CodeSnippetBox.d.ts

@@ -1,9 +1,10 @@
-import type { BoxProps } from "@mui/material";
 import type { ReactNode } from "react";
+export type CodeSnippetBoxLanguage = "typescript" | "javascript" | "html" | "css" | "json" | "xml" | "yaml" | "markdown" | "plaintext";
 type CodeSnippetBoxProps = {
     children: ReactNode;
-    component?: BoxProps["component"];
+    language?: CodeSnippetBoxLanguage;
+    isCopyable?: boolean;
 };
-export declare const CodeSnippetBox: ({ children, component, }: CodeSnippetBoxProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CodeSnippetBox: ({ children, language, isCopyable, }: CodeSnippetBoxProps) => import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=CodeSnippetBox.d.ts.map

package/packages/shared-components/dist/codeSnippetBox/CodeSnippetBox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CodeSnippetBox.d.ts","sourceRoot":"","sources":["../../src/codeSnippetBox/CodeSnippetBox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAC9C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,KAAK,mBAAmB,GAAG;IACzB,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,QAAQ,CAAC,WAAW,CAAC,CAAC;CACnC,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,0BAG5B,mBAAmB,4CAMrB,CAAC"}
+{"version":3,"file":"CodeSnippetBox.d.ts","sourceRoot":"","sources":["../../src/codeSnippetBox/CodeSnippetBox.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAQvC,MAAM,MAAM,sBAAsB,GAC9B,YAAY,GACZ,YAAY,GACZ,MAAM,GACN,KAAK,GACL,MAAM,GACN,KAAK,GACL,MAAM,GACN,UAAU,GACV,WAAW,CAAC;AAEhB,KAAK,mBAAmB,GAAG;IACzB,QAAQ,EAAE,SAAS,CAAC;IACpB,QAAQ,CAAC,EAAE,sBAAsB,CAAC;IAClC,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,qCAI5B,mBAAmB,4CA6ErB,CAAC"}

package/packages/shared-components/dist/codeSnippetBox/CodeSnippetBox.js

@@ -2,8 +2,44 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.CodeSnippetBox = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
+const icons_material_1 = require("@mui/icons-material");
+const material_1 = require("@mui/material");
+const react_1 = require("react");
+const react_syntax_highlighter_1 = require("react-syntax-highlighter");
+// eslint-disable-next-line import/no-internal-modules
+const prism_1 = require("react-syntax-highlighter/dist/esm/styles/prism");
 const CodeSnippetBox_styled_1 = require("./CodeSnippetBox.styled");
-const CodeSnippetBox = ({ children, component = "pre", }) => {
-    return ((0, jsx_runtime_1.jsx)(CodeSnippetBox_styled_1.StyledCodeSnippetBox, { component: component, children: children }));
+const Button_1 = require("../Button");
+const CodeSnippetBox = ({ children, language = "typescript", isCopyable = true, }) => {
+    const theme = (0, material_1.useTheme)();
+    const { mirage, iron } = theme.palette.app.color;
+    const [copied, setCopied] = (0, react_1.useState)(false);
+    const handleCopy = () => {
+        if (typeof children !== "string" || !isCopyable) {
+            return;
+        }
+        navigator.clipboard
+            .writeText(children)
+            .then(() => {
+            setCopied(true);
+            setTimeout(() => {
+                setCopied(false);
+            }, 2000);
+        })
+            .catch(() => {
+            // Silently fail
+        });
+    };
+    return ((0, jsx_runtime_1.jsx)(material_1.Box, { sx: { position: "relative" }, children: typeof children === "string" ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [isCopyable && ((0, jsx_runtime_1.jsx)(material_1.Box, { sx: {
+                        position: "absolute",
+                        top: theme.spacing(1),
+                        right: theme.spacing(1),
+                        zIndex: 1,
+                    }, children: (0, jsx_runtime_1.jsx)(material_1.Tooltip, { title: copied ? "Copied!" : "Copy code", children: (0, jsx_runtime_1.jsx)(Button_1.Button, { size: "small", onClick: handleCopy, variant: "text", sx: { color: iron[600], fontSize: "10px" }, startIcon: copied ? ((0, jsx_runtime_1.jsx)(icons_material_1.Check, { sx: { fontSize: "10px" } })) : ((0, jsx_runtime_1.jsx)(icons_material_1.ContentCopy, { sx: { fontSize: "10px" } })), children: copied ? "Copied!" : "Copy code" }) }) })), (0, jsx_runtime_1.jsx)(react_syntax_highlighter_1.Prism, { language: language, style: prism_1.vscDarkPlus, customStyle: {
+                        margin: 0,
+                        borderRadius: "5px",
+                        padding: theme.spacing(2),
+                        background: mirage[900],
+                    }, PreTag: "div", children: children })] })) : ((0, jsx_runtime_1.jsx)(CodeSnippetBox_styled_1.StyledCodeSnippetBox, { children: children })) }));
 };
 exports.CodeSnippetBox = CodeSnippetBox;

package/packages/shared-components/dist/codeSnippetBox/CodeSnippetBox.styled.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CodeSnippetBox.styled.d.ts","sourceRoot":"","sources":["../../src/codeSnippetBox/CodeSnippetBox.styled.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AACvD,OAAO,EAAO,KAAK,QAAQ,EAAE,MAAM,eAAe,CAAC;AAGnD,eAAO,MAAM,oBAAoB,EAAE,eAAe,CAAC,QAAQ,CA+BzD,CAAC"}
+{"version":3,"file":"CodeSnippetBox.styled.d.ts","sourceRoot":"","sources":["../../src/codeSnippetBox/CodeSnippetBox.styled.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AACvD,OAAO,EAAO,KAAK,QAAQ,EAAE,MAAM,eAAe,CAAC;AAGnD,eAAO,MAAM,oBAAoB,EAAE,eAAe,CAAC,QAAQ,CAwBzD,CAAC"}

package/packages/shared-components/dist/codeSnippetBox/CodeSnippetBox.styled.js

@@ -5,7 +5,7 @@ const material_1 = require("@mui/material");
 const styles_1 = require("@mui/material/styles");
 exports.StyledCodeSnippetBox = (0, styles_1.styled)(material_1.Box)(({ theme, }) => {
     const { app: { color }, } = theme.palette;
-    const { slate, iron, claude } = color;
+    const { slate, iron } = color;
     return {
         backgroundColor: slate[900],
         borderRadius: "4px",
@@ -16,16 +16,9 @@ exports.StyledCodeSnippetBox = (0, styles_1.styled)(material_1.Box)(({ theme, })
         overflow: "auto",
         fontFamily: "SFMono-Regular, Menlo, Monaco, Consolas, monospace",
         lineHeight: 1.5,
-        "& code": {
+        "& .react-syntax-highlighter-code-element": {
+            fontSize: "inherit",
             fontFamily: "inherit",
         },
-        "& pre": {
-            margin: 0,
-            fontFamily: "inherit",
-        },
-        "& ::selection": {
-            backgroundColor: claude[300],
-            color: slate[900],
-        },
     };
 });

package/packages/shared-components/dist/utils/regex.d.ts

@@ -3,4 +3,5 @@ export declare const isoDateRegex: RegExp;
 export declare const noSpecialCharacterRegex: RegExp;
 export declare const emailRegex: RegExp;
 export declare const timeRegex: RegExp;
+export declare const accessorFnRegex: RegExp;
 //# sourceMappingURL=regex.d.ts.map

package/packages/shared-components/dist/utils/regex.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"regex.d.ts","sourceRoot":"","sources":["../../src/utils/regex.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,cAAc,QAAkB,CAAC;AAE9C,eAAO,MAAM,YAAY,QAAwB,CAAC;AAElD,eAAO,MAAM,uBAAuB,QAAoB,CAAC;AAEzD,eAAO,MAAM,UAAU,QACmvB,CAAC;AAE3wB,eAAO,MAAM,SAAS,QAA6B,CAAC"}
+{"version":3,"file":"regex.d.ts","sourceRoot":"","sources":["../../src/utils/regex.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,cAAc,QAAkB,CAAC;AAE9C,eAAO,MAAM,YAAY,QAAwB,CAAC;AAElD,eAAO,MAAM,uBAAuB,QAAoB,CAAC;AAEzD,eAAO,MAAM,UAAU,QACmvB,CAAC;AAE3wB,eAAO,MAAM,SAAS,QAA6B,CAAC;AAEpD,eAAO,MAAM,eAAe,QAAkF,CAAC"}

package/packages/shared-components/dist/utils/regex.js

@@ -1,6 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.timeRegex = exports.emailRegex = exports.noSpecialCharacterRegex = exports.isoDateRegex = exports.monthYearRegex = void 0;
+exports.accessorFnRegex = exports.timeRegex = exports.emailRegex = exports.noSpecialCharacterRegex = exports.isoDateRegex = exports.monthYearRegex = void 0;
+/* eslint-disable sonarjs/unnecessary-character-escapes */
+/* eslint-disable no-useless-escape */
 /* eslint-disable sonarjs/single-character-alternation */
 /* eslint-disable sonarjs/concise-regex */
 /* eslint-disable sonarjs/sonar-no-control-regex */
@@ -12,3 +14,4 @@ exports.isoDateRegex = /^\d{4}-\d{2}-\d{2}$/;
 exports.noSpecialCharacterRegex = /^[a-zA-Z0-9 ]*$/;
 exports.emailRegex = /^(((?!.*[^\x00-\x7F])[^<>()[\]\\.,;:\s@"](\.[^<>()[\]\\.,;:\s@"])*){1,64}|(".{1,64}"))@(?:(?:(?!.*[^.]{64,})(?:(?:(?:xn--)?[a-zA-Z\-0-9]+(?:-[a-zA-Z\-0-9]+)*([.]{1,1}))){1,4}([a-zA-Z][a-zA-Z0-9]{1,}))|(?:\[(?:(?:(i|I)(p|P)(v)6:(?:(?:[a-zA-Z\-0-9]{1,4}(?::[a-zA-Z\-0-9]{1,4}){7})|(?:(?!(?:.*[a-zA-Z\-0-9][:\]]){7,})(?:[a-zA-Z\-0-9]{1,4}(?::[a-zA-Z\-0-9]{1,4}){0,5})?::(?:[a-zA-Z\-0-9]{1,4}(?::[a-zA-Z\-0-9]{1,4}){0,5})?)))|(?:(?:(i|I)(p|P)(v)6:(?:(?:[a-zA-Z\-0-9]{1,4}(?::[a-zA-Z\-0-9]{1,4}){5}:)|(?:(?!(?:.*[a-zA-Z\-0-9]:){5,})(?:[a-zA-Z\-0-9]{1,4}(?::[a-zA-Z\-0-9]{1,4}){0,3})?::(?:[a-zA-Z\-0-9]{1,4}(?::[a-zA-Z\-0-9]{1,4}){0,3}:)?)))?(?:(?:25[0-5])|(?:2[0-4][0-9])|(?:1[0-9]{2})|(?:[1-9]?[0-9]))(?:\.(?:(?:25[0-5])|(?:2[0-4][0-9])|(?:1[0-9]{2})|(?:[1-9]?[0-9]))){3}))\]))$/;
 exports.timeRegex = /^\d{1,3}:\d{2}(:\d{2})?$/;
+exports.accessorFnRegex = /([a-zA-Z0-9_$.\[\]]+)\s*!==\s*null\s*&&\s*\1\s*!==\s*void 0\s*\?\s*\1\s*:\s*/g;