@btndprojects/loam-ui-native 0.1.0 → 0.2.1

package/dist/{chunk-TOXAGRDQ.js → chunk-RXSCIO6W.js}

@@ -1,11 +1,16 @@
-import { CopyButton } from './chunk-4ZAHCY44.js';
+import { CopyButton } from './chunk-C6APNDVA.js';
+import { useLabels } from './chunk-APCWFOZW.js';
 import * as React from 'react';
 import { View, Text, ScrollView } from 'react-native';
 import { createStyleSheet, useStyles, useLoamTheme } from '@btndprojects/loam-theme-native';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
+var DEFAULT_LABELS = {
+  copyCode: "Copy code"
+};
 function CodeBlock({
   code,
+  labels: labelsProp,
   language,
   showLineNumbers = true,
   wrap = false,
@@ -18,8 +23,9 @@ function CodeBlock({
   // `motion` is accepted for API parity only — a code block never animates.
   motion: _motion
 }) {
+  const labels = useLabels("codeBlock", DEFAULT_LABELS, labelsProp);
   const { styles } = useStyles(sheet);
-  const theme = useLoamTheme();
+  const theme = useLoamTheme("code-block");
   const lines = code.split("\n");
   const label = filename ?? caption;
   const hasHeader = Boolean(label || language);
@@ -34,7 +40,10 @@ function CodeBlock({
         style: [
           styles.line,
           !showLineNumbers && styles.lineInset,
-          isHot && { backgroundColor: theme.state.selected }
+          // The highlight tint collapses under high contrast, so a leading edge
+          // (transparent otherwise, so no layout shift) carries it there.
+          { borderStartWidth: theme.borderWidth.heavy, borderStartColor: "transparent" },
+          isHot && { backgroundColor: theme.state.selected, borderStartColor: theme.edge.accent }
         ],
         children: [
           showLineNumbers ? /* @__PURE__ */ jsx(
@@ -59,8 +68,8 @@ function CodeBlock({
         label ? /* @__PURE__ */ jsx(Text, { style: styles.filename, numberOfLines: 1, children: label }) : null,
         language ? /* @__PURE__ */ jsx(Text, { style: styles.language, children: language.toUpperCase() }) : null
       ] }),
-      copyable ? /* @__PURE__ */ jsx(CopyButton, { value: code, onCopy, accessibilityLabel: "Copy code" }) : null
-    ] }) : copyable ? /* @__PURE__ */ jsx(View, { style: styles.corner, children: /* @__PURE__ */ jsx(CopyButton, { value: code, onCopy, accessibilityLabel: "Copy code" }) }) : null,
+      copyable ? /* @__PURE__ */ jsx(CopyButton, { value: code, onCopy, accessibilityLabel: labels.copyCode }) : null
+    ] }) : copyable ? /* @__PURE__ */ jsx(View, { style: styles.corner, children: /* @__PURE__ */ jsx(CopyButton, { value: code, onCopy, accessibilityLabel: labels.copyCode }) }) : null,
     /* @__PURE__ */ jsx(ScrollView, { focusable: true, style: maxHeight ? { maxHeight } : void 0, contentContainerStyle: styles.body, children: wrap ? /* @__PURE__ */ jsx(View, { style: styles.lines, children: rows }) : /* @__PURE__ */ jsx(ScrollView, { horizontal: true, focusable: true, contentContainerStyle: styles.lines, children: rows }) })
   ] });
 }