@btndprojects/loam-ui-native 0.2.1 → 0.3.1

package/dist/chunk-2BZD3NAP.js

@@ -0,0 +1,1110 @@
+import { DateRangePicker } from './chunk-CLGAMIOT.js';
+import { MonthList } from './chunk-TZO6YDS7.js';
+import { Sheet } from './chunk-B7JZ3N5G.js';
+import { Button } from './chunk-5DTKORLI.js';
+import { resolveTextRole } from './chunk-L4D5LHCH.js';
+import { Skeleton } from './chunk-YJ5PXOX3.js';
+import { SegmentedControl } from './chunk-NZG75DGA.js';
+import { FieldMessage } from './chunk-BTRMA7GC.js';
+import { Input } from './chunk-KXLDK6HB.js';
+import { isAndroidIdiom } from './chunk-TH4PW2WU.js';
+import { useLoamLocale } from './chunk-APCWFOZW.js';
+import { Icon } from './chunk-PCEFCOLN.js';
+import * as React2 from 'react';
+import { View, Pressable, Text, ScrollView } from 'react-native';
+import { createStyleSheet, useLoamTheme, useStyles } from '@btndprojects/loam-theme-native';
+import { dateZone, absolute } from '@btndprojects/loam-date';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var ISO = /^(\d{4})-(\d{2})-(\d{2})$/;
+var Z = dateZone();
+var DAY_MS = 864e5;
+var RADIUS = 6;
+function isoToMs(value) {
+  const m = value ? ISO.exec(value) : null;
+  return m ? Z.ms(Number(m[1]), Number(m[2]) - 1, Number(m[3]), 0, 0, 0) : null;
+}
+function msToIso(ms) {
+  const w = Z.wall(ms);
+  return `${String(w.y).padStart(4, "0")}-${String(w.mo + 1).padStart(2, "0")}-${String(w.d).padStart(2, "0")}`;
+}
+function QueryDateField({
+  value,
+  onChange,
+  label,
+  android,
+  surface
+}) {
+  const { styles } = useStyles(sheet);
+  const locale = useLoamLocale();
+  const ms = isoToMs(value);
+  const ctx = React2.useMemo(
+    () => ({ Z, now: Date.now(), weekStartsOn: 1, granularity: "day", mode: "single", locale }),
+    [locale]
+  );
+  if (android) {
+    return /* @__PURE__ */ jsx(
+      DateRangePicker,
+      {
+        mode: "single",
+        platform: "android",
+        surface,
+        label,
+        placeholder: "YYYY-MM-DD",
+        presets: false,
+        clearable: false,
+        value: ms === null ? null : absolute(ms, ms + DAY_MS),
+        onChange: (_, resolved) => {
+          if (resolved.from !== null) onChange(msToIso(resolved.from));
+        }
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(View, { accessibilityLabel: label, style: styles.calendar, children: /* @__PURE__ */ jsx(
+    MonthList,
+    {
+      Z,
+      anchorMs: ms ?? ctx.now ?? Date.now(),
+      radius: RADIUS,
+      ctx,
+      from: ms,
+      to: ms === null ? null : Z.startOfDay(ms + DAY_MS),
+      onPick: (picked) => onChange(msToIso(Z.startOfDay(picked)))
+    }
+  ) });
+}
+var sheet = createStyleSheet((theme) => ({
+  calendar: { height: theme.space[256], minHeight: theme.space[224] }
+}));
+
+// src/query-builder/query-model.ts
+function isGroup(node) {
+  return "children" in node;
+}
+var counter = 0;
+function newGroupId() {
+  counter += 1;
+  return `g${counter}`;
+}
+function makeGroup(join = "AND", children = []) {
+  return { id: newGroupId(), join, children };
+}
+var NO_VALUE = /^(is (not )?(empty|set|null)|has no value|is blank)$/i;
+var BETWEEN = /\bbetween\b/i;
+var MULTI = /\b(any|none) of\b|\bin\b$|^in$/i;
+var WITHIN = /^(in the last|within|in the next)$/i;
+function editorFor(def, operator) {
+  if (NO_VALUE.test(operator)) return "none";
+  const type = def?.type;
+  if (!type) return "enum";
+  const between = BETWEEN.test(operator);
+  if (type === "text") return "text";
+  if (type === "number") return between ? "between" : "number";
+  if (type === "date") return between ? "between-date" : WITHIN.test(operator) ? "relative" : "date";
+  if (type === "boolean") return "boolean";
+  return def?.multiple || MULTI.test(operator) ? "multi" : "enum";
+}
+function emptyValue(def, operator) {
+  switch (editorFor(def, operator)) {
+    case "none":
+      return null;
+    case "enum":
+      return def?.values[0] ?? "";
+    case "multi":
+      return [];
+    case "between":
+    case "between-date":
+      return [null, null];
+    case "relative":
+      return { amount: null, unit: def?.units?.[0] ?? "days" };
+    case "boolean":
+      return null;
+    default:
+      return null;
+  }
+}
+var ISO2 = /^\d{4}-\d{2}-\d{2}$/;
+function toNum(v) {
+  return typeof v === "number" ? v : Number(String(v ?? "").replace(/[,\s]/g, ""));
+}
+function blank(v) {
+  return v === null || v === void 0 || v === "" || typeof v === "number" && Number.isNaN(v);
+}
+function conditionIssue(c, def) {
+  const kind = editorFor(def, c.operator);
+  const v = c.value;
+  switch (kind) {
+    case "none":
+      return null;
+    case "enum":
+      return !def?.type ? null : blank(v) ? { kind: "empty", message: "Add a value, or remove this condition." } : null;
+    case "multi":
+      return Array.isArray(v) && v.length > 0 ? null : { kind: "empty", message: "Pick at least one value, or remove this condition." };
+    case "between":
+    case "between-date": {
+      const [a, b] = Array.isArray(v) ? v : [null, null];
+      if (blank(a) || blank(b)) return { kind: "empty", message: "Add both values, or remove this condition." };
+      if (kind === "between-date" && !(ISO2.test(String(a)) && ISO2.test(String(b)))) {
+        return { kind: "parse", message: "Use dates like 2026-10-12." };
+      }
+      const na = toNum(a);
+      const nb = toNum(b);
+      const larger = kind === "between" ? nb > na : String(b) > String(a);
+      if (kind === "between" && (Number.isNaN(na) || Number.isNaN(nb))) {
+        return { kind: "parse", message: "Enter numbers." };
+      }
+      return larger ? null : { kind: "range", message: "The second value must be larger than the first." };
+    }
+    case "relative": {
+      const amount = v && typeof v === "object" && !Array.isArray(v) ? v.amount : null;
+      return blank(amount) ? { kind: "empty", message: "Add a number, or remove this condition." } : null;
+    }
+    case "number": {
+      if (blank(v)) return { kind: "empty", message: "Add a value, or remove this condition." };
+      const n = toNum(v);
+      if (Number.isNaN(n)) return { kind: "parse", message: "Enter a number." };
+      if (def?.min !== void 0 && n < def.min) return { kind: "range", message: `Use ${def.min} or more.` };
+      if (def?.max !== void 0 && n > def.max) return { kind: "range", message: `Use ${def.max} or less.` };
+      return null;
+    }
+    case "date":
+      if (blank(v)) return { kind: "empty", message: "Add a value, or remove this condition." };
+      return ISO2.test(String(v)) ? null : { kind: "parse", message: "Use a date like 2026-10-12." };
+    default:
+      return blank(v) ? { kind: "empty", message: "Add a value, or remove this condition." } : null;
+  }
+}
+function collectIssues(root, fields) {
+  const out = [];
+  const walk = (g, path) => {
+    g.children.forEach((n, i) => {
+      if (isGroup(n)) return walk(n, [...path, i]);
+      const issue = conditionIssue(n, fields.find((f) => f.name === n.field));
+      if (issue) out.push({ path: [...path, i], ...issue });
+    });
+  };
+  walk(root, []);
+  return out;
+}
+function appliedGroup(root, fields) {
+  const prune = (g) => ({
+    ...g,
+    children: g.children.flatMap((n) => {
+      if (isGroup(n)) {
+        const inner = prune(n);
+        return inner.children.length > 0 ? [inner] : [];
+      }
+      return conditionIssue(n, fields.find((f) => f.name === n.field)) ? [] : [n];
+    })
+  });
+  return prune(root);
+}
+function countConditions(g) {
+  return g.children.reduce((n, c) => n + (isGroup(c) ? countConditions(c) : 1), 0);
+}
+function groupAt(root, path) {
+  let g = root;
+  for (const i of path) g = g.children[i];
+  return g;
+}
+function updateGroup(root, path, fn) {
+  if (path.length === 0) return fn(root);
+  const [head, ...rest] = path;
+  return {
+    ...root,
+    children: root.children.map((c, i) => i === head ? updateGroup(c, rest, fn) : c)
+  };
+}
+function escapeLiteral(value) {
+  return value.replace(/'/g, "''");
+}
+var SQL = {
+  is: "=",
+  "=": "=",
+  "is not": "!=",
+  "!=": "!=",
+  ">": ">",
+  "is over": ">",
+  "is greater than": ">",
+  after: ">",
+  "is after": ">",
+  "<": "<",
+  "is under": "<",
+  "is less than": "<",
+  before: "<",
+  "is before": "<",
+  ">=": ">=",
+  "is at least": ">=",
+  "is on or after": ">=",
+  "<=": "<=",
+  "is at most": "<=",
+  "is on or before": "<="
+};
+var quote = (s) => `'${escapeLiteral(s)}'`;
+function formatCondition(c, def) {
+  const col = c.field.toLowerCase();
+  const kind = editorFor(def, c.operator);
+  const v = c.value;
+  const op = c.operator.toLowerCase();
+  if (!def?.type) return `${col} ${c.operator} ${quote(String(v ?? ""))}`;
+  if (kind === "none") return `${col} ${/not/.test(op) ? "IS NOT NULL" : "IS NULL"}`;
+  if (kind === "multi") {
+    const list = (Array.isArray(v) ? v : []).map((x) => quote(String(x))).join(", ");
+    return `${col} ${/none of|not in/.test(op) ? "NOT IN" : "IN"} (${list})`;
+  }
+  if (kind === "between" || kind === "between-date") {
+    const [a, b] = Array.isArray(v) ? v : [null, null];
+    const f = (x) => kind === "between" ? String(toNum(x)) : quote(String(x));
+    return `${col} ${/not/.test(op) ? "NOT BETWEEN" : "BETWEEN"} ${f(a)} AND ${f(b)}`;
+  }
+  if (kind === "relative") {
+    const r = v;
+    return `${col} >= now() - INTERVAL ${quote(`${r.amount} ${r.unit}`)}`;
+  }
+  if (kind === "boolean") {
+    const t = v === true || v === "Yes";
+    return `${col} ${/not/.test(op) ? "!=" : "="} ${t ? "TRUE" : "FALSE"}`;
+  }
+  if (kind === "text") {
+    const s = String(v ?? "");
+    if (op === "contains") return `${col} LIKE ${quote(`%${s}%`)}`;
+    if (op === "does not contain") return `${col} NOT LIKE ${quote(`%${s}%`)}`;
+    if (op === "starts with") return `${col} LIKE ${quote(`${s}%`)}`;
+    return `${col} ${SQL[op] ?? c.operator} ${quote(s)}`;
+  }
+  if (kind === "number") return `${col} ${SQL[op] ?? c.operator} ${toNum(v)}`;
+  return `${col} ${SQL[op] ?? c.operator} ${quote(String(v ?? ""))}`;
+}
+function formatNode(n, fields, nested) {
+  if (!isGroup(n)) return formatCondition(n, fields.find((f) => f.name === n.field));
+  const inner = n.children.map((c) => formatNode(c, fields, true)).join(` ${n.join} `);
+  return nested ? `(${inner})` : inner;
+}
+function formatGroup(root, fields, table = "projects") {
+  if (root.children.length === 0) return "";
+  const lines = root.children.map((c) => formatNode(c, fields, true));
+  return `SELECT * FROM ${table}
+WHERE ${lines.join(`
+  ${root.join} `)}`;
+}
+function formatBody(root, fields) {
+  return root.children.map((c) => formatNode(c, fields, true)).join(`
+${root.join} `);
+}
+function tokenize(text) {
+  const out = [];
+  let line = 1;
+  let i = 0;
+  while (i < text.length) {
+    const ch = text[i];
+    if (ch === "\n") {
+      line += 1;
+      i += 1;
+      continue;
+    }
+    if (/\s/.test(ch)) {
+      i += 1;
+      continue;
+    }
+    if (ch === "-" && text[i + 1] === "-") {
+      while (i < text.length && text[i] !== "\n") i += 1;
+      continue;
+    }
+    if (ch === "'") {
+      let s = "";
+      i += 1;
+      while (i < text.length) {
+        if (text[i] === "'" && text[i + 1] === "'") {
+          s += "'";
+          i += 2;
+          continue;
+        }
+        if (text[i] === "'") break;
+        s += text[i];
+        i += 1;
+      }
+      if (text[i] !== "'") return { line, message: "A quoted value is missing its closing quote." };
+      i += 1;
+      out.push({ t: "str", v: s, line });
+      continue;
+    }
+    const num = /^-?\d+(\.\d+)?/.exec(text.slice(i));
+    if (num && (ch !== "-" || !/\w/.test(text[i - 1] ?? " "))) {
+      out.push({ t: "num", v: num[0], line });
+      i += num[0].length;
+      continue;
+    }
+    const word = /^[A-Za-z_][\w.]*/.exec(text.slice(i));
+    if (word) {
+      out.push({ t: "word", v: word[0], line });
+      i += word[0].length;
+      continue;
+    }
+    const sym = /^(!=|<>|<=|>=|=|<|>|\(|\)|,|%|\*|-)/.exec(text.slice(i));
+    if (sym) {
+      out.push({ t: "sym", v: sym[0], line });
+      i += sym[0].length;
+      continue;
+    }
+    return { line, message: `Unexpected \u201C${ch}\u201D.` };
+  }
+  out.push({ t: "end", v: "", line });
+  return out;
+}
+function distance(a, b) {
+  const d = Array.from({ length: a.length + 1 }, (_, i) => [i, ...Array(b.length).fill(0)]);
+  for (let j = 1; j <= b.length; j += 1) d[0][j] = j;
+  for (let i = 1; i <= a.length; i += 1)
+    for (let j = 1; j <= b.length; j += 1)
+      d[i][j] = Math.min(d[i - 1][j] + 1, d[i][j - 1] + 1, d[i - 1][j - 1] + (a[i - 1] === b[j - 1] ? 0 : 1));
+  return d[a.length][b.length];
+}
+function operatorFor(def, sql, kinds) {
+  return def.operators.find((o) => {
+    const k = editorFor(def, o);
+    if (!kinds.includes(k)) return false;
+    const low = o.toLowerCase();
+    if (sql === "IS NULL") return NO_VALUE.test(o) && !/not/.test(low);
+    if (sql === "IS NOT NULL") return NO_VALUE.test(o) && /not/.test(low);
+    if (sql === "IN") return k === "multi" && !/none|not/.test(low);
+    if (sql === "NOT IN") return k === "multi" && /none|not/.test(low);
+    if (sql === "BETWEEN") return /between/.test(low) && !/not/.test(low);
+    if (sql === "NOT BETWEEN") return /not between/.test(low);
+    if (sql === "WITHIN") return k === "relative";
+    if (sql === "LIKE_C") return low === "contains";
+    if (sql === "NOT LIKE_C") return low === "does not contain";
+    if (sql === "LIKE_S") return low === "starts with";
+    return (SQL[low] ?? low) === sql;
+  });
+}
+function parseQuery(text, fields) {
+  const toks = tokenize(text);
+  if (!Array.isArray(toks)) return { error: toks };
+  let p = 0;
+  const peek = () => toks[p];
+  const isW = (t, w) => t.t === "word" && t.v.toUpperCase() === w;
+  const fail = (message, fix, at = peek()) => ({
+    error: { line: at.line, message, ...{} }
+  });
+  if (isW(peek(), "SELECT")) {
+    while (!isW(peek(), "WHERE") && peek().t !== "end") p += 1;
+  }
+  if (isW(peek(), "WHERE")) p += 1;
+  if (peek().t === "end") return { value: makeGroup("AND") };
+  const readValue = () => {
+    const t = peek();
+    if (t.t === "str") {
+      p += 1;
+      return { ok: t.v };
+    }
+    if (t.t === "num") {
+      p += 1;
+      return { ok: Number(t.v) };
+    }
+    if (t.t === "word" && /^(TRUE|FALSE)$/i.test(t.v)) {
+      p += 1;
+      return { ok: t.v.toUpperCase() };
+    }
+    return { error: { line: t.line, message: "Expected a value here." } };
+  };
+  const cond = () => {
+    const ft = peek();
+    if (ft.t !== "word") return { error: { line: ft.line, message: "Expected a field name here." } };
+    const def = fields.find((f) => f.name.toLowerCase() === ft.v.toLowerCase());
+    if (!def) {
+      const best = [...fields].sort((a, b) => distance(a.name.toLowerCase(), ft.v.toLowerCase()) - distance(b.name.toLowerCase(), ft.v.toLowerCase()))[0];
+      const near = best && distance(best.name.toLowerCase(), ft.v.toLowerCase()) <= 2 ? best.name.toLowerCase() : void 0;
+      return {
+        error: {
+          line: ft.line,
+          message: `there is no field called \u201C${ft.v}\u201D.${near ? ` Use \u201C${near}\u201D` : ""}`,
+          ...near ? { fix: { label: `Use \u201C${near}\u201D`, text: text.replace(new RegExp(`\\b${ft.v}\\b`), near) } } : {}
+        }
+      };
+    }
+    p += 1;
+    const t = peek();
+    const mk = (sql, kinds, value) => {
+      const operator = operatorFor(def, sql, kinds);
+      if (!operator) return { error: { line: t.line, message: `\u201C${def.name.toLowerCase()}\u201D does not support ${sql}.` } };
+      return { ok: { field: def.name, operator, value } };
+    };
+    const typed = !!def.type;
+    if (isW(t, "IS")) {
+      p += 1;
+      const not2 = isW(peek(), "NOT");
+      if (not2) p += 1;
+      if (!isW(peek(), "NULL")) return { error: { line: peek().line, message: "Expected NULL after IS." } };
+      p += 1;
+      return mk(not2 ? "IS NOT NULL" : "IS NULL", ["none"], null);
+    }
+    let not = false;
+    if (isW(t, "NOT")) {
+      not = true;
+      p += 1;
+    }
+    const k = peek();
+    if (isW(k, "IN")) {
+      p += 1;
+      if (peek().v !== "(") return { error: { line: peek().line, message: "Expected ( after IN." } };
+      p += 1;
+      const list = [];
+      for (; ; ) {
+        const v = readValue();
+        if ("error" in v) return v;
+        list.push(String(v.ok));
+        if (peek().v === ",") {
+          p += 1;
+          continue;
+        }
+        break;
+      }
+      if (peek().v !== ")") return { error: { line: peek().line, message: "Expected ) to close the list." } };
+      p += 1;
+      return mk(not ? "NOT IN" : "IN", ["multi"], list);
+    }
+    if (isW(k, "BETWEEN")) {
+      p += 1;
+      const a = readValue();
+      if ("error" in a) return a;
+      if (!isW(peek(), "AND")) return { error: { line: peek().line, message: "Expected AND between the two values." } };
+      p += 1;
+      const b = readValue();
+      if ("error" in b) return b;
+      return mk(not ? "NOT BETWEEN" : "BETWEEN", ["between", "between-date"], [a.ok, b.ok]);
+    }
+    if (isW(k, "LIKE")) {
+      p += 1;
+      const v = readValue();
+      if ("error" in v) return v;
+      const s = String(v.ok);
+      const lead = s.startsWith("%");
+      const trail = s.endsWith("%");
+      const core = s.replace(/^%|%$/g, "");
+      if (lead && trail) return mk(not ? "NOT LIKE_C" : "LIKE_C", ["text"], core);
+      if (trail && !not) return mk("LIKE_S", ["text"], core);
+      return { error: { line: k.line, message: "Use LIKE with %value% or value%." } };
+    }
+    if (k.t === "sym" && ["=", "!=", "<>", "<", ">", "<=", ">="].includes(k.v)) {
+      p += 1;
+      const sql = k.v === "<>" ? "!=" : k.v;
+      if (isW(peek(), "NOW")) {
+        p += 1;
+        while (peek().v === "(" || peek().v === ")" || peek().v === "-" || isW(peek(), "INTERVAL")) p += 1;
+        const v2 = readValue();
+        if ("error" in v2) return v2;
+        const [amount, unit] = String(v2.ok).split(" ");
+        return mk("WITHIN", ["relative"], { amount: Number(amount), unit: unit ?? "days" });
+      }
+      const v = readValue();
+      if ("error" in v) return v;
+      if (typed && def.type === "boolean") {
+        return mk(sql, ["boolean"], String(v.ok).toUpperCase() === "TRUE");
+      }
+      const kinds = ["text", "number", "date", "enum"];
+      return mk(sql, kinds, typeof v.ok === "number" ? v.ok : v.ok);
+    }
+    return { error: { line: k.line, message: "Expected an operator after the field." } };
+  };
+  const expr = (depth) => {
+    const children = [];
+    let join = null;
+    for (; ; ) {
+      if (peek().v === "(") {
+        p += 1;
+        const inner = expr();
+        if ("error" in inner) return inner;
+        if (peek().v !== ")") return { error: { line: peek().line, message: "Expected ) to close the group." } };
+        p += 1;
+        children.push(inner.ok);
+      } else {
+        const c = cond();
+        if ("error" in c) return c;
+        children.push(c.ok);
+      }
+      const n = peek();
+      if (isW(n, "AND") || isW(n, "OR")) {
+        const j = n.v.toUpperCase();
+        if (join && join !== j) {
+          return { error: { line: n.line, message: "Mixing AND with OR needs parentheses." } };
+        }
+        join = j;
+        p += 1;
+        continue;
+      }
+      break;
+    }
+    return { ok: makeGroup(join ?? "AND", children) };
+  };
+  const r = expr();
+  if ("error" in r) return r;
+  if (peek().t !== "end") return fail("Unexpected text after the query.");
+  return { value: { ...r.ok, id: "root" } };
+}
+var DEFAULT_LABELS = {
+  title: "Filter",
+  addCondition: "Add condition",
+  addGroup: "Add group",
+  apply: "Apply",
+  cancel: "Cancel",
+  back: "Back",
+  field: "Field",
+  operator: "Operator",
+  value: "Value",
+  needsValue: "Needs a value",
+  remove: "Remove condition",
+  empty: "No conditions yet",
+  group: "Group",
+  conditions: "conditions",
+  conditionsOne: "condition",
+  and: "All",
+  or: "Any",
+  yes: "Yes",
+  no: "No",
+  leftOut: "left out",
+  done: "Done",
+  condition: "Condition",
+  match: "Match",
+  matchOf: "of",
+  from: "From",
+  to: "To"
+};
+var QUERY_ROW_HEIGHT = { ios: 60, android: 72 };
+function displayValue(c) {
+  const v = c.value;
+  if (v === null || v === "") return "";
+  if (Array.isArray(v)) return v.join(" \u2013 ");
+  if (typeof v === "object") return `${v.amount ?? ""} ${v.unit}`.trim();
+  return String(v);
+}
+function QueryBuilder(props) {
+  const {
+    fields,
+    onChange,
+    onApply,
+    onCancel,
+    maxDepth = 2,
+    platform,
+    testID,
+    surface,
+    disabled = false,
+    readOnly = false,
+    size = "md",
+    loading = false,
+    error
+  } = props;
+  const locked = disabled || readOnly;
+  const labels = React2.useMemo(() => ({ ...DEFAULT_LABELS, ...props.labels }), [props.labels]);
+  const theme = useLoamTheme();
+  const android = isAndroidIdiom(theme, platform);
+  const { styles } = useStyles(sheet2);
+  const rowH = size === "sm" ? theme.space[android ? 56 : 44] : size === "lg" ? theme.space[android ? 80 : 72] : android ? QUERY_ROW_HEIGHT.android : QUERY_ROW_HEIGHT.ios;
+  const bodyRole = resolveTextRole(theme, "body", android);
+  const subRole = resolveTextRole(theme, "subheadline", android);
+  const rowPress = ({ pressed }) => !android && pressed ? { backgroundColor: theme.state.pressed } : null;
+  const ripple = android ? { color: theme.state.pressed } : void 0;
+  const [inner, setInner] = React2.useState(
+    () => props.defaultValue ?? makeGroup("AND")
+  );
+  const root = props.value ?? inner;
+  const [stack, setStack] = React2.useState([{ kind: "list", path: [] }]);
+  const top = stack[stack.length - 1] ?? { kind: "list", path: [] };
+  const sheetOpen = !android && top.kind === "row";
+  const shown = sheetOpen ? stack[stack.length - 2] ?? { kind: "list", path: [] } : top;
+  const commit = (next) => {
+    if (props.value === void 0) setInner(next);
+    onChange?.(next);
+  };
+  const push = (s) => setStack((st) => [...st, s]);
+  const pop = () => setStack((st) => st.length > 1 ? st.slice(0, -1) : st);
+  const defOf = (name) => fields.find((f) => f.name === name);
+  const issues = collectIssues(root, fields);
+  const issueKey = new Set(issues.map((i) => i.path.join(".")));
+  const edit = (path, fn) => {
+    if (locked) return;
+    commit(updateGroup(root, path, fn));
+  };
+  const setChild = (parent, index, node) => edit(parent, (g) => ({ ...g, children: g.children.map((c, i) => i === index ? node : c) }));
+  const addCondition = (path) => {
+    if (locked) return;
+    const f = fields[0];
+    if (!f) return;
+    const operator = f.operators[0] ?? "";
+    const cond = { field: f.name, operator, value: emptyValue(f, operator) };
+    edit(path, (g) => ({ ...g, children: [...g.children, cond] }));
+    push({ kind: "row", path: [...path, groupAt(root, path).children.length] });
+  };
+  const addGroup = (path) => {
+    if (locked) return;
+    edit(path, (g) => ({
+      ...g,
+      children: [...g.children, makeGroup(g.join === "AND" ? "OR" : "AND")]
+    }));
+    push({ kind: "list", path: [...path, groupAt(root, path).children.length] });
+  };
+  const renderList = (path) => {
+    const g = groupAt(root, path);
+    const depth = path.length;
+    const nodes = g.children.map((node, i) => {
+      const p = [...path, i];
+      const bad = isGroup(node) ? false : issueKey.has(p.join("."));
+      const title = isGroup(node) ? `${labels.group} \xB7 ${countConditions(node)} ${countConditions(node) === 1 ? labels.conditionsOne : labels.conditions}` : `${node.field} ${node.operator} ${displayValue(node)}`.trim();
+      return /* @__PURE__ */ jsxs(
+        Pressable,
+        {
+          accessibilityRole: "button",
+          accessibilityLabel: title,
+          onPress: () => push(isGroup(node) ? { kind: "list", path: p } : { kind: "row", path: p }),
+          android_ripple: ripple,
+          style: (st) => [
+            styles.row,
+            { minHeight: rowH },
+            i > 0 ? styles.rowDivider : null,
+            rowPress(st)
+          ],
+          children: [
+            /* @__PURE__ */ jsxs(View, { style: styles.rowText, children: [
+              /* @__PURE__ */ jsx(Text, { style: [styles.rowTitle, bodyRole], numberOfLines: 1, children: isGroup(node) ? `${labels.group} \xB7 ${countConditions(node)} ${labels.conditions}` : node.field }),
+              bad ? /* @__PURE__ */ jsx(Text, { style: styles.needs, children: labels.needsValue }) : /* @__PURE__ */ jsx(Text, { style: [styles.rowSub, subRole], numberOfLines: 1, children: isGroup(node) ? node.join === "AND" ? labels.and : labels.or : `${node.operator} ${displayValue(node)}`.trim() })
+            ] }),
+            /* @__PURE__ */ jsx(Icon, { name: "chevron-right", size: theme.icon.sm, color: theme.color.text3 })
+          ]
+        },
+        isGroup(node) ? node.id : `c${i}`
+      );
+    });
+    return /* @__PURE__ */ jsxs(View, { style: styles.screen, children: [
+      /* @__PURE__ */ jsxs(View, { style: styles.joinWrap, children: [
+        /* @__PURE__ */ jsx(Text, { style: styles.joinLabel, children: labels.match }),
+        /* @__PURE__ */ jsx(
+          SegmentedControl,
+          {
+            size: android ? "md" : "sm",
+            value: g.join,
+            onValueChange: (v) => edit(path, (x) => ({ ...x, join: v })),
+            items: [
+              { value: "AND", label: labels.and },
+              { value: "OR", label: labels.or }
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx(Text, { style: styles.joinLabel, children: labels.matchOf })
+      ] }),
+      /* @__PURE__ */ jsx(View, { style: [styles.group, android ? styles.groupAndroid : null], children: nodes.length === 0 ? /* @__PURE__ */ jsx(Text, { style: styles.empty, children: labels.empty }) : nodes }),
+      android ? /* @__PURE__ */ jsxs(View, { style: styles.actions, children: [
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: "tonal",
+            leadingIcon: "plus",
+            disabled: locked,
+            onPress: () => addCondition(path),
+            children: labels.addCondition
+          }
+        ),
+        depth < maxDepth ? /* @__PURE__ */ jsx(Button, { variant: "outline", disabled: locked, onPress: () => addGroup(path), children: labels.addGroup }) : null
+      ] }) : /* @__PURE__ */ jsxs(View, { style: styles.group, children: [
+        /* @__PURE__ */ jsxs(
+          Pressable,
+          {
+            accessibilityRole: "button",
+            accessibilityLabel: labels.addCondition,
+            accessibilityState: { disabled: locked },
+            disabled: locked,
+            onPress: () => addCondition(path),
+            android_ripple: ripple,
+            style: (st) => [styles.row, { minHeight: QUERY_ROW_HEIGHT.ios }, rowPress(st)],
+            children: [
+              /* @__PURE__ */ jsx(Icon, { name: "plus", size: theme.icon.md, color: theme.color.accent }),
+              /* @__PURE__ */ jsx(Text, { style: [styles.addText, bodyRole], children: labels.addCondition })
+            ]
+          }
+        ),
+        depth < maxDepth ? /* @__PURE__ */ jsxs(
+          Pressable,
+          {
+            accessibilityRole: "button",
+            accessibilityLabel: labels.addGroup,
+            accessibilityState: { disabled: locked },
+            disabled: locked,
+            onPress: () => addGroup(path),
+            android_ripple: ripple,
+            style: (st) => [
+              styles.row,
+              styles.rowDivider,
+              { minHeight: QUERY_ROW_HEIGHT.ios },
+              rowPress(st)
+            ],
+            children: [
+              /* @__PURE__ */ jsx(Icon, { name: "plus", size: theme.icon.md, color: theme.color.accent }),
+              /* @__PURE__ */ jsx(Text, { style: [styles.addText, bodyRole], children: labels.addGroup })
+            ]
+          }
+        ) : null
+      ] })
+    ] });
+  };
+  const renderRow = (path) => {
+    const parent = path.slice(0, -1);
+    const index = path[path.length - 1] ?? 0;
+    const node = groupAt(root, parent).children[index];
+    if (!node || isGroup(node)) return null;
+    const def = defOf(node.field);
+    const kind = editorFor(def, node.operator);
+    const set = (patch) => setChild(parent, index, { ...node, ...patch });
+    const issue = conditionIssue(node, def);
+    const setValue = (value) => set({ value });
+    const choice = (text, on, press, multi = false) => /* @__PURE__ */ jsxs(
+      Pressable,
+      {
+        accessibilityRole: multi ? "checkbox" : "radio",
+        accessibilityState: multi ? { checked: on, disabled: locked } : { selected: on, disabled: locked },
+        disabled: locked,
+        onPress: press,
+        android_ripple: ripple,
+        style: (st) => [styles.row, { minHeight: theme.space[android ? 56 : 44] }, rowPress(st)],
+        children: [
+          /* @__PURE__ */ jsx(Text, { style: [styles.rowTitle, bodyRole], children: text }),
+          on ? /* @__PURE__ */ jsx(Icon, { name: "check", size: theme.icon.sm, color: theme.color.accent }) : null
+        ]
+      },
+      text
+    );
+    const pair = Array.isArray(node.value) ? node.value : [null, null];
+    const rel = node.value && typeof node.value === "object" && !Array.isArray(node.value) ? node.value : { amount: null, unit: def?.units?.[0] ?? "days" };
+    return /* @__PURE__ */ jsxs(View, { style: styles.screen, children: [
+      /* @__PURE__ */ jsx(Text, { style: styles.section, children: labels.field }),
+      /* @__PURE__ */ jsx(View, { style: styles.group, children: fields.map(
+        (f) => choice(f.name, f.name === node.field, () => {
+          const op = f.operators[0] ?? "";
+          set({ field: f.name, operator: op, value: emptyValue(f, op) });
+        })
+      ) }),
+      /* @__PURE__ */ jsx(Text, { style: styles.section, children: labels.operator }),
+      /* @__PURE__ */ jsx(View, { style: styles.group, children: (def?.operators ?? []).map(
+        (o) => choice(o, o === node.operator, () => set({ operator: o, value: emptyValue(def, o) }))
+      ) }),
+      kind !== "none" ? /* @__PURE__ */ jsx(Text, { style: styles.section, children: labels.value }) : null,
+      /* @__PURE__ */ jsxs(
+        View,
+        {
+          style: kind === "enum" || kind === "multi" || kind === "boolean" ? styles.group : styles.field,
+          children: [
+            kind === "text" ? /* @__PURE__ */ jsx(
+              Input,
+              {
+                size: "lg",
+                platform: android ? "android" : "ios",
+                surface,
+                editable: !locked,
+                accessibilityLabel: labels.value,
+                value: node.value === null ? "" : String(node.value),
+                onChangeText: (t) => setValue(t)
+              }
+            ) : null,
+            kind === "date" ? /* @__PURE__ */ jsx(
+              QueryDateField,
+              {
+                android,
+                surface,
+                label: labels.value,
+                value: typeof node.value === "string" ? node.value : "",
+                onChange: (iso) => setValue(iso)
+              }
+            ) : null,
+            kind === "number" ? /* @__PURE__ */ jsx(
+              Input,
+              {
+                size: "lg",
+                platform: android ? "android" : "ios",
+                surface,
+                editable: !locked,
+                accessibilityLabel: labels.value,
+                keyboardType: "numeric",
+                value: node.value === null ? "" : String(node.value),
+                onChangeText: (t) => setValue(t === "" ? null : toNum(t))
+              }
+            ) : null,
+            kind === "between" ? /* @__PURE__ */ jsx(View, { style: styles.pair, children: [0, 1].map((k) => /* @__PURE__ */ jsx(
+              Input,
+              {
+                size: "lg",
+                platform: android ? "android" : "ios",
+                surface,
+                editable: !locked,
+                accessibilityLabel: `${labels.value} ${k + 1}`,
+                keyboardType: "numeric",
+                value: pair[k] === null || pair[k] === void 0 ? "" : String(pair[k]),
+                onChangeText: (t) => {
+                  const next = [
+                    pair[0] ?? null,
+                    pair[1] ?? null
+                  ];
+                  next[k] = t === "" ? null : toNum(t);
+                  setValue(next);
+                }
+              },
+              k
+            )) }) : null,
+            kind === "between-date" ? /* @__PURE__ */ jsx(View, { style: styles.pair, children: [0, 1].map((k) => /* @__PURE__ */ jsxs(View, { style: styles.field, children: [
+              /* @__PURE__ */ jsx(Text, { style: styles.section, children: k === 0 ? labels.from : labels.to }),
+              /* @__PURE__ */ jsx(
+                QueryDateField,
+                {
+                  android,
+                  surface,
+                  label: `${labels.value} ${k + 1}`,
+                  value: typeof pair[k] === "string" ? pair[k] : "",
+                  onChange: (iso) => {
+                    const next = [
+                      pair[0] ?? null,
+                      pair[1] ?? null
+                    ];
+                    next[k] = iso;
+                    setValue(next);
+                  }
+                }
+              )
+            ] }, k)) }) : null,
+            kind === "relative" ? /* @__PURE__ */ jsxs(View, { style: styles.pair, children: [
+              /* @__PURE__ */ jsx(
+                Input,
+                {
+                  size: "lg",
+                  platform: android ? "android" : "ios",
+                  surface,
+                  editable: !locked,
+                  accessibilityLabel: labels.value,
+                  keyboardType: "numeric",
+                  value: rel.amount === null ? "" : String(rel.amount),
+                  onChangeText: (t) => setValue({ amount: t === "" ? null : toNum(t), unit: rel.unit })
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                SegmentedControl,
+                {
+                  size: android ? "md" : "sm",
+                  value: rel.unit,
+                  onValueChange: (u) => setValue({ amount: rel.amount, unit: u }),
+                  items: (def?.units ?? ["days", "weeks", "months"]).map((u) => ({
+                    value: u,
+                    label: u
+                  }))
+                }
+              )
+            ] }) : null,
+            kind === "enum" ? (def?.values ?? []).map((v) => choice(v, node.value === v, () => setValue(v))) : null,
+            kind === "multi" ? (def?.values ?? []).map((v) => {
+              const cur = Array.isArray(node.value) ? node.value : [];
+              const on = cur.includes(v);
+              return choice(
+                v,
+                on,
+                () => setValue(on ? cur.filter((x) => x !== v) : [...cur, v]),
+                true
+              );
+            }) : null,
+            kind === "boolean" ? [
+              choice(labels.yes, node.value === true, () => setValue(true)),
+              choice(labels.no, node.value === false, () => setValue(false))
+            ] : null,
+            issue && kind !== "none" ? /* @__PURE__ */ jsx(Text, { accessibilityRole: "alert", style: styles.needs, children: issue.kind === "empty" ? labels.needsValue : issue.message }) : null
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsx(View, { style: styles.actions, children: /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: "danger",
+          disabled: locked,
+          onPress: () => {
+            edit(parent, (g) => ({ ...g, children: g.children.filter((_, i) => i !== index) }));
+            pop();
+          },
+          children: labels.remove
+        }
+      ) })
+    ] });
+  };
+  const skipped = issues.length;
+  const apply = () => {
+    if (locked) return;
+    const applied = appliedGroup(root, fields);
+    onApply?.(applied, formatBody(applied, fields));
+  };
+  const nested = stack.length > 1 && !sheetOpen;
+  const goBack = pop;
+  return /* @__PURE__ */ jsxs(
+    View,
+    {
+      testID,
+      accessibilityState: disabled || loading ? { disabled: disabled || void 0, busy: loading || void 0 } : void 0,
+      "aria-busy": loading || void 0,
+      pointerEvents: disabled || loading ? "none" : void 0,
+      style: [
+        styles.root,
+        android ? styles.rootAndroid : styles.rootIos,
+        error ? styles.rootError : null,
+        disabled ? { opacity: theme.state.disabledOpacity } : null
+      ],
+      children: [
+        android ? /* @__PURE__ */ jsxs(View, { style: styles.appBar, children: [
+          /* @__PURE__ */ jsx(
+            Pressable,
+            {
+              accessibilityRole: "button",
+              accessibilityLabel: nested ? labels.back : labels.cancel,
+              onPress: nested ? goBack : () => onCancel?.(),
+              style: styles.iconBtn,
+              children: /* @__PURE__ */ jsx(
+                Icon,
+                {
+                  name: nested ? "arrow-left" : "x",
+                  size: theme.icon.lg,
+                  color: theme.color.text
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ jsx(Text, { accessibilityRole: "header", style: styles.appBarTitle, numberOfLines: 1, children: labels.title }),
+          skipped > 0 ? /* @__PURE__ */ jsxs(Text, { style: styles.rowSub, children: [
+            skipped,
+            " ",
+            labels.leftOut
+          ] }) : null,
+          /* @__PURE__ */ jsx(Button, { variant: "ghost", disabled: disabled || readOnly, onPress: apply, children: labels.apply })
+        ] }) : /* @__PURE__ */ jsxs(View, { style: styles.navBar, children: [
+          /* @__PURE__ */ jsx(View, { style: [styles.navSide, styles.navLeft], children: nested ? /* @__PURE__ */ jsx(
+            Pressable,
+            {
+              accessibilityRole: "button",
+              accessibilityLabel: labels.back,
+              onPress: goBack,
+              style: styles.back,
+              children: /* @__PURE__ */ jsx(Icon, { name: "chevron-left", size: theme.icon.md, color: theme.color.accent })
+            }
+          ) : /* @__PURE__ */ jsx(Button, { variant: "ghost", onPress: () => onCancel?.(), children: labels.cancel }) }),
+          /* @__PURE__ */ jsxs(View, { style: styles.navTitle, children: [
+            /* @__PURE__ */ jsx(Text, { accessibilityRole: "header", style: styles.title, numberOfLines: 1, children: labels.title }),
+            skipped > 0 ? /* @__PURE__ */ jsxs(Text, { style: styles.rowSub, children: [
+              skipped,
+              " ",
+              labels.leftOut
+            ] }) : null
+          ] }),
+          /* @__PURE__ */ jsx(View, { style: [styles.navSide, styles.navRight], children: /* @__PURE__ */ jsx(Button, { variant: "ghost", disabled: disabled || readOnly, onPress: apply, children: labels.apply }) })
+        ] }),
+        typeof error === "string" && error ? /* @__PURE__ */ jsx(View, { accessibilityRole: "alert", style: styles.errorLine, children: /* @__PURE__ */ jsx(FieldMessage, { invalid: true, children: error }) }) : null,
+        /* @__PURE__ */ jsx(ScrollView, { contentContainerStyle: styles.scroll, children: loading ? /* @__PURE__ */ jsx(View, { testID: testID ? `${testID}-loading` : void 0, style: styles.group, children: [0, 1, 2].map((k) => /* @__PURE__ */ jsx(
+          View,
+          {
+            style: [styles.row, { minHeight: rowH }, k > 0 ? styles.rowDivider : null],
+            children: /* @__PURE__ */ jsx(Skeleton, { variant: "text" })
+          },
+          k
+        )) }) : shown.kind === "list" ? renderList(shown.path) : renderRow(shown.path) }),
+        !android ? /* @__PURE__ */ jsx(
+          Sheet,
+          {
+            open: sheetOpen,
+            onClose: pop,
+            title: labels.condition,
+            detents: ["full"],
+            footer: /* @__PURE__ */ jsx(View, { style: styles.sheetFooter, children: /* @__PURE__ */ jsx(Button, { size: "lg", fullWidth: true, onPress: pop, children: labels.done }) }),
+            children: sheetOpen ? renderRow(top.path) : null
+          }
+        ) : null
+      ]
+    }
+  );
+}
+var sheet2 = createStyleSheet((theme) => ({
+  // iOS sits on the grouped background with surface cards; Android is one surface.
+  root: { flex: 1, backgroundColor: theme.color.bg },
+  rootError: { borderWidth: theme.borderWidth.base, borderColor: theme.edge.danger },
+  errorLine: { paddingHorizontal: theme.space.s4, paddingBottom: theme.space.s2 },
+  rootIos: { backgroundColor: theme.color.surface2 },
+  rootAndroid: { backgroundColor: theme.color.surface },
+  // iOS nav bar: Cancel | title | Apply.
+  navBar: {
+    flexDirection: "row",
+    alignItems: "center",
+    minHeight: theme.space[56],
+    paddingHorizontal: theme.space.s2
+  },
+  navSide: { flex: 1, flexDirection: "row", alignItems: "center" },
+  navLeft: { justifyContent: "flex-start" },
+  navRight: { justifyContent: "flex-end" },
+  navTitle: { alignItems: "center", justifyContent: "center" },
+  title: { color: theme.color.text, ...theme.type.headline, textAlign: "center" },
+  back: {
+    minHeight: theme.hit.sm,
+    minWidth: theme.hit.sm,
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  // Android top app bar: close | title | Apply, 64 tall.
+  appBar: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: theme.space.s2,
+    minHeight: theme.space[64],
+    paddingHorizontal: theme.space.s2
+  },
+  appBarTitle: { flex: 1, color: theme.color.text, ...theme.type.title2 },
+  iconBtn: {
+    minHeight: theme.hit.sm,
+    minWidth: theme.hit.sm,
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  scroll: { paddingHorizontal: theme.space.s4, paddingBottom: theme.space.s4 },
+  screen: { gap: theme.space.s4 },
+  joinWrap: { flexDirection: "row", alignItems: "center", gap: theme.space.s2 },
+  joinLabel: { color: theme.color.text2, ...theme.type.footnote },
+  // Grouped list card: r 10 on iOS; Android rows run edge to edge on the dialog surface.
+  group: {
+    backgroundColor: theme.color.surface,
+    borderRadius: theme.radius[10],
+    overflow: "hidden"
+  },
+  groupAndroid: {
+    borderRadius: 0,
+    backgroundColor: "transparent",
+    marginHorizontal: -theme.space.s4
+  },
+  field: { gap: theme.space.s2 },
+  pair: { gap: theme.space.s2 },
+  row: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: theme.space.s3,
+    paddingHorizontal: theme.space.s4,
+    paddingVertical: theme.space.s2
+  },
+  rowDivider: { borderTopWidth: theme.borderWidth.thin, borderTopColor: theme.color.border },
+  rowText: { flex: 1, gap: theme.space[2] },
+  rowTitle: { flex: 1, color: theme.color.text },
+  rowSub: { color: theme.color.text2, fontSize: theme.type.footnote.fontSize },
+  addText: { color: theme.color.accentStrong },
+  needs: {
+    color: theme.color.dangerOnSoft,
+    backgroundColor: theme.color.dangerSoft,
+    borderWidth: theme.borderWidth.base,
+    borderColor: theme.edge.danger,
+    borderRadius: theme.radius.sm,
+    paddingHorizontal: theme.space.s2,
+    fontSize: theme.type.footnote.fontSize,
+    alignSelf: "flex-start"
+  },
+  section: {
+    color: theme.color.text2,
+    fontSize: theme.type.footnote.fontSize,
+    marginTop: theme.space.s2
+  },
+  empty: { color: theme.color.text2, padding: theme.space.s4, textAlign: "center" },
+  actions: { gap: theme.space.s2, alignItems: "flex-start" },
+  sheetFooter: { padding: theme.space.s4 }
+}));
+
+export { QUERY_ROW_HEIGHT, QueryBuilder, formatGroup, makeGroup, parseQuery };