@btndprojects/loam-ui-native 0.2.1 → 0.3.1

package/dist/chunk-HJLPZA4X.js

@@ -1,369 +0,0 @@
-import { useLabels } from './chunk-APCWFOZW.js';
-import { Icon } from './chunk-UXGIW7OK.js';
-import * as React3 from 'react';
-import { resolveAnalyzerLabels, localizeProfile, profile, gateHintDisplay } from '@btndprojects/loam-analyzer';
-import { View, Text, Pressable } from 'react-native';
-import { createStyleSheet, useStyles, useLoamTheme } from '@btndprojects/loam-theme-native';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-var DEFAULT_ANALYZER_UI_LABELS = {
-  uploadPhoto: "Upload a photo",
-  expertControls: "Expert controls",
-  placeholderFeed: "live feed \xB7 placeholder",
-  webcamFront: "webcam \xB7 front",
-  rearCamera: "rear camera",
-  feedLive: (facing, ratio, zoom) => `${facing} \xB7 ${ratio} \xB7 ${zoom}x \xB7 placeholder feed`,
-  feedCaptured: (ratio) => `frozen frame \xB7 ${ratio} \xB7 placeholder`,
-  feedAnalysing: "frozen frame \xB7 analysing",
-  feedFrozen: "frozen frame",
-  feedDone: "captured frame",
-  analysing: "Analysing",
-  resultReady: "Result ready",
-  analysisFailed: "Analysis failed",
-  plate: {
-    plant: "plant subject",
-    document: "document page",
-    barcode: "barcode",
-    car: "vehicle",
-    id: "identity document",
-    generic: "scene"
-  }
-};
-function useAnalyzerLabels(own) {
-  const base = useLabels("analyzer", DEFAULT_ANALYZER_UI_LABELS, own);
-  return React3.useMemo(
-    () => ({ ...base, plate: { ...DEFAULT_ANALYZER_UI_LABELS.plate, ...base.plate } }),
-    [base]
-  );
-}
-var NO_COPY = {};
-function useAnalyzerCopy(own) {
-  const provided = useLabels("analyzerCopy", NO_COPY);
-  const scoped = React3.useContext(AnalyzerCopyScope);
-  return React3.useMemo(() => resolveAnalyzerLabels(provided, scoped, own), [provided, scoped, own]);
-}
-var AnalyzerCopyScope = React3.createContext(void 0);
-var DEFAULT_VIEWFINDER_LABELS = {
-  closeCamera: "Close camera",
-  autoCapturing: "Auto-capturing",
-  capture: "Capture",
-  torch: "Torch",
-  grid: "Grid",
-  flipCamera: "Flip camera",
-  zoom: "Zoom",
-  zoomStop: (stop) => `${stop}x`,
-  capturedPages: "Captured pages",
-  captureSequence: "Capture sequence",
-  stepCaptured: (name) => `${name} \u2014 captured, tap to redo`,
-  expertControls: "Expert controls",
-  expert: "Expert",
-  closeExpert: "Close expert controls",
-  level: "Level",
-  torchLevels: { off: "off", low: "low", high: "high" },
-  formats: { pipeline: "Pipeline-native", full: "Full sensor" },
-  uploadPhoto: "Upload a photo",
-  cameraDevice: "Camera device"
-};
-function useViewfinderLabels(own) {
-  const merged = useLabels("viewfinder", DEFAULT_VIEWFINDER_LABELS, own);
-  const provided = useLabels("viewfinder", NONE);
-  return React3.useMemo(
-    () => ({
-      ...merged,
-      torchLevels: {
-        ...DEFAULT_VIEWFINDER_LABELS.torchLevels,
-        ...provided.torchLevels,
-        ...own?.torchLevels
-      },
-      formats: { ...DEFAULT_VIEWFINDER_LABELS.formats, ...provided.formats, ...own?.formats }
-    }),
-    [merged, provided, own]
-  );
-}
-var NONE = {};
-function camGlass(theme) {
-  return {
-    backgroundColor: theme.black.a12,
-    borderWidth: theme.borderWidth.base,
-    borderColor: theme.white.a5
-  };
-}
-function camInk(theme) {
-  return theme.media.ink;
-}
-function camMeta(theme) {
-  return {
-    fontFamily: theme.font.mono,
-    // `a13`, not `a10`: at 38% the metadata measured 2:1 on the scrim over a
-    // bright feed. 70% still reads as secondary beside the full-white ink.
-    color: theme.white.a13,
-    letterSpacing: theme.tracking.wider
-  };
-}
-var GATE_ANNOUNCE_MS = 1200;
-function pressedProps(on) {
-  return { "aria-pressed": on };
-}
-function decorativeProps() {
-  return { "aria-hidden": true };
-}
-function untabbableProps() {
-  return { tabIndex: -1 };
-}
-var AnnounceContext = React3.createContext(null);
-function SurfaceLiveRegion({ children }) {
-  const [message, setMessage] = React3.useState("");
-  const announce = React3.useCallback((m) => setMessage(m), []);
-  const { styles } = useStyles(chromeSheet);
-  return /* @__PURE__ */ jsxs(AnnounceContext.Provider, { value: announce, children: [
-    children,
-    /* @__PURE__ */ jsx(
-      View,
-      {
-        role: "status",
-        accessibilityLiveRegion: "polite",
-        style: styles.srOnly,
-        ...{ "aria-live": "polite" },
-        children: /* @__PURE__ */ jsx(Text, { style: styles.srOnly, children: message })
-      }
-    )
-  ] });
-}
-function useSurfaceAnnounce() {
-  return React3.useContext(AnnounceContext);
-}
-function GlassIconButton({
-  icon,
-  label,
-  on,
-  size = "md",
-  radius = "full",
-  onPress
-}) {
-  const theme = useLoamTheme("viewfinder");
-  const { styles } = useStyles(chromeSheet, { size, radius, on: on === true });
-  const glyph = on ? theme.media.onInk : camInk(theme);
-  return /* @__PURE__ */ jsx(
-    Pressable,
-    {
-      accessibilityRole: "button",
-      accessibilityLabel: label,
-      accessibilityState: on === void 0 ? void 0 : { selected: on },
-      onPress,
-      hitSlop: Math.max(0, (theme.hit.lg - (size === "lg" ? theme.ctl.lg : theme.ctl.md)) / 2),
-      style: styles.glassButton,
-      ...on === void 0 ? {} : pressedProps(on),
-      children: /* @__PURE__ */ jsx(Icon, { name: icon, size: size === "lg" ? theme.icon.lg : theme.icon.md, color: glyph })
-    }
-  );
-}
-function chipColours(theme, tone) {
-  switch (tone) {
-    case "good":
-      return { fill: theme.color.good, ink: theme.color.goodInk };
-    case "warn":
-      return { fill: theme.color.warn, ink: theme.color.warnInk };
-    case "danger":
-      return { fill: theme.color.danger, ink: theme.color.dangerInk };
-    case "info":
-      return { fill: theme.color.info, ink: theme.color.infoInk };
-    default:
-      return { ink: camInk(theme) };
-  }
-}
-function GuidanceChip({
-  text,
-  tone = "neutral",
-  icon
-}) {
-  const theme = useLoamTheme("viewfinder");
-  const { styles } = useStyles(chromeSheet, { tone });
-  const { ink } = chipColours(theme, tone);
-  return (
-    // The tone is on the testID as well as in the fill, so a test can read the
-    // *pill* rather than the live region that repeats its words.
-    /* @__PURE__ */ jsxs(View, { testID: `loam-chip-${tone}`, style: styles.chip, children: [
-      icon ? /* @__PURE__ */ jsx(Icon, { name: icon, size: theme.icon.sm, color: ink }) : null,
-      /* @__PURE__ */ jsx(Text, { style: [styles.chipText, { color: ink }], children: text })
-    ] })
-  );
-}
-function GateHint({
-  profile: profileProp,
-  gate = { pass: true, failing: [] },
-  countdown = null,
-  live = true,
-  throttleMs = GATE_ANNOUNCE_MS,
-  copy
-}) {
-  const words = useAnalyzerCopy(copy);
-  const resolved = React3.useMemo(
-    () => localizeProfile(profile(profileProp), words),
-    [profileProp, words]
-  );
-  const display = gateHintDisplay(resolved, gate, countdown, words);
-  const surface = useSurfaceAnnounce();
-  const [own, setOwn] = React3.useState("");
-  const { styles } = useStyles(chromeSheet);
-  const sink = React3.useRef(setOwn);
-  sink.current = surface ?? setOwn;
-  const last = React3.useRef({ text: "", at: 0 });
-  React3.useEffect(() => {
-    if (!live) return;
-    const text = display.text;
-    if (text === last.current.text) return;
-    const wait = last.current.at === 0 ? 0 : last.current.at + throttleMs - Date.now();
-    if (wait <= 0) {
-      last.current = { text, at: Date.now() };
-      sink.current(text);
-      return;
-    }
-    const timer = setTimeout(() => {
-      last.current = { text, at: Date.now() };
-      sink.current(text);
-    }, wait);
-    return () => clearTimeout(timer);
-  }, [display.text, live, throttleMs]);
-  return /* @__PURE__ */ jsxs(View, { style: styles.centreRow, children: [
-    /* @__PURE__ */ jsx(GuidanceChip, { text: display.text, tone: display.tone, icon: display.icon }),
-    surface ? null : /* @__PURE__ */ jsx(
-      View,
-      {
-        role: "status",
-        accessibilityLiveRegion: "polite",
-        style: styles.srOnly,
-        ...{ "aria-live": "polite" },
-        children: /* @__PURE__ */ jsx(Text, { style: styles.srOnly, children: own })
-      }
-    )
-  ] });
-}
-function ViewfinderTopBar({
-  title,
-  subtitle,
-  align = "start",
-  closeLabel,
-  labels,
-  onClose,
-  children
-}) {
-  const t = useViewfinderLabels(labels);
-  const theme = useLoamTheme("viewfinder");
-  const { styles } = useStyles(chromeSheet, { align });
-  const ink = camInk(theme);
-  return /* @__PURE__ */ jsxs(View, { style: styles.topBar, children: [
-    onClose ? /* @__PURE__ */ jsx(GlassIconButton, { icon: "x", label: closeLabel ?? t.closeCamera, onPress: onClose }) : null,
-    /* @__PURE__ */ jsxs(View, { style: styles.titlePlate, children: [
-      /* @__PURE__ */ jsx(Text, { numberOfLines: 1, style: [styles.title, { color: ink }], children: title }),
-      subtitle ? /* @__PURE__ */ jsx(Text, { numberOfLines: 1, style: [styles.subtitle, { color: ink }], children: subtitle }) : null
-    ] }),
-    /* @__PURE__ */ jsx(View, { style: styles.topBarEnd, children })
-  ] });
-}
-var chromeSheet = createStyleSheet((theme) => ({
-  // A 1×1 clipped box rather than `display:'none'`: a hidden region is not
-  // announced, and RN has no `sr-only` utility.
-  srOnly: {
-    position: "absolute",
-    width: theme.space[1],
-    height: theme.space[1],
-    overflow: "hidden"
-  },
-  centreRow: {
-    flexDirection: "row",
-    justifyContent: "center"
-  },
-  glassButton: {
-    flexDirection: "row",
-    alignItems: "center",
-    justifyContent: "center",
-    flexGrow: 0,
-    flexShrink: 0,
-    borderWidth: theme.borderWidth.base,
-    borderColor: theme.white.a5,
-    variants: {
-      size: {
-        // 36 and 44 drawn, 44 hit at both (see `hitSlop` on the Pressable).
-        md: { width: theme.ctl.md, height: theme.ctl.md },
-        lg: { width: theme.ctl.lg, height: theme.ctl.lg }
-      },
-      radius: {
-        full: { borderRadius: theme.radius.full },
-        sm: { borderRadius: theme.radius.sm }
-      },
-      // "On" inverts the plate to an opaque fill, so the state is not a colour.
-      on: {
-        true: { backgroundColor: theme.media.ink, borderColor: theme.media.ink },
-        false: { backgroundColor: theme.black.a12 }
-      }
-    }
-  },
-  chip: {
-    flexDirection: "row",
-    alignItems: "center",
-    gap: theme.space[6],
-    paddingHorizontal: theme.space[12],
-    paddingVertical: theme.space[6],
-    borderRadius: theme.radius.full,
-    maxWidth: theme.panel.lg,
-    variants: {
-      tone: {
-        neutral: {
-          backgroundColor: theme.black.a12,
-          borderWidth: theme.borderWidth.base,
-          borderColor: theme.white.a5
-        },
-        good: { backgroundColor: theme.color.good },
-        warn: { backgroundColor: theme.color.warn },
-        danger: { backgroundColor: theme.color.danger },
-        info: { backgroundColor: theme.color.info }
-      }
-    }
-  },
-  chipText: {
-    fontFamily: theme.font.sans,
-    fontSize: theme.fontSize[13],
-    flexShrink: 1
-  },
-  topBar: {
-    flexDirection: "row",
-    alignItems: "center",
-    gap: theme.space[8],
-    padding: theme.space[8]
-  },
-  titlePlate: {
-    flexShrink: 1,
-    minWidth: theme.space[0],
-    flexDirection: "column",
-    paddingHorizontal: theme.space[10],
-    paddingVertical: theme.space[4],
-    borderRadius: theme.radius.sm,
-    backgroundColor: theme.black.a12,
-    borderWidth: theme.borderWidth.base,
-    borderColor: theme.white.a5,
-    variants: {
-      align: {
-        start: { alignItems: "flex-start" },
-        center: { alignItems: "center", marginHorizontal: "auto" }
-      }
-    }
-  },
-  title: {
-    fontFamily: theme.font.sans,
-    fontSize: theme.fontSize[13],
-    fontWeight: theme.fontWeight.semibold
-  },
-  subtitle: {
-    fontFamily: theme.font.sans,
-    fontSize: theme.fontSize[11]
-  },
-  topBarEnd: {
-    marginStart: "auto",
-    flexShrink: 0,
-    flexDirection: "row",
-    alignItems: "center",
-    gap: theme.space[8]
-  }
-}));
-
-export { AnalyzerCopyScope, GATE_ANNOUNCE_MS, GateHint, GlassIconButton, GuidanceChip, SurfaceLiveRegion, ViewfinderTopBar, camGlass, camInk, camMeta, decorativeProps, pressedProps, untabbableProps, useAnalyzerCopy, useAnalyzerLabels, useSurfaceAnnounce, useViewfinderLabels };