@m4l/components 9.24.1-beta-feature-731-code-editor.1 → 9.24.1-beta-feature-731-code-editor.2

package/components/extended/ReactSimpleCodeEditor/CodeEditor.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CodeEditor.styles.d.ts","sourceRoot":"","sources":["../../../../../../../packages/components/src/components/extended/ReactSimpleCodeEditor/CodeEditor.styles.ts"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAGhD,eAAO,MAAM,gBAAgB,EAAE,gBA2Z9B,CAAC"}
+{"version":3,"file":"CodeEditor.styles.d.ts","sourceRoot":"","sources":["../../../../../../../packages/components/src/components/extended/ReactSimpleCodeEditor/CodeEditor.styles.ts"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAGhD,eAAO,MAAM,gBAAgB,EAAE,gBA2X9B,CAAC"}

package/components/extended/ReactSimpleCodeEditor/CodeEditor.styles.js

@@ -1,20 +1,19 @@
-import { getTypographyStyles as l } from "../../../utils/getTypographyStyles.js";
-import { getCodeEditorVSCodeModernPalette as d, CODE_EDITOR_LINE_HEIGHT_BY_SIZE as n, CODE_EDITOR_MONO_FONT_FAMILY as s, CODE_EDITOR_PADDING_PX as a, CODE_EDITOR_RESIZE_HANDLE_SIZE_PX as t } from "./constants.js";
-import { getSizeStyles as p } from "../../../utils/getSizeStyles/getSizeStyles.js";
-const f = {
+import { getTypographyStyles as n } from "../../../utils/getTypographyStyles.js";
+import { getCodeEditorVSCodeModernPalette as l, CODE_EDITOR_LINE_HEIGHT_BY_SIZE as a, CODE_EDITOR_MONO_FONT_FAMILY as t, CODE_EDITOR_PADDING_PX as i } from "./constants.js";
+import { getSizeStyles as s } from "../../../utils/getSizeStyles/getSizeStyles.js";
+const b = {
   /** Resolve the interactive shell colors and focus treatment for the editor root. */
   root: ({ theme: r, ownerState: e }) => {
-    const o = !e?.disabled && !e?.readOnly, i = e?.disabled ? r.vars.palette.border.disabled : r.vars.palette.border.secondary;
+    const o = !e?.disabled && !e?.readOnly, d = e?.disabled ? r.vars.palette.border.disabled : r.vars.palette.border.secondary;
     return {
       boxSizing: "border-box",
       width: "100%",
       display: "flex",
       flexDirection: "column",
-      height: e?.resizable ? `calc(100% - ${t}px)` : "100%",
       minHeight: 0,
       gap: 0,
       border: r.vars.size.borderStroke.container,
-      borderColor: e?.variant === "outlined" || e?.error ? i : "transparent",
+      borderColor: e?.variant === "outlined" || e?.error ? d : "transparent",
       borderRadius: r.vars.size.borderRadius["r1-5"],
       ...e?.error && {
         borderColor: r.vars.palette.error.focus
@@ -59,7 +58,7 @@ const f = {
   },
   /** Layout the language badge row above the editing surface. */
   header: ({ theme: r, ownerState: e }) => {
-    const o = d(
+    const o = l(
       e?.colorMode
     );
     return {
@@ -82,6 +81,7 @@ const f = {
       color: o.surface.headerForeground,
       borderTopLeftRadius: r.vars.size.borderRadius.r2,
       borderTopRightRadius: r.vars.size.borderRadius.r2,
+      minWidth: 0,
       overflow: "hidden",
       minHeight: "33px"
     };
@@ -93,18 +93,22 @@ const f = {
     justifyContent: "flex-end",
     gap: r.vars.size.baseSpacings.sp1,
     minWidth: 0,
+    maxWidth: "100%",
+    overflow: "hidden",
     // Keep badges right-aligned even when the language chip is absent and the
     // badges container is the only child of the header row.
     marginLeft: "auto"
   }),
   /** Keep the leading language chip aligned with the editor header layout. */
   languageChip: ({ theme: r, ownerState: e }) => {
-    const o = d(
+    const o = l(
       e?.colorMode
     );
     return {
-      flexShrink: 0,
+      flex: "1 1 auto",
       minWidth: 0,
+      maxWidth: "100%",
+      overflow: "hidden",
       whiteSpace: "nowrap",
       textTransform: "lowercase",
       paddingTop: 0,
@@ -112,16 +116,19 @@ const f = {
       backgroundColor: "transparent",
       borderColor: r.vars.palette.chips.default.outlined.backgroundActive,
       color: o.surface.languageChipForeground,
-      ...p(
+      ...s(
         r,
         e?.size || "medium",
         "base",
-        (i) => ({ height: i })
+        (d) => ({ height: d })
       ),
       "&&& .M4LTypography-root": {
-        ...l(r.generalSettings.isMobile, e?.size || "medium", "microSlim"),
+        ...n(r.generalSettings.isMobile, e?.size || "medium", "microSlim"),
         color: o.surface.languageChipForeground,
         lineHeight: "normal",
+        overflow: "hidden",
+        textOverflow: "ellipsis",
+        whiteSpace: "nowrap",
         textTransform: "uppercase"
       }
     };
@@ -145,84 +152,50 @@ const f = {
     "&&&": {
       flexShrink: 0,
       minWidth: 0,
+      maxWidth: "100%",
+      overflow: "hidden",
       whiteSpace: "nowrap",
-      ...p(
+      ...s(
         r,
         e?.size || "medium",
         "base",
         (o) => ({ height: o })
       ),
       "&&& .M4LTypography-root": {
-        ...l(r.generalSettings.isMobile, e?.size || "medium", "microSlim"),
-        color: r.vars.palette.chips.info.contained.color
+        ...n(r.generalSettings.isMobile, e?.size || "medium", "microSlim"),
+        color: r.vars.palette.chips.info.contained.color,
+        overflow: "hidden",
+        textOverflow: "ellipsis",
+        whiteSpace: "nowrap"
       },
       backgroundColor: r.vars.palette.chips.info.contained.backgroundColor,
       borderColor: "transparent"
     }
   }),
-  /** Provide the react-rnd resize shell that owns the full-width bottom handle. */
-  bodyResizeShell: ({ theme: r, ownerState: e }) => {
-    const o = d(
-      e?.colorMode
-    ), i = !e?.disabled && !!e?.isResizeHandleActive;
-    return {
-      boxSizing: "border-box",
-      width: "100%",
-      minWidth: 0,
-      maxWidth: "100%",
-      overflow: "hidden",
-      flexShrink: 0,
-      pointerEvents: e?.disabled ? "none" : "auto",
-      userSelect: e?.disabled ? "none" : "auto",
-      "& .resize-handle-bottom": {
-        position: "absolute",
-        left: 0,
-        right: 0,
-        bottom: 0,
-        height: `${t}px !important`,
-        visibility: "visible",
-        pointerEvents: i ? "auto" : "none",
-        cursor: e?.disabled ? "not-allowed" : "row-resize",
-        touchAction: "none"
-      },
-      "& .resize-handle-bottom::after": {
-        content: '""',
-        position: "absolute",
-        left: 0,
-        right: 0,
-        bottom: `calc(${t}px / 2 - 1px)`,
-        height: "1px",
-        borderRadius: "999px",
-        backgroundColor: e?.disabled ? r.vars.palette.border.disabled : e?.error ? o.surface.errorBorderColor : r.vars.palette.border.secondary,
-        opacity: i ? 1 : 0,
-        transition: "opacity 120ms ease"
-      },
-      "&:hover .resize-handle-bottom": {
-        visibility: e?.disabled ? "hidden" : "visible",
-        pointerEvents: e?.disabled ? "none" : "auto"
-      },
-      "&:focus-within .resize-handle-bottom": {
-        pointerEvents: e?.disabled ? "none" : "auto"
-      },
-      "& .resize-handle-bottom:active": {
-        pointerEvents: e?.disabled ? "none" : "auto"
-      },
-      "&:hover .resize-handle-bottom::after": {
-        opacity: e?.disabled ? 0 : 1
-      },
-      "&:focus-within .resize-handle-bottom::after": {
-        opacity: e?.disabled ? 0 : 1
-      },
-      "& .resize-handle-bottom:active::after": {
-        opacity: e?.disabled ? 0 : 1
-      }
-    };
-  },
+  /** Keep the line-number toggle aligned with the header title area. */
+  lineNumbersToggle: () => ({
+    flexShrink: 0
+  }),
+  /** Provide the native CSS resize shell that owns the editor body viewport. */
+  bodyResizeShell: ({ ownerState: r }) => ({
+    boxSizing: "border-box",
+    width: "100%",
+    minWidth: 0,
+    maxWidth: "100%",
+    overflow: "hidden",
+    flexShrink: 0,
+    display: "flex",
+    flexDirection: "column",
+    resize: r?.resizable && !r?.disabled ? "vertical" : "none",
+    pointerEvents: r?.disabled ? "none" : "auto",
+    userSelect: r?.disabled ? "none" : "auto"
+  }),
   /** Build the two-column layout used by the gutter and editor scroller. */
   body: ({ theme: r, ownerState: e }) => ({
     boxSizing: "border-box",
     display: "grid",
     flex: "1 1 auto",
+    height: "100%",
     gridTemplateColumns: e?.showLineNumbers ? "auto minmax(0, 1fr)" : "minmax(0, 1fr)",
     width: "100%",
     maxWidth: "100%",
@@ -236,32 +209,32 @@ const f = {
   }),
   /** Style the optional line-number gutter. */
   lineNumbers: ({ theme: r, ownerState: e }) => {
-    const o = d(
+    const o = l(
       e?.colorMode
     );
     return {
       display: "flex",
       flexDirection: "column",
       alignItems: "flex-end",
-      padding: `${a}px ${r.vars.size.baseSpacings.sp1} ${e?.isLineCapped ? 0 : a}px ${r.vars.size.baseSpacings.sp2}`,
+      padding: `${i}px ${r.vars.size.baseSpacings.sp1} ${e?.isLineCapped ? 0 : i}px ${r.vars.size.baseSpacings.sp2}`,
       backgroundColor: "transparent",
       color: e?.disabled ? o.surface.placeholderForeground : o.surface.lineNumberForeground,
       userSelect: "none",
-      ...l(r.generalSettings.isMobile, e?.size || "medium", "bodyStandard"),
-      fontFamily: s,
-      lineHeight: `${n[e?.size || "medium"]}px`
+      ...n(r.generalSettings.isMobile, e?.size || "medium", "bodyStandard"),
+      fontFamily: t,
+      lineHeight: `${a[e?.size || "medium"]}px`
     };
   },
   /** Keep each rendered line number aligned with the code line height. */
   lineNumber: ({ theme: r, ownerState: e }) => {
-    const o = d(
+    const o = l(
       e?.colorMode
     );
     return {
       display: "block",
       minWidth: "2ch",
-      height: `${e?.lineHeight || n.medium}px`,
-      lineHeight: `${e?.lineHeight || n.medium}px`,
+      height: `${e?.lineHeight || a.medium}px`,
+      lineHeight: `${e?.lineHeight || a.medium}px`,
       textAlign: "right",
       color: r.vars.palette.text.disabled,
       '&[data-code-editor-error-line="true"]': {
@@ -283,38 +256,38 @@ const f = {
   }),
   /** Style the underlying react-simple-code-editor surface and its inner elements. */
   editor: ({ theme: r, ownerState: e }) => {
-    const o = d(
+    const o = l(
       e?.colorMode
-    ), i = e?.isLineCapped ? 0 : a, c = a + i;
+    ), d = e?.isLineCapped ? 0 : i, p = i + d;
     return {
       position: "relative",
       zIndex: 0,
       width: "max-content",
       minWidth: "100%",
-      minHeight: `calc(${e?.minLines || 1} * ${e?.lineHeight || n.medium}px + ${c}px)`,
+      minHeight: `calc(${e?.minLines || 1} * ${e?.lineHeight || a.medium}px + ${p}px)`,
       backgroundColor: "transparent",
-      fontFamily: s,
+      fontFamily: t,
       fontSize: "11px",
-      lineHeight: `${e?.lineHeight || n.medium}px`,
+      lineHeight: `${e?.lineHeight || a.medium}px`,
       fontWeight: 400,
       "& textarea, & pre": {
-        ...l(r.generalSettings.isMobile, e?.size || "medium", "bodyStandard"),
-        fontFamily: s,
-        lineHeight: `${e?.lineHeight || n.medium}px`,
+        ...n(r.generalSettings.isMobile, e?.size || "medium", "bodyStandard"),
+        fontFamily: t,
+        lineHeight: `${e?.lineHeight || a.medium}px`,
         whiteSpace: "pre !important",
         wordBreak: "normal",
         overflowWrap: "normal",
         margin: 0,
-        paddingTop: `${a}px`,
-        paddingRight: `${a}px`,
-        paddingBottom: `${i}px`,
-        paddingLeft: `${a}px`,
+        paddingTop: `${i}px`,
+        paddingRight: `${i}px`,
+        paddingBottom: `${d}px`,
+        paddingLeft: `${i}px`,
         tabSize: 2,
         fontVariantLigatures: "none",
         backgroundColor: "transparent"
       },
       "&&& textarea": {
-        ...l(r.generalSettings.isMobile, e?.size || "medium", "microSlim"),
+        ...n(r.generalSettings.isMobile, e?.size || "medium", "microSlim"),
         outline: "none",
         backgroundColor: "transparent",
         caretColor: e?.disabled ? "transparent" : o.surface.caretForeground,
@@ -341,19 +314,19 @@ const f = {
   },
   /** Position the empty-state placeholder above the editor surface. */
   placeholder: ({ theme: r, ownerState: e }) => {
-    const o = d(
+    const o = l(
       e?.colorMode
     );
     return {
       position: "absolute",
       zIndex: 1,
-      top: `${a}px`,
-      left: `${a}px`,
+      top: `${i}px`,
+      left: `${i}px`,
       pointerEvents: "none",
       color: o.surface.placeholderForeground,
-      ...l(r.generalSettings.isMobile, e?.size || "medium", "bodyStandard"),
-      fontFamily: s,
-      lineHeight: `${e?.lineHeight || n.medium}px`,
+      ...n(r.generalSettings.isMobile, e?.size || "medium", "bodyStandard"),
+      fontFamily: t,
+      lineHeight: `${e?.lineHeight || a.medium}px`,
       whiteSpace: "pre-wrap"
     };
   },
@@ -367,5 +340,5 @@ const f = {
   })
 };
 export {
-  f as codeEditorStyles
+  b as codeEditorStyles
 };

package/components/extended/ReactSimpleCodeEditor/constants.d.ts

@@ -55,13 +55,13 @@ export declare const CODE_EDITOR_DEFAULT_LANGUAGE = "text";
 export declare const CODE_EDITOR_DEFAULT_MIN_LINES = 4;
 export declare const CODE_EDITOR_DEFAULT_MAX_LINES = 10;
 export declare const CODE_EDITOR_PADDING_PX = 12;
-export declare const CODE_EDITOR_RESIZE_HANDLE_SIZE_PX = 10;
 export declare const CODE_EDITOR_LINE_HEIGHT_BY_SIZE: {
     readonly small: 18;
     readonly medium: 20;
 };
 export declare const CODE_EDITOR_MONO_FONT_FAMILY = "\"Geist Mono\", \"JetBrains Mono\", \"Cascadia Code\", \"Liberation Mono\", monospace";
 export declare const CODE_EDITOR_READ_ONLY_LABEL = "Read Only";
+export declare const CODE_EDITOR_TOGGLE_LINE_NUMBERS_LABEL = "Show or hide line numbers";
 export declare const CODE_EDITOR_AT_LANGUAGE = "at-commands";
 export declare const CODE_EDITOR_AT_TEMPLATE_NAME = "at-basic";
 export declare const CODE_EDITOR_AT_TEMPLATE_LANGUAGE_LABEL = "AT Commands";
@@ -78,6 +78,6 @@ export declare const CODE_EDITOR_FALLBACK_LANGUAGE_ICON: import('@mui/material/O
 };
 /** Resolve the exact VS Code Modern palette for the current light or dark theme mode. */
 export declare function getCodeEditorVSCodeModernPalette(mode?: CodeEditorVSCodeModernMode): CodeEditorVSCodeModernPalette;
-export declare const CODE_EDITOR_CLASSES: Record<"root" | "skeleton" | "body" | "header" | "pre" | "textarea" | "placeholder" | "headerBadges" | "languageChip" | "languageChipIcon" | "readOnlyChip" | "bodyResizeShell" | "lineNumbers" | "lineNumber" | "editorScroller" | "editor", string>;
+export declare const CODE_EDITOR_CLASSES: Record<"root" | "skeleton" | "body" | "header" | "pre" | "textarea" | "placeholder" | "headerBadges" | "languageChip" | "languageChipIcon" | "readOnlyChip" | "lineNumbersToggle" | "bodyResizeShell" | "lineNumbers" | "lineNumber" | "editorScroller" | "editor", string>;
 export {};
 //# sourceMappingURL=constants.d.ts.map

package/components/extended/ReactSimpleCodeEditor/constants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../../../../packages/components/src/components/extended/ReactSimpleCodeEditor/constants.ts"],"names":[],"mappings":"AAMA,KAAK,0BAA0B,GAAG,MAAM,GAAG,OAAO,CAAC;AAEnD,KAAK,oCAAoC,GAAG;IAC1C,2BAA2B,EAAE,MAAM,CAAC;IACpC,WAAW,EAAE,MAAM,CAAC;IACpB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,eAAe,EAAE,MAAM,CAAC;IACxB,YAAY,EAAE,MAAM,CAAC;IACrB,gBAAgB,EAAE,MAAM,CAAC;IACzB,gBAAgB,EAAE,MAAM,CAAC;IACzB,gBAAgB,EAAE,MAAM,CAAC;IACzB,oBAAoB,EAAE,MAAM,CAAC;IAC7B,qBAAqB,EAAE,MAAM,CAAC;IAC9B,mBAAmB,EAAE,MAAM,CAAC;IAC5B,gBAAgB,EAAE,MAAM,CAAC;IACzB,gBAAgB,EAAE,MAAM,CAAC;IACzB,gBAAgB,EAAE,MAAM,CAAC;IACzB,2BAA2B,EAAE,MAAM,CAAC;IACpC,qBAAqB,EAAE,MAAM,CAAC;IAC9B,sBAAsB,EAAE,MAAM,CAAC;IAC/B,kBAAkB,EAAE,MAAM,CAAC;IAC3B,sBAAsB,EAAE,MAAM,CAAC;IAC/B,0BAA0B,EAAE,MAAM,CAAC;IACnC,oBAAoB,EAAE,MAAM,CAAC;IAC7B,qBAAqB,EAAE,MAAM,CAAC;IAC9B,sBAAsB,EAAE,MAAM,CAAC;IAC/B,kBAAkB,EAAE,MAAM,CAAC;IAC3B,sBAAsB,EAAE,MAAM,CAAC;IAC/B,cAAc,EAAE,MAAM,CAAC;IACvB,mBAAmB,EAAE,MAAM,CAAC;IAC5B,gBAAgB,EAAE,MAAM,CAAC;CAC1B,CAAC;AAEF,KAAK,mCAAmC,GAAG;IACzC,aAAa,EAAE,MAAM,CAAC;IACtB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,MAAM,MAAM,6BAA6B,GAAG;IAC1C,cAAc,EAAE,SAAS,MAAM,EAAE,CAAC;IAClC,OAAO,EAAE,oCAAoC,CAAC;IAC9C,MAAM,EAAE,mCAAmC,CAAC;CAC7C,CAAC;AA0GF,eAAO,MAAM,yBAAyB,kBAAkB,CAAC;AACzD,eAAO,MAAM,4BAA4B,SAAS,CAAC;AACnD,eAAO,MAAM,6BAA6B,IAAI,CAAC;AAC/C,eAAO,MAAM,6BAA6B,KAAK,CAAC;AAChD,eAAO,MAAM,sBAAsB,KAAK,CAAC;AACzC,eAAO,MAAM,iCAAiC,KAAK,CAAC;AACpD,eAAO,MAAM,+BAA+B;;;CAGlC,CAAC;AAEX,eAAO,MAAM,4BAA4B,0FAAkF,CAAC;AAC5H,eAAO,MAAM,2BAA2B,cAAc,CAAC;AACvD,eAAO,MAAM,uBAAuB,gBAAgB,CAAC;AACrD,eAAO,MAAM,4BAA4B,aAAa,CAAC;AACvD,eAAO,MAAM,sCAAsC,gBAAgB,CAAC;AACpE,eAAO,MAAM,0CAA0C,+BAA+B,CAAC;AACvF,eAAO,MAAM,8BAA8B;;;;;CAKjC,CAAC;AACX,eAAO,MAAM,4BAA4B,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAW/D,CAAC;AAEF,eAAO,MAAM,kCAAkC;;CAAyB,CAAC;AAEzE,yFAAyF;AACzF,wBAAgB,gCAAgC,CAC9C,IAAI,GAAE,0BAAoC,GACzC,6BAA6B,CAE/B;AAED,eAAO,MAAM,mBAAmB,uPAG/B,CAAC"}
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../../../../packages/components/src/components/extended/ReactSimpleCodeEditor/constants.ts"],"names":[],"mappings":"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"}

package/components/extended/ReactSimpleCodeEditor/constants.js

@@ -100,10 +100,10 @@ const t = {
       variable: "#001080"
     }
   }
-}, C = "M4LCodeEditor", c = "text", i = 4, g = 10, u = 12, D = 10, _ = {
+}, C = "M4LCodeEditor", c = "text", i = 4, g = 10, u = 12, _ = {
   small: 18,
   medium: 20
-}, B = '"Geist Mono", "JetBrains Mono", "Cascadia Code", "Liberation Mono", monospace', s = "Read Only", r = "at-commands", l = "at-basic", A = "AT Commands", O = "CodeEditorLanguageChipIcon", T = {
+}, D = '"Geist Mono", "JetBrains Mono", "Cascadia Code", "Liberation Mono", monospace', B = "Read Only", s = "Show or hide line numbers", r = "at-commands", l = "at-basic", O = "AT Commands", A = "CodeEditorLanguageChipIcon", T = {
   commandPrefixes: ["AT+", "+"],
   concatenationSeparators: [";"],
   argumentSeparators: [","],
@@ -119,31 +119,31 @@ const t = {
   yml: "yaml",
   at: r,
   "telemetry-at": r
-}, p = e;
+}, L = e;
 function m(o = "light") {
   return t[o];
 }
-const L = n(
+const p = n(
   C,
   a
 );
 export {
   r as CODE_EDITOR_AT_LANGUAGE,
-  A as CODE_EDITOR_AT_TEMPLATE_LANGUAGE_LABEL,
+  O as CODE_EDITOR_AT_TEMPLATE_LANGUAGE_LABEL,
   l as CODE_EDITOR_AT_TEMPLATE_NAME,
   T as CODE_EDITOR_AT_TEMPLATE_TOKENS,
-  L as CODE_EDITOR_CLASSES,
+  p as CODE_EDITOR_CLASSES,
   c as CODE_EDITOR_DEFAULT_LANGUAGE,
   g as CODE_EDITOR_DEFAULT_MAX_LINES,
   i as CODE_EDITOR_DEFAULT_MIN_LINES,
-  p as CODE_EDITOR_FALLBACK_LANGUAGE_ICON,
+  L as CODE_EDITOR_FALLBACK_LANGUAGE_ICON,
   C as CODE_EDITOR_KEY_COMPONENT,
   I as CODE_EDITOR_LANGUAGE_ALIASES,
-  O as CODE_EDITOR_LANGUAGE_CHIP_ICON_INSTANCE_ID,
+  A as CODE_EDITOR_LANGUAGE_CHIP_ICON_INSTANCE_ID,
   _ as CODE_EDITOR_LINE_HEIGHT_BY_SIZE,
-  B as CODE_EDITOR_MONO_FONT_FAMILY,
+  D as CODE_EDITOR_MONO_FONT_FAMILY,
   u as CODE_EDITOR_PADDING_PX,
-  s as CODE_EDITOR_READ_ONLY_LABEL,
-  D as CODE_EDITOR_RESIZE_HANDLE_SIZE_PX,
+  B as CODE_EDITOR_READ_ONLY_LABEL,
+  s as CODE_EDITOR_TOGGLE_LINE_NUMBERS_LABEL,
   m as getCodeEditorVSCodeModernPalette
 };

package/components/extended/ReactSimpleCodeEditor/dictionary.d.ts

@@ -7,5 +7,6 @@ export declare function getCodeEditorComponentsDictionary(): string[];
 export declare const defaultCodeEditorDictionary: Dictionary;
 export declare const CODE_EDITOR_DICTIONARY: {
     readonly readOnly: "code_editor.read_only";
+    readonly toggleLineNumbers: "code_editor.toggle_line_numbers";
 };
 //# sourceMappingURL=dictionary.d.ts.map

package/components/extended/ReactSimpleCodeEditor/dictionary.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dictionary.d.ts","sourceRoot":"","sources":["../../../../../../../packages/components/src/components/extended/ReactSimpleCodeEditor/dictionary.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AAE5C,eAAO,MAAM,0BAA0B,gBAAgB,CAAC;AAExD;;GAEG;AACH,wBAAgB,iCAAiC,aAEhD;AAED,eAAO,MAAM,2BAA2B,EAAE,UAIzC,CAAC;AAEF,eAAO,MAAM,sBAAsB;;CAEzB,CAAC"}
+{"version":3,"file":"dictionary.d.ts","sourceRoot":"","sources":["../../../../../../../packages/components/src/components/extended/ReactSimpleCodeEditor/dictionary.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AAE5C,eAAO,MAAM,0BAA0B,gBAAgB,CAAC;AAExD;;GAEG;AACH,wBAAgB,iCAAiC,aAEhD;AAED,eAAO,MAAM,2BAA2B,EAAE,UAKzC,CAAC;AAEF,eAAO,MAAM,sBAAsB;;;CAGzB,CAAC"}

package/components/extended/ReactSimpleCodeEditor/dictionary.js

@@ -1,7 +1,8 @@
-const O = "code_editor", _ = {
-  readOnly: `${O}.read_only`
+const e = "code_editor", _ = {
+  readOnly: `${e}.read_only`,
+  toggleLineNumbers: `${e}.toggle_line_numbers`
 };
 export {
   _ as CODE_EDITOR_DICTIONARY,
-  O as CODE_EDITOR_DICTIONARY_KEY
+  e as CODE_EDITOR_DICTIONARY_KEY
 };

package/components/extended/ReactSimpleCodeEditor/slots/CodeEditorEnum.d.ts

@@ -5,6 +5,7 @@ export declare enum CodeEditorSlots {
     languageChip = "languageChip",
     languageChipIcon = "languageChipIcon",
     readOnlyChip = "readOnlyChip",
+    lineNumbersToggle = "lineNumbersToggle",
     bodyResizeShell = "bodyResizeShell",
     body = "body",
     lineNumbers = "lineNumbers",

package/components/extended/ReactSimpleCodeEditor/slots/CodeEditorEnum.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CodeEditorEnum.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/extended/ReactSimpleCodeEditor/slots/CodeEditorEnum.ts"],"names":[],"mappings":"AAAA,oBAAY,eAAe;IACzB,IAAI,SAAS;IACb,MAAM,WAAW;IACjB,YAAY,iBAAiB;IAC7B,YAAY,iBAAiB;IAC7B,gBAAgB,qBAAqB;IACrC,YAAY,iBAAiB;IAC7B,eAAe,oBAAoB;IACnC,IAAI,SAAS;IACb,WAAW,gBAAgB;IAC3B,UAAU,eAAe;IACzB,cAAc,mBAAmB;IACjC,MAAM,WAAW;IACjB,QAAQ,aAAa;IACrB,GAAG,QAAQ;IACX,WAAW,gBAAgB;IAC3B,QAAQ,aAAa;CACtB"}
+{"version":3,"file":"CodeEditorEnum.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/extended/ReactSimpleCodeEditor/slots/CodeEditorEnum.ts"],"names":[],"mappings":"AAAA,oBAAY,eAAe;IACzB,IAAI,SAAS;IACb,MAAM,WAAW;IACjB,YAAY,iBAAiB;IAC7B,YAAY,iBAAiB;IAC7B,gBAAgB,qBAAqB;IACrC,YAAY,iBAAiB;IAC7B,iBAAiB,sBAAsB;IACvC,eAAe,oBAAoB;IACnC,IAAI,SAAS;IACb,WAAW,gBAAgB;IAC3B,UAAU,eAAe;IACzB,cAAc,mBAAmB;IACjC,MAAM,WAAW;IACjB,QAAQ,aAAa;IACrB,GAAG,QAAQ;IACX,WAAW,gBAAgB;IAC3B,QAAQ,aAAa;CACtB"}

package/components/extended/ReactSimpleCodeEditor/slots/CodeEditorEnum.js

@@ -1,4 +1,4 @@
-var a = /* @__PURE__ */ ((e) => (e.root = "root", e.header = "header", e.headerBadges = "headerBadges", e.languageChip = "languageChip", e.languageChipIcon = "languageChipIcon", e.readOnlyChip = "readOnlyChip", e.bodyResizeShell = "bodyResizeShell", e.body = "body", e.lineNumbers = "lineNumbers", e.lineNumber = "lineNumber", e.editorScroller = "editorScroller", e.editor = "editor", e.textarea = "textarea", e.pre = "pre", e.placeholder = "placeholder", e.skeleton = "skeleton", e))(a || {});
+var a = /* @__PURE__ */ ((e) => (e.root = "root", e.header = "header", e.headerBadges = "headerBadges", e.languageChip = "languageChip", e.languageChipIcon = "languageChipIcon", e.readOnlyChip = "readOnlyChip", e.lineNumbersToggle = "lineNumbersToggle", e.bodyResizeShell = "bodyResizeShell", e.body = "body", e.lineNumbers = "lineNumbers", e.lineNumber = "lineNumber", e.editorScroller = "editorScroller", e.editor = "editor", e.textarea = "textarea", e.pre = "pre", e.placeholder = "placeholder", e.skeleton = "skeleton", e))(a || {});
 export {
   a as CodeEditorSlots
 };

package/components/extended/ReactSimpleCodeEditor/slots/CodeEditorSlots.d.ts

@@ -1,4 +1,3 @@
-import { Rnd } from 'react-rnd';
 export declare const RootStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
     ownerState?: (Partial<import('..').CodeEditorOwnerState> & Record<string, unknown>) | undefined;
 }, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
@@ -17,9 +16,12 @@ export declare const LanguageChipIconStyled: import('@emotion/styled').StyledCom
 export declare const ReadOnlyChipStyled: import('@emotion/styled').StyledComponent<Pick<import('../../..').ChipProps & import('react').RefAttributes<HTMLDivElement>, keyof import('react').RefAttributes<HTMLDivElement> | keyof import('../../..').ChipProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
     ownerState?: (Partial<import('..').CodeEditorOwnerState> & Record<string, unknown>) | undefined;
 }, {}, {}>;
-export declare const BodyResizeShellStyled: import('@emotion/styled').StyledComponent<import('react-rnd').Props & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {
-    ref?: import('react').Ref<Rnd> | undefined;
-}>;
+export declare const LineNumbersToggleStyled: import('@emotion/styled').StyledComponent<Pick<Omit<import('../..').IconButtonProps, "ref"> & import('react').RefAttributes<HTMLButtonElement>, "color" | "content" | "translate" | "action" | "hidden" | "form" | "slot" | "style" | "title" | "name" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "id" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "popover" | "popoverTargetAction" | "popoverTarget" | "inert" | "inputMode" | "is" | "exportparts" | "part" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onScrollEnd" | "onScrollEndCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onToggle" | "onBeforeToggle" | "onTransitionCancel" | "onTransitionCancelCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "onTransitionRun" | "onTransitionRunCapture" | "onTransitionStart" | "onTransitionStartCapture" | "sx" | "component" | "classes" | "size" | "variant" | "src" | "tooltip" | "value" | "instaceDataTestId" | "icon" | "selected" | "dataTestId" | "placement" | "rotationAngle" | "instanceDataTestId" | "disabled" | "ariaLabel" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "edge" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "type" | "badgeProps" | keyof import('react').RefAttributes<HTMLButtonElement>> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
+    ownerState?: (Partial<import('..').CodeEditorOwnerState> & Record<string, unknown>) | undefined;
+}, {}, {}>;
+export declare const BodyResizeShellStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
+    ownerState?: (Partial<import('..').CodeEditorOwnerState> & Record<string, unknown>) | undefined;
+}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
 export declare const BodyStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
     ownerState?: (Partial<import('..').CodeEditorOwnerState> & Record<string, unknown>) | undefined;
 }, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;

package/components/extended/ReactSimpleCodeEditor/slots/CodeEditorSlots.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CodeEditorSlots.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/extended/ReactSimpleCodeEditor/slots/CodeEditorSlots.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,GAAG,EAAE,MAAM,WAAW,CAAC;AAWhC,eAAO,MAAM,UAAU;;6NAGG,CAAC;AAE3B,eAAO,MAAM,YAAY;;6NAGG,CAAC;AAE7B,eAAO,MAAM,kBAAkB;;6NAGG,CAAC;AAEnC,eAAO,MAAM,kBAAkB;;UAGG,CAAC;AAEnC,eAAO,MAAM,sBAAsB;;iOAGG,CAAC;AAEvC,eAAO,MAAM,kBAAkB;;UAGG,CAAC;AAEnC,eAAO,MAAM,qBAAqB;;EAIG,CAAC;AAEtC,eAAO,MAAM,UAAU;;6NAGG,CAAC;AAE3B,eAAO,MAAM,iBAAiB;;6NAGG,CAAC;AAElC,eAAO,MAAM,gBAAgB;;iOAGG,CAAC;AAEjC,eAAO,MAAM,oBAAoB;;6NAGG,CAAC;AAErC,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;UAIG,CAAC;AAE7B,eAAO,MAAM,iBAAiB;;iOAGG,CAAC;AAElC,eAAO,MAAM,cAAc;;UAGG,CAAC"}
+{"version":3,"file":"CodeEditorSlots.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/extended/ReactSimpleCodeEditor/slots/CodeEditorSlots.ts"],"names":[],"mappings":"AAYA,eAAO,MAAM,UAAU;;6NAGG,CAAC;AAE3B,eAAO,MAAM,YAAY;;6NAGG,CAAC;AAE7B,eAAO,MAAM,kBAAkB;;6NAGG,CAAC;AAEnC,eAAO,MAAM,kBAAkB;;UAGG,CAAC;AAEnC,eAAO,MAAM,sBAAsB;;iOAGG,CAAC;AAEvC,eAAO,MAAM,kBAAkB;;UAGG,CAAC;AAEnC,eAAO,MAAM,uBAAuB;;UAGG,CAAC;AAExC,eAAO,MAAM,qBAAqB;;6NAGG,CAAC;AAEtC,eAAO,MAAM,UAAU;;6NAGG,CAAC;AAE3B,eAAO,MAAM,iBAAiB;;6NAGG,CAAC;AAElC,eAAO,MAAM,gBAAgB;;iOAGG,CAAC;AAEjC,eAAO,MAAM,oBAAoB;;6NAGG,CAAC;AAErC,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;UAIG,CAAC;AAE7B,eAAO,MAAM,iBAAiB;;iOAGG,CAAC;AAElC,eAAO,MAAM,cAAc;;UAGG,CAAC"}

package/components/extended/ReactSimpleCodeEditor/slots/CodeEditorSlots.js

@@ -1,70 +1,73 @@
-import n from "react-simple-code-editor";
-import { Rnd as s } from "react-rnd";
+import r from "react-simple-code-editor";
 import { styled as e } from "@mui/material/styles";
-import { Chip as r } from "../../../Chip/Chip.js";
+import { Chip as n } from "../../../Chip/Chip.js";
 import { codeEditorStyles as o } from "../CodeEditor.styles.js";
 import { CODE_EDITOR_KEY_COMPONENT as t } from "../constants.js";
-import { resolveCodeEditorComponent as a } from "../helpers/resolveEditorComponent.js";
+import { resolveCodeEditorComponent as s } from "../helpers/resolveEditorComponent.js";
 import { CodeEditorSlots as l } from "./CodeEditorEnum.js";
 import { Skeleton as i } from "../../mui/Skeleton/Skeleton.js";
-const m = a(n), b = e("div", {
+import { IconButton as a } from "../../mui/IconButton/IconButton.js";
+const m = s(r), E = e("div", {
   name: t,
   slot: l.root
-})(o?.root), f = e("div", {
+})(o?.root), N = e("div", {
   name: t,
   slot: l.header
-})(o?.header), v = e("div", {
+})(o?.header), f = e("div", {
   name: t,
   slot: l.headerBadges
-})(o?.headerBadges), N = e(r, {
+})(o?.headerBadges), v = e(n, {
   name: t,
   slot: l.languageChip
-})(o?.languageChip), R = e("span", {
+})(o?.languageChip), O = e("span", {
   name: t,
   slot: l.languageChipIcon
-})(o?.languageChipIcon), O = e(r, {
+})(o?.languageChipIcon), R = e(n, {
   name: t,
   slot: l.readOnlyChip
-})(o?.readOnlyChip), B = e(s, {
+})(o?.readOnlyChip), B = e(a, {
   name: t,
-  slot: l.bodyResizeShell,
-  shouldForwardProp: (d) => d !== "ownerState"
-})(o?.bodyResizeShell), k = e("div", {
+  slot: l.lineNumbersToggle
+})(o?.lineNumbersToggle), I = e("div", {
+  name: t,
+  slot: l.bodyResizeShell
+})(o?.bodyResizeShell), L = e("div", {
   name: t,
   slot: l.body
-})(o?.body), w = e("div", {
+})(o?.body), T = e("div", {
   name: t,
   slot: l.lineNumbers
-})(o?.lineNumbers), I = e("span", {
+})(o?.lineNumbers), k = e("span", {
   name: t,
   slot: l.lineNumber
-})(o?.lineNumber), L = e("div", {
+})(o?.lineNumber), z = e("div", {
   name: t,
   slot: l.editorScroller
 })(o?.editorScroller), P = e(m, {
   name: t,
   slot: l.editor,
   shouldForwardProp: (d) => d !== "ownerState"
-})(o?.editor), z = e("span", {
+})(o?.editor), _ = e("span", {
   name: t,
   slot: l.placeholder
-})(o?.placeholder), _ = e(i, {
+})(o?.placeholder), w = e(i, {
   name: t,
   slot: l.skeleton
 })(o?.skeleton);
 export {
-  B as BodyResizeShellStyled,
-  k as BodyStyled,
-  L as EditorScrollerStyled,
+  I as BodyResizeShellStyled,
+  L as BodyStyled,
+  z as EditorScrollerStyled,
   P as EditorStyled,
-  v as HeaderBadgesStyled,
-  f as HeaderStyled,
-  R as LanguageChipIconStyled,
-  N as LanguageChipStyled,
-  I as LineNumberStyled,
-  w as LineNumbersStyled,
-  z as PlaceholderStyled,
-  O as ReadOnlyChipStyled,
-  b as RootStyled,
-  _ as SkeletonStyled
+  f as HeaderBadgesStyled,
+  N as HeaderStyled,
+  O as LanguageChipIconStyled,
+  v as LanguageChipStyled,
+  k as LineNumberStyled,
+  T as LineNumbersStyled,
+  B as LineNumbersToggleStyled,
+  _ as PlaceholderStyled,
+  R as ReadOnlyChipStyled,
+  E as RootStyled,
+  w as SkeletonStyled
 };