@stackone/malachite 2.16.0 → 2.17.0

package/COMPONENTS.md

@@ -30,7 +30,7 @@ The catalog of components exported from `@stackone/malachite`. **Reach for one o
 ## Feedback & status
 
 - **`ChangeReview`** — Reviewing changes a machine made. `ChangeReview.Item` attaches to one changed thing: it names what changed with an `assistant` Tag, shows the value it displaced struck through, and offers approve and deny as two equally reachable icon buttons — a review affordance that made keeping easier than rejecting would not be one. Given `children`, it wraps the field the change is annotating: the tag/label/actions become a header band above it and the before/after line moves below, so "Was …" reads next to the value it describes instead of stacked with the header; without children it renders as the standalone card it always has. `ChangeReview.Summary` counts what is still undecided across the whole form, which is what a per-item control cannot do and what a caller gates a save on; at zero it either says so or collapses to nothing. `ChangeReview.Removed` is for something the assistant took out: a dashed, tinted card listing what would be lost, because a removal that simply vanished would leave nothing to reject. `ChangeReview.Jump` is a chip an assistant turn carries to point at a field it touched. _Key props:_ `Item`: `label`, `before`, `after`, `kind` (`changed` | `added` | `removed`), `origin`, `children`, `onApprove`, `onDeny`, `disabled`, `className`. `Summary`: `count`, `origin`, `onApproveAll`, `onDenyAll`, `disabled`, `settledMessage`, `className`. `Removed`: `title`, `details` (`{label, value}[]`), `onRestore`, `onDiscard`, `restoreLabel`, `discardLabel`, `origin`, `disabled`, `className`. `Jump`: `label`, `onClick`, `disabled`, `className`. `Item` also takes `onPreviewRevert(previewing)`, fired on hover and on focus.
-- **`Alert`** — Inline alert/callout (info, success, warning, error).
+- **`Alert`** — Inline alert/callout. Four severities (info, success, warning, error) plus `assistant` — a violet, sparkle-marked ground that says a machine wrote the message rather than that anything is wrong, so provenance never has to borrow a severity colour.
 - **`StatusBadge`** — Large status indicator (e.g. success checkmark) for terminal/confirmation screens. _Key props:_ `type`.
 - **`StatBadge`** — Pill showing a numeric value with a label (e.g. "3 accounts selected"). _Key props:_ `count`, `label`.
 - **`Tag`** — Small status/label tag. Types: success, error, warning, default. _Key props:_ `value`, `type`, `paddingSize`, `textTransform`, `WidthSize`.
@@ -53,7 +53,7 @@ The catalog of components exported from `@stackone/malachite`. **Reach for one o
 - **`PreviewTreeRow`** — A single labelled row within a PreviewTree. _Key props:_ `label`.
 - **`Tabs`** — Tabbed navigation switching between content panels. _Key props:_ `TabItem[]`.
 - **`Breadcrumbs`** — Breadcrumb trail with caret separators, an optional back button (shown only when there is more than one crumb AND the parent — the second-to-last — carries a `url` to target) and a right-aligned `actions` row. A lone crumb marked `isRoot` switches to title mode: plain emphasised text, no trail chrome, but the `actions` row still renders. Renders as a `nav`/`ol` with `aria-current="page"` on the last crumb. Pass `renderLink` to route crumbs through the app's own router instead of a plain `<a>`. Used by `PageLayout`, but standalone too. _Key props:_ `links[]` (`name`, `url`, `isRoot`), `actions[]`, `renderLink`, `className`, `style`.
-- **`ActionMenu`** — Dropdown menu of actions (kebab/overflow style). The trigger is an icon-only `Button`, so `size` draws exactly the square a `Button` of that size draws beside it: `xsmall` is Figma's 20px "Button Element - Square (X-Small)", `small` the 28px rung above it. Both squares are fixed rather than read off the `controlHeights` tokens, so re-theming those does not resize the trigger. A supplied `triggerIcon` is held to the tier's glyph size — 11px at `xsmall`, 16px at `small`. At 20px the `xsmall` trigger meets WCAG 2.5.8 through the *Spacing* exception rather than the 24px minimum, so keep at least 4px between adjacent triggers. _Key props:_ `ActionMenuItem[]`, `size`, `label`, `triggerIcon`, `minWidth`.
+- **`ActionMenu`** — Dropdown menu of actions (kebab/overflow style). The trigger is an icon-only `Button` by default, so `size` draws exactly the square a `Button` of that size draws beside it: `xsmall` is Figma's 20px "Button Element - Square (X-Small)", `small` the 28px rung above it. Both squares are fixed rather than read off the `controlHeights` tokens, so re-theming those does not resize the trigger. A supplied `triggerIcon` is held to the tier's glyph size — 11px at `xsmall`, 16px at `small`. At 20px the `xsmall` trigger meets WCAG 2.5.8 through the *Spacing* exception rather than the 24px minimum, so keep at least 4px between adjacent triggers. `showLabel` draws `label` beside the icon instead of leaving it to the accessible name — for a menu that is the point of its corner rather than an overflow for a row that already says what it acts on — and `variant` puts the trigger on any `Button` variant, so a menu handing work to the assistant can wear the assistant ground rather than the overflow-kebab outline. An item's `icon` leads its label: every caller's names the action itself — copy, open, delete — and an icon that is part of an item's identity belongs where the eye starts rather than right-aligned, where it reads as a status column. _Key props:_ `ActionMenuItem[]`, `size`, `label`, `triggerIcon`, `minWidth`, `showLabel`, `variant`.
 - **`FooterNav`** — Footer navigation bar of links. _Key props:_ `FooterNavLink[]`.
 - **`FooterLinks`** — Inline list of footer links (e.g. terms, privacy, support).
 - **`StepTabs`** — Header for a short, ordered flow — a two-step drawer or wizard panel. Each step is a button carrying `aria-current="step"`, not a tab: the body beneath is the step’s form, so it keeps the normal tab order instead of adopting a `tablist`’s arrow-key contract. States are current / complete (a check, still reachable so the user can go back) / upcoming. For a read-only progress readout use `Stepper`. _Key props:_ `items` (`key`, `label`, `hint`, `disabled`), `activeKey`, `completedKeys`, `onChange`, `aria-label`, `aria-labelledby`, `className`.
@@ -81,7 +81,7 @@ The catalog of components exported from `@stackone/malachite`. **Reach for one o
 
 ## Buttons & actions
 
-- **`Button`** — Primary button. Variants: `filled`, `outline`, `destructive`, `success`, `warning`, `error`, `ghost`, `no-style`. Supports `iconOnly`, `loading`, `tooltip`. _Key props:_ `variant`, `size`, `icon`, `iconOnly`, `loading`, `disabled`, `fill`, `tooltip`.
+- **`Button`** — Primary button. Variants: `filled`, `outline`, `surface` (outline's geometry on a ground of its own, for a control sitting on a tinted surface), `assistant` (the violet the assistant is named in — provenance, not a severity: it says who is being asked, not that anything is wrong), `destructive`, `success`, `warning`, `error`, `ghost`, `no-style`. Supports `iconOnly`, `loading`, `tooltip`. _Key props:_ `variant`, `size`, `icon`, `iconOnly`, `loading`, `disabled`, `fill`, `tooltip`.
 - **`PillButton`** — Pill-shaped button, often used for filters/toggleable chips. `shape="tab"` squares the top corners so a row of them reads as attached to whatever sits above — the controls under a chat composer. _Key props:_ `label`, `icon`, `trailingIcon`, `selected`, `disabled`, `interactive`, `size`, `variant`, `shape` (`pill` | `tab`), `onClick`.
 - **`Link`** — Styled anchor/link text. _Key props:_ `LinkProps`.
 - **`InlineConfirm`** — A confirmation asked on the control that triggered it rather than in a modal, for a reversible bulk edit where a dialog would be heavier than the change it guards. Drawn to the design's chip: 33px tall, 12px radius, its confirm cell running to the pill's own edge between two rules. Reads its own `inlineConfirm` theme tokens — a shade off the `SelectionBar` it appears beside, by design. Carries a spinning glyph by default — its own, so it takes the pill's colour rather than the sheet's dimmed grey — standing for a change waiting on an answer; pass `icon={null}` to drop it or a node to replace it. Anchored placement is in viewport coordinates, so the chip must not sit inside an ancestor carrying `transform`, `filter` or `contain`. It takes focus on open so `Enter` confirms, dismisses on `Escape` (through the shared escape-layer stack, so the topmost overlay answers) or a click outside, and returns focus to whatever opened it. `role="alertdialog"` named by the message itself, so the confirm button is never announced bare. Only one can be open at a time: opening a second dismisses the first, so it is never ambiguous what Yes answers. Pass `anchorTo` (a ref to the control it answers for) and it pins itself to that control's left, follows it while the page or a sticky header scrolls, dismisses once it scrolls out of view, and treats clicks on it as inside — without which the same click would dismiss and reopen. Left unanchored it renders in flow for the consumer to place, and must then not sit in a container that clips overflow (`Table` header cells among them). Nothing renders while `open` is false, and its listeners are attached only while it is open. _Key props:_ `open`, `message`, `confirmLabel`, `onConfirm`, `onDismiss`, `anchorTo`, `icon`, `className`, `style`.

package/dist/{CodeBlockHighlighter-FRBmWthe.js → CodeBlockHighlighter-CPGFm3No.js}

@@ -1,5 +1,5 @@
 import { jsx as Pn } from "react/jsx-runtime";
-import { _ as ue, a as se, C as cn, b as fe } from "./index-DB8AAfU8.js";
+import { _ as ue, a as se, C as cn, b as fe } from "./index-B7sJtsg5.js";
 import H from "react";
 function de(n, e) {
   if (n == null) return {};
@@ -113,7 +113,7 @@ function xe(n) {
 function Nn(n) {
   return n.join(" ");
 }
-function Se(n, e) {
+function ke(n, e) {
   var t = 0;
   return function(l) {
     return t += 1, l.map(function(o, a) {
@@ -131,14 +131,14 @@ function vn(n) {
   if (u === "text")
     return m;
   if (s) {
-    var v = Se(t, a), b;
+    var v = ke(t, a), b;
     if (!a)
       b = K(K({}, c), {}, {
         className: Nn(c.className)
       });
     else {
-      var g = Object.keys(t).reduce(function(p, S) {
-        return S.split(".").forEach(function(P) {
+      var g = Object.keys(t).reduce(function(p, k) {
+        return k.split(".").forEach(function(P) {
           p.includes(P) || p.push(P);
         }), p;
       }, []), O = c.className && c.className.includes("token") ? ["token"] : [], N = c.className && O.concat(c.className.filter(function(p) {
@@ -155,7 +155,7 @@ function vn(n) {
     }, b), w);
   }
 }
-const ke = function(n, e) {
+const Se = function(n, e) {
   var t = n.listLanguages();
   return t.indexOf(e) !== -1;
 };
@@ -229,7 +229,7 @@ function Fn(n, e) {
     }]
   };
 }
-function Vn(n, e, t) {
+function Wn(n, e, t) {
   var l = {
     display: "inline-block",
     minWidth: Ae(t),
@@ -242,7 +242,7 @@ function Vn(n, e, t) {
 function an(n) {
   var e = n.children, t = n.lineNumber, l = n.lineNumberStyle, o = n.largestLineNumber, a = n.showInlineLineNumbers, r = n.lineProps, c = r === void 0 ? {} : r, u = n.className, s = u === void 0 ? [] : u, m = n.showLineNumbers, v = n.wrapLongLines, b = n.wrapLines, g = b === void 0 ? !1 : b, O = g ? $({}, typeof c == "function" ? c(t) : c) : {};
   if (O.className = O.className ? [].concat(gn(O.className.trim().split(/\s+/)), gn(s)) : s, t && a) {
-    var N = Vn(l, t, o);
+    var N = Wn(l, t, o);
     e.unshift(Fn(t, N));
   }
   return v & m && (O.style = $({
@@ -254,7 +254,7 @@ function an(n) {
     children: e
   };
 }
-function Wn(n) {
+function Vn(n) {
   var e = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : [], t = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : [];
   n.length === void 0 && (n = [n]);
   for (var l = 0; l < n.length; l++) {
@@ -266,7 +266,7 @@ function Wn(n) {
       }));
     else if (o.children) {
       var a, r = e.concat(((a = o.properties) === null || a === void 0 ? void 0 : a.className) || []);
-      Wn(o.children, r).forEach(function(c) {
+      Vn(o.children, r).forEach(function(c) {
         return t.push(c);
       });
     }
@@ -274,11 +274,11 @@ function Wn(n) {
   return t;
 }
 function Ee(n, e, t, l, o, a, r, c, u) {
-  var s, m = Wn(n.value), v = [], b = -1, g = 0;
-  function O(k, y) {
+  var s, m = Vn(n.value), v = [], b = -1, g = 0;
+  function O(S, y) {
     var C = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : [];
     return an({
-      children: k,
+      children: S,
       lineNumber: y,
       lineNumberStyle: c,
       largestLineNumber: r,
@@ -290,16 +290,16 @@ function Ee(n, e, t, l, o, a, r, c, u) {
       wrapLines: e
     });
   }
-  function N(k, y) {
+  function N(S, y) {
     if (l && y && o) {
-      var C = Vn(c, y, r);
-      k.unshift(Fn(y, C));
+      var C = Wn(c, y, r);
+      S.unshift(Fn(y, C));
     }
-    return k;
+    return S;
   }
-  function w(k, y) {
+  function w(S, y) {
     var C = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : [];
-    return e || C.length > 0 ? O(k, y, C) : N(k, y);
+    return e || C.length > 0 ? O(S, y, C) : N(S, y);
   }
   for (var p = function() {
     var y = m[g], C = y.children[0].value, L = Pe(C);
@@ -334,7 +334,7 @@ function Ee(n, e, t, l, o, a, r, c, u) {
             v.push(F);
           }
         } else {
-          var V = [d], G = w(V, D, y.properties.className);
+          var W = [d], G = w(W, D, y.properties.className);
           v.push(G);
         }
       }), b = g;
@@ -343,9 +343,9 @@ function Ee(n, e, t, l, o, a, r, c, u) {
   }; g < m.length; )
     p();
   if (b !== m.length - 1) {
-    var S = m.slice(b + 1, m.length);
-    if (S && S.length) {
-      var P = l && v.length + a, h = w(S, P);
+    var k = m.slice(b + 1, m.length);
+    if (k && k.length) {
+      var P = l && v.length + a, h = w(k, P);
       v.push(h);
     }
   }
@@ -368,7 +368,7 @@ function qn(n) {
 function De(n) {
   var e = n.astGenerator, t = n.language, l = n.code, o = n.defaultCodeValue;
   if (qn(e)) {
-    var a = ke(e, t);
+    var a = Se(e, t);
     return t === "text" ? {
       value: o,
       language: "text"
@@ -391,41 +391,41 @@ function Me(n, e) {
     var o, a, r = l.language, c = l.children, u = l.style, s = u === void 0 ? e : u, m = l.customStyle, v = m === void 0 ? {} : m, b = l.codeTagProps, g = b === void 0 ? {
       className: r ? "language-".concat(r) : void 0,
       style: $($({}, s['code[class*="language-"]']), s['code[class*="language-'.concat(r, '"]')])
-    } : b, O = l.useInlineStyles, N = O === void 0 ? !0 : O, w = l.showLineNumbers, p = w === void 0 ? !1 : w, S = l.showInlineLineNumbers, P = S === void 0 ? !0 : S, h = l.startingLineNumber, k = h === void 0 ? 1 : h, y = l.lineNumberContainerStyle, C = l.lineNumberStyle, L = C === void 0 ? {} : C, U = l.wrapLines, R = l.wrapLongLines, E = R === void 0 ? !1 : R, D = l.lineProps, d = D === void 0 ? {} : D, j = l.renderer, B = l.PreTag, en = B === void 0 ? "pre" : B, Y = l.CodeTag, tn = Y === void 0 ? "code" : Y, ln = l.code, F = ln === void 0 ? (Array.isArray(c) ? c[0] : c) || "" : ln, V = l.astGenerator, G = de(l, Ce);
-    V = V || n;
-    var Sn = p ? /* @__PURE__ */ H.createElement(Ne, {
+    } : b, O = l.useInlineStyles, N = O === void 0 ? !0 : O, w = l.showLineNumbers, p = w === void 0 ? !1 : w, k = l.showInlineLineNumbers, P = k === void 0 ? !0 : k, h = l.startingLineNumber, S = h === void 0 ? 1 : h, y = l.lineNumberContainerStyle, C = l.lineNumberStyle, L = C === void 0 ? {} : C, U = l.wrapLines, R = l.wrapLongLines, E = R === void 0 ? !1 : R, D = l.lineProps, d = D === void 0 ? {} : D, j = l.renderer, B = l.PreTag, en = B === void 0 ? "pre" : B, Y = l.CodeTag, tn = Y === void 0 ? "code" : Y, ln = l.code, F = ln === void 0 ? (Array.isArray(c) ? c[0] : c) || "" : ln, W = l.astGenerator, G = de(l, Ce);
+    W = W || n;
+    var kn = p ? /* @__PURE__ */ H.createElement(Ne, {
       containerStyle: y,
       codeStyle: g.style || {},
       numberStyle: L,
-      startingLineNumber: k,
+      startingLineNumber: S,
       codeString: F
     }) : null, ae = s.hljs || s['pre[class*="language-"]'] || {
       backgroundColor: "#fff"
-    }, kn = qn(V) ? "hljs" : "prismjs", Cn = N ? Object.assign({}, G, {
+    }, Sn = qn(W) ? "hljs" : "prismjs", Cn = N ? Object.assign({}, G, {
       style: Object.assign({}, ae, v)
     }) : Object.assign({}, G, {
-      className: G.className ? "".concat(kn, " ").concat(G.className) : kn,
+      className: G.className ? "".concat(Sn, " ").concat(G.className) : Sn,
       style: Object.assign({}, v)
     });
     if (E ? g.style = $({
       whiteSpace: "pre-wrap"
     }, g.style) : g.style = $({
       whiteSpace: "pre"
-    }, g.style), !V)
-      return /* @__PURE__ */ H.createElement(en, Cn, Sn, /* @__PURE__ */ H.createElement(tn, g, F));
+    }, g.style), !W)
+      return /* @__PURE__ */ H.createElement(en, Cn, kn, /* @__PURE__ */ H.createElement(tn, g, F));
     (U === void 0 && j || E) && (U = !0), j = j || Te;
     var On = [{
       type: "text",
       value: F
     }], un = De({
-      astGenerator: V,
+      astGenerator: W,
       language: r,
       code: F,
       defaultCodeValue: On
     });
     un.language === null && (un.value = On);
-    var ie = (o = (a = F.match(/\n/g)) === null || a === void 0 ? void 0 : a.length) !== null && o !== void 0 ? o : 0, re = k + ie, ce = Ee(un, U, d, p, P, k, re, L, E);
-    return /* @__PURE__ */ H.createElement(en, Cn, /* @__PURE__ */ H.createElement(tn, g, !P && Sn, j({
+    var ie = (o = (a = F.match(/\n/g)) === null || a === void 0 ? void 0 : a.length) !== null && o !== void 0 ? o : 0, re = S + ie, ce = Ee(un, U, d, p, P, S, re, L, E);
+    return /* @__PURE__ */ H.createElement(en, Cn, /* @__PURE__ */ H.createElement(tn, g, !P && kn, j({
       rows: ce,
       stylesheet: s,
       useInlineStyles: N
@@ -485,7 +485,7 @@ I.prototype.property = "";
 I.prototype.spaceSeparated = !1;
 I.prototype.space = void 0;
 let Re = 0;
-const f = q(), A = q(), pn = q(), i = q(), x = q(), W = q(), z = q();
+const f = q(), A = q(), pn = q(), i = q(), x = q(), V = q(), z = q();
 function q() {
   return 2 ** ++Re;
 }
@@ -494,7 +494,7 @@ const hn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   boolean: f,
   booleanish: A,
   commaOrSpaceSeparated: z,
-  commaSeparated: W,
+  commaSeparated: V,
   number: i,
   overloadedBoolean: pn,
   spaceSeparated: x
@@ -615,7 +615,7 @@ const je = _({
   properties: {
     // Standard Properties.
     abbr: null,
-    accept: W,
+    accept: V,
     acceptCharset: x,
     accessKey: x,
     action: null,
@@ -647,7 +647,7 @@ const je = _({
     contentEditable: A,
     controls: f,
     controlsList: x,
-    coords: i | W,
+    coords: i | V,
     crossOrigin: null,
     data: null,
     dateTime: null,
@@ -965,7 +965,7 @@ const je = _({
     credentialless: f,
     disablePictureInPicture: f,
     disableRemotePlayback: f,
-    exportParts: W,
+    exportParts: V,
     part: x,
     prefix: null,
     property: null,
@@ -1235,9 +1235,9 @@ const je = _({
     from: null,
     fx: null,
     fy: null,
-    g1: W,
-    g2: W,
-    glyphName: W,
+    g1: V,
+    g2: V,
+    glyphName: V,
     glyphOrientationHorizontal: null,
     glyphOrientationVertical: null,
     glyphRef: null,
@@ -1588,7 +1588,7 @@ function He(n) {
 function $e(n) {
   return n.charAt(1).toUpperCase();
 }
-const Fe = Gn([Kn, je, Xn, Zn, Jn], "html"), Ve = Gn([Kn, Ie, Xn, Zn, Jn], "svg");
+const Fe = Gn([Kn, je, Xn, Zn, Jn], "html"), We = Gn([Kn, Ie, Xn, Zn, Jn], "svg");
 function Dn(n) {
   const e = [], t = String(n || "");
   let l = t.indexOf(","), o = 0, a = !1;
@@ -1600,7 +1600,7 @@ function Dn(n) {
   return e;
 }
 const Mn = /[#.]/g;
-function We(n, e) {
+function Ve(n, e) {
   const t = n || "", l = {};
   let o = 0, a, r;
   for (; o < t.length; ) {
@@ -1632,7 +1632,7 @@ function Qn(n, e, t) {
       );
       c.unshift(s);
     } else {
-      u = We(a, e);
+      u = Ve(a, e);
       const s = u.tagName.toLowerCase(), m = l ? l.get(s) : void 0;
       if (u.tagName = m || s, qe(r))
         c.unshift(r);
@@ -1765,7 +1765,7 @@ const Ye = [
   "textArea",
   "textPath"
 ], Xe = Qn(Fe, "div");
-Qn(Ve, "g", Ye);
+Qn(We, "g", Ye);
 const Ze = [
   "AElig",
   "AMP",
@@ -1954,32 +1954,32 @@ function et(n, e) {
         c += String.fromCharCode(g), v++;
         continue;
       }
-      const S = a + 1;
-      let P = S, h = S, k;
+      const k = a + 1;
+      let P = k, h = k, S;
       if (p === 35) {
         h = ++P;
         const d = n.charCodeAt(h);
-        d === 88 || d === 120 ? (k = "hexadecimal", h = ++P) : k = "decimal";
+        d === 88 || d === 120 ? (S = "hexadecimal", h = ++P) : S = "decimal";
       } else
-        k = "named";
+        S = "named";
       let y = "", C = "", L = "";
-      const U = k === "named" ? Un : k === "decimal" ? ne : Je;
+      const U = S === "named" ? Un : S === "decimal" ? ne : Je;
       for (h--; ++h <= n.length; ) {
         const d = n.charCodeAt(h);
         if (!U(d))
           break;
-        L += String.fromCharCode(d), k === "named" && Ze.includes(L) && (y = L, C = Bn(L));
+        L += String.fromCharCode(d), S === "named" && Ze.includes(L) && (y = L, C = Bn(L));
       }
       let R = n.charCodeAt(h) === 59;
       if (R) {
         h++;
-        const d = k === "named" ? Bn(L) : !1;
+        const d = S === "named" ? Bn(L) : !1;
         d && (y = L, C = d);
       }
-      let E = 1 + h - S, D = "";
+      let E = 1 + h - k, D = "";
       if (!(!R && t.nonTerminated === !1)) if (!L)
-        k !== "named" && N(4, E);
-      else if (k === "named") {
+        S !== "named" && N(4, E);
+      else if (S === "named") {
         if (R && !C)
           N(5, 1);
         else if (y !== L && (h = P + y.length, E = 1 + h - P, R = !1), !R) {
@@ -1995,7 +1995,7 @@ function et(n, e) {
         R || N(2, E);
         let d = Number.parseInt(
           L,
-          k === "hexadecimal" ? 16 : 10
+          S === "hexadecimal" ? 16 : 10
         );
         if (tt(d))
           N(7, E), D = "�";
@@ -2009,16 +2009,16 @@ function et(n, e) {
         }
       }
       if (D) {
-        w(), b = O(), a = h - 1, v += h - S + 1, o.push(D);
+        w(), b = O(), a = h - 1, v += h - k + 1, o.push(D);
         const d = O();
         d.offset++, t.reference && t.reference.call(
           t.referenceContext || void 0,
           D,
           { start: b, end: d },
-          n.slice(S - 1, h)
+          n.slice(k - 1, h)
         ), b = d;
       } else
-        L = n.slice(S - 1, h), c += L, v += L.length, a = h - 1;
+        L = n.slice(k - 1, h), c += L, v += L.length, a = h - 1;
     } else
       g === 10 && (m++, r++, v = 0), Number.isNaN(g) ? w() : (c += String.fromCharCode(g), v++);
   return o.join("");
@@ -2029,9 +2029,9 @@ function et(n, e) {
       offset: a + ((u ? u.offset : 0) || 0)
     };
   }
-  function N(p, S) {
+  function N(p, k) {
     let P;
-    t.warning && (P = O(), P.column += S, P.offset += S, t.warning.call(
+    t.warning && (P = O(), P.column += k, P.offset += k, t.warning.call(
       t.warningContext || void 0,
       nt[p],
       P,
@@ -2412,25 +2412,25 @@ function ee(n, e, t, l, o, a) {
           s.pattern = RegExp(s.pattern.source, O + "g");
         }
         for (var N = s.pattern || s, w = l.next, p = o; w !== e.tail && !(a && p >= a.reach); p += w.value.length, w = w.next) {
-          var S = w.value;
+          var k = w.value;
           if (e.length > n.length)
             return;
-          if (!(S instanceof X)) {
+          if (!(k instanceof X)) {
             var P = 1, h;
             if (b) {
               if (h = Hn(N, p, n, v), !h || h.index >= n.length)
                 break;
-              var L = h.index, k = h.index + h[0].length, y = p;
+              var L = h.index, S = h.index + h[0].length, y = p;
               for (y += w.value.length; L >= y; )
                 w = w.next, y += w.value.length;
               if (y -= w.value.length, p = y, w.value instanceof X)
                 continue;
-              for (var C = w; C !== e.tail && (y < k || typeof C.value == "string"); C = C.next)
+              for (var C = w; C !== e.tail && (y < S || typeof C.value == "string"); C = C.next)
                 P++, y += C.value.length;
-              P--, S = n.slice(p, y), h.index -= p;
-            } else if (h = Hn(N, 0, S, v), !h)
+              P--, k = n.slice(p, y), h.index -= p;
+            } else if (h = Hn(N, 0, k, v), !h)
               continue;
-            var L = h.index, U = h[0], R = S.slice(0, L), E = S.slice(L + U.length), D = p + S.length;
+            var L = h.index, U = h[0], R = k.slice(0, L), E = k.slice(L + U.length), D = p + k.length;
             a && D > a.reach && (a.reach = D);
             var d = w.prev;
             R && (d = rn(e, d, R), p += R.length), it(e, d, P);
@@ -2778,7 +2778,9 @@ const ht = {
         paddingRight: o ? "44px" : "16px",
         overflow: "auto"
       },
-      codeTagProps: { style: cn },
+      codeTagProps: {
+        style: { ...cn, display: "block", width: "max-content", minWidth: "100%" }
+      },
       children: n
     }
   );
@@ -2786,4 +2788,4 @@ const ht = {
 export {
   bt as default
 };
-//# sourceMappingURL=CodeBlockHighlighter-FRBmWthe.js.map
+//# sourceMappingURL=CodeBlockHighlighter-CPGFm3No.js.map