@estiva-app/ui 0.64.0 → 0.65.1

package/dist/index.js

@@ -2424,14 +2424,17 @@ function InlineChip({ tone = "neutral", icon, href, className, children, ...prop
 // src/codeColours.ts
 import { createElement } from "react";
 import { common, createLowlight } from "lowlight";
-var lowlight = createLowlight(common);
+var instance;
+function lowlight() {
+  return instance ??= createLowlight(common);
+}
 function draw(node, key) {
   if (node.type === "text") return node.value;
   return createElement("span", { key, className: node.properties?.className?.join(" ") }, (node.children ?? []).map(draw));
 }
 function codeColours(text, language) {
-  if (!language || !lowlight.registered(language)) return text;
-  return lowlight.highlight(language, text).children.map(draw);
+  if (!language || !lowlight().registered(language)) return text;
+  return lowlight().highlight(language, text).children.map(draw);
 }
 
 // src/RichText.tsx
@@ -2446,9 +2449,9 @@ var RICH_TEXT_CLASSES = {
   /* The line in the muted text grey, not the border grey: a border grey was 1.3 : 1 in Leaf (Katerina, 9 October). */
   // eslint-disable-next-line token-spacing/no-restricted-classes -- @estiva-escape: the quote line is Peek's, 3px, between the ramp's 2 and 4
   quote: "[&_blockquote>p]:m-0 [&_blockquote]:border-l-[3px] [&_blockquote]:border-text-muted [&_blockquote]:pl-2.5",
-  /* Code in a sentence is amber, its own colour (Katerina, 9 October: option I). */
+  /* Code in a sentence: the code fill and a thin border, in the heading colour (Katerina, 9 October: option B; the amber of 0.64.0 was too much). */
   // eslint-disable-next-line token-values/no-restricted-classes -- @estiva-escape: code is 0.85 of the text around it, so it scales with a heading and with `small`; a named size is fixed
-  code: "[&_:not(pre)>code]:rounded-sm [&_:not(pre)>code]:bg-bg-code [&_:not(pre)>code]:px-1 [&_:not(pre)>code]:py-0.5 [&_:not(pre)>code]:text-text-code [&_code]:font-mono [&_code]:text-[0.85em] [&_code]:text-text-primary",
+  code: "[&_:not(pre)>code]:rounded-sm [&_:not(pre)>code]:bg-bg-code [&_:not(pre)>code]:px-1 [&_:not(pre)>code]:py-0.5 [&_:not(pre)>code]:border [&_:not(pre)>code]:border-border-default [&_code]:font-mono [&_code]:text-[0.85em] [&_code]:text-text-primary",
   /* 12px either side, 10px above and below, looser lines than the text (Katerina, 9 October; 8px all round before). */
   // eslint-disable-next-line token-values/no-restricted-classes -- @estiva-escape: code is 0.85 of the text around it; the code inside the block is the block's own size, not 0.85 of it again
   codeBlock: "[&_pre>code]:text-[1em] [&_pre]:whitespace-pre-wrap [&_pre]:break-words [&_pre]:rounded-md [&_pre]:bg-bg-code [&_pre]:px-3 [&_pre]:py-2.5 [&_pre]:font-mono [&_pre]:text-[0.85em] [&_pre]:leading-relaxed [&_pre]:text-text-primary",
@@ -3483,7 +3486,7 @@ function writeStored(key, open) {
   } catch {
   }
 }
-function CollapsibleSection({ title, defaultOpen = true, open: openProp, onOpenChange, storageKey, icon, trailing, actions, menu, menuLabel, showActions, look = "heading", indent = false, children, className, contentClassName }) {
+function CollapsibleSection({ title, defaultOpen = true, open: openProp, onOpenChange, pending = false, storageKey, icon, trailing, actions, menu, menuLabel, showActions, look = "heading", indent = false, children, className, contentClassName }) {
   const [openState, setOpenState] = useState10(() => readStored(storageKey) ?? defaultOpen);
   const open = openProp ?? openState;
   const setOpen = (next) => {
@@ -3491,8 +3494,9 @@ function CollapsibleSection({ title, defaultOpen = true, open: openProp, onOpenC
     writeStored(storageKey, next);
     onOpenChange?.(next);
   };
-  return /* @__PURE__ */ jsxs34(Collapsible2.Root, { open, onOpenChange: setOpen, className: cn("flex flex-col", className), children: [
-    /* @__PURE__ */ jsx51(SectionHeader, { title, chevron: true, icon, isExpanded: open, trailing, actions, menu, menuLabel, showActions, look, className: "shrink-0", render: /* @__PURE__ */ jsx51(Collapsible2.Trigger, {}) }),
+  const shown = open && !pending;
+  return /* @__PURE__ */ jsxs34(Collapsible2.Root, { open: shown, onOpenChange: (next, details) => setOpen(pending && details.reason === "trigger-press" ? !open : next), className: cn("flex flex-col", className), children: [
+    /* @__PURE__ */ jsx51(SectionHeader, { title, chevron: true, icon, isExpanded: open, trailing, actions, menu, menuLabel, showActions, look, className: "shrink-0", render: /* @__PURE__ */ jsx51(Collapsible2.Trigger, { "aria-expanded": open, "aria-busy": pending && open ? true : void 0 }) }),
     /* @__PURE__ */ jsx51(
       Collapsible2.Panel,
       {
@@ -3557,7 +3561,7 @@ function Group({ group, selected, onSelect, storageKey }) {
     }
   );
 }
-function NavTreeSection({ id, title, message, loading = false, trailing, actions, menu, icon, defaultOpen = true, open, onOpenChange, storageKey, onIntent, children }) {
+function NavTreeSection({ id, title, message, loading = false, pending, trailing, actions, menu, icon, defaultOpen = true, open, onOpenChange, storageKey, onIntent, children }) {
   const timer = useRef11(void 0);
   useEffect6(() => () => clearTimeout(timer.current), []);
   const intent = onIntent;
@@ -3580,6 +3584,7 @@ function NavTreeSection({ id, title, message, loading = false, trailing, actions
           defaultOpen,
           open,
           onOpenChange,
+          pending,
           storageKey,
           trailing,
           actions,