@btndprojects/loam-ui-native 0.2.1 → 0.3.1

package/dist/chunk-RXSCIO6W.js

@@ -1,153 +0,0 @@
-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,
-  copyable = true,
-  onCopy,
-  caption,
-  filename,
-  maxHeight,
-  highlightLines,
-  // `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("code-block");
-  const lines = code.split("\n");
-  const label = filename ?? caption;
-  const hasHeader = Boolean(label || language);
-  const highlighted = React.useMemo(() => new Set(highlightLines ?? []), [highlightLines]);
-  const rows = lines.map((line, i) => {
-    const n = i + 1;
-    const isHot = highlighted.has(n);
-    const contentStyle = wrap ? styles.codeWrap : styles.codeNoWrap;
-    return /* @__PURE__ */ jsxs(
-      View,
-      {
-        style: [
-          styles.line,
-          !showLineNumbers && styles.lineInset,
-          // 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(
-            Text,
-            {
-              testID: "code-block-gutter",
-              style: [styles.gutter, isHot && { color: theme.code.fg }],
-              importantForAccessibility: "no",
-              accessibilityElementsHidden: true,
-              children: n
-            }
-          ) : null,
-          /* @__PURE__ */ jsx(Text, { style: [styles.code, contentStyle], selectable: true, children: line.length ? line : " " })
-        ]
-      },
-      i
-    );
-  });
-  return /* @__PURE__ */ jsxs(View, { style: styles.root, children: [
-    hasHeader ? /* @__PURE__ */ jsxs(View, { style: styles.header, children: [
-      /* @__PURE__ */ jsxs(View, { style: styles.headerLabels, children: [
-        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: 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 }) })
-  ] });
-}
-var sheet = createStyleSheet((theme) => ({
-  root: {
-    position: "relative",
-    borderRadius: theme.radius.lg,
-    borderWidth: theme.borderWidth.base,
-    borderColor: theme.color.border,
-    backgroundColor: theme.code.bg,
-    overflow: "hidden"
-  },
-  header: {
-    flexDirection: "row",
-    alignItems: "center",
-    justifyContent: "space-between",
-    gap: theme.space.s3,
-    paddingStart: theme.space.s4,
-    paddingEnd: theme.space.s2,
-    paddingVertical: theme.space.s2,
-    borderBottomWidth: theme.borderWidth.base,
-    borderBottomColor: theme.color.border
-  },
-  headerLabels: {
-    flexShrink: 1,
-    flexDirection: "row",
-    alignItems: "baseline",
-    gap: theme.space.s2
-  },
-  filename: {
-    flexShrink: 1,
-    fontFamily: theme.font.mono,
-    fontSize: theme.type.footnote.fontSize,
-    color: theme.code.fg
-  },
-  language: {
-    fontFamily: theme.font.mono,
-    fontSize: theme.type.caption1.fontSize,
-    letterSpacing: 1,
-    color: theme.code.fg,
-    opacity: theme.opacity[80]
-  },
-  corner: {
-    position: "absolute",
-    top: theme.space.s1,
-    end: theme.space.s1,
-    zIndex: theme.z.raised
-  },
-  body: { paddingVertical: theme.space.s3 },
-  lines: { flexDirection: "column" },
-  line: { flexDirection: "row", alignItems: "flex-start" },
-  // No gutter → the code needs the leading inset the gutter would have carried.
-  lineInset: { paddingStart: theme.space.s4 },
-  gutter: {
-    minWidth: theme.space.s6,
-    paddingStart: theme.space.s4,
-    paddingEnd: theme.space.s3,
-    textAlign: "right",
-    fontFamily: theme.font.mono,
-    fontSize: theme.type.footnote.fontSize,
-    lineHeight: theme.code.lineH,
-    // A muted gutter ink that still clears AA (4.5:1) on code.bg: code.fg at 70%
-    // alpha (~5.6:1 light / ~7.2:1 dark). `theme.code.com` is short in dark
-    // (~4.1:1), and `aria-hidden` does not exempt the gutter from axe here.
-    color: `${theme.code.fg}b3`
-  },
-  code: {
-    fontFamily: theme.font.mono,
-    fontSize: theme.type.footnote.fontSize,
-    lineHeight: theme.code.lineH,
-    color: theme.code.fg,
-    paddingEnd: theme.space.s4
-  },
-  // Wrapped lines take the remaining width so the Text engine can break them.
-  codeWrap: { flex: 1 },
-  // Non-wrapped lines size to their intrinsic width inside the horizontal
-  // ScrollView, so a long line scrolls rather than wrapping.
-  codeNoWrap: {}
-}));
-
-export { CodeBlock };