@philosaether/chipper 0.1.0

package/dist/index.js

@@ -0,0 +1,1445 @@
+import { k as W, T as ne, u as oe, j as X, h as ae, S as se } from "./usePopup-Of6OHa1_.js";
+import { b as We, c as Xe, a as Ze, d as Me, e as et, i as tt, r as rt, s as nt, f as ot, g as at } from "./usePopup-Of6OHa1_.js";
+import { useState as V, useEffect as T, useCallback as B, useRef as R, useMemo as H } from "react";
+import { jsxs as S, jsx as c, Fragment as z } from "react/jsx-runtime";
+function q(e) {
+  return {
+    type: e.type,
+    color: e.color,
+    keywords: e.keywords ?? [],
+    keywordGroups: e.keywordGroups,
+    expressionModes: e.expressionModes ?? [],
+    defaultValue: e.defaultValue,
+    placeholder: e.placeholder,
+    validate: e.validate ?? (() => !0),
+    display: e.display ?? ((t) => String(t)),
+    consumes: e.consumes,
+    produces: e.produces,
+    onContextChange: e.onContextChange,
+    meta: e.meta
+  };
+}
+function ie(e) {
+  return "keywords" in e && Array.isArray(e.keywords) && !("value" in e);
+}
+function J(e) {
+  return e.map((t) => ({
+    label: t.label ?? String(t.value),
+    display: t.display,
+    value: t.value,
+    partial: t.partial
+  }));
+}
+function Z(e) {
+  const t = [], o = [];
+  for (const s of e)
+    ie(s) ? o.push(s) : t.push(s);
+  const r = [];
+  t.length > 0 && r.push({
+    layout: "flow",
+    keywords: J(t)
+  });
+  for (const s of o)
+    s.keywords.length !== 0 && r.push({
+      label: s.label,
+      layout: s.layout ?? "flow",
+      columns: s.columns,
+      prefix: s.prefix,
+      keywords: J(s.keywords)
+    });
+  return { flat: r.flatMap((s) => s.keywords), groups: r };
+}
+function te(e) {
+  return new Map(e.map((t) => {
+    const o = t.display ?? (typeof t.label == "string" ? t.label : void 0);
+    return o ? [t.value, o] : void 0;
+  }).filter((t) => t !== void 0));
+}
+function le(e, t, o, r) {
+  return e.default !== void 0 ? e.default : e.defaultValue !== void 0 ? e.defaultValue : e.placeholder ? r : o ?? r;
+}
+function ce(e) {
+  return { inputType: "text", ...e };
+}
+function pe(e) {
+  return {
+    inputType: "number",
+    validate: (t) => {
+      if (t === "") return !1;
+      const o = Number(t);
+      return !isNaN(o) && isFinite(o);
+    },
+    ...e
+  };
+}
+function ue(e) {
+  return {
+    inputType: "date",
+    validate: (t) => {
+      if (!/^\d{4}-\d{2}-\d{2}$/.test(t)) return !1;
+      const [o, r, a] = t.split("-").map(Number), s = new Date(o, r - 1, a);
+      return s.getFullYear() === o && s.getMonth() === r - 1 && s.getDate() === a;
+    },
+    ...e
+  };
+}
+function U(e) {
+  var x;
+  const t = e.keywords ?? [], { flat: o, groups: r } = Z(t), a = r.length > 1 || r.some((w) => w.label || w.layout === "grid" || w.prefix) ? r : void 0, s = new Set(o.map((w) => w.value)), n = te(o), l = e.expression, d = (l == null ? void 0 : l.validate) ?? ((w) => w.length > 0), i = (l == null ? void 0 : l.display) ?? ((w) => w), f = l ? (w) => s.has(w) || d(w) : (w) => s.has(w), h = (w, y) => w ? typeof w == "function" ? w(y) : w : "", u = (w, y) => {
+    const _ = n.get(w);
+    if (_) return _;
+    const N = o.find(
+      (O) => O.value === w && typeof O.label == "function"
+    );
+    if (N) return N.label(y ?? {});
+    const k = y ?? {}, K = h(l == null ? void 0 : l.prefix, k), I = h(l == null ? void 0 : l.suffix, k), E = i(w);
+    return [K, E, I].filter(Boolean).join(" ");
+  }, p = [];
+  l && p.push({
+    id: l.inputType,
+    label: l.placeholder ?? "Type a value",
+    degreesOfFreedom: 1,
+    validate: d,
+    display: i,
+    maxLength: l.maxLength,
+    inputType: l.inputType,
+    min: l.min,
+    max: l.max,
+    step: l.step,
+    prefix: l.prefix,
+    suffix: l.suffix,
+    position: l.position
+  });
+  const m = le(e, o, (x = o[0]) == null ? void 0 : x.value, ""), v = l != null && l.trigger ? { trigger: l.trigger } : void 0;
+  return q({
+    type: "keyword-or-expression",
+    color: e.color,
+    keywords: o,
+    keywordGroups: a ?? void 0,
+    expressionModes: p,
+    defaultValue: m,
+    placeholder: e.placeholder,
+    validate: f,
+    display: u,
+    consumes: e.consumes,
+    produces: e.produces,
+    onContextChange: e.onContextChange,
+    meta: v
+  });
+}
+function Ge(e) {
+  return U({ ...e, keywords: [] });
+}
+function Be(e) {
+  return U({
+    color: e.color,
+    placeholder: e.placeholder,
+    default: e.default,
+    keywords: e.keywords,
+    expression: ce({
+      maxLength: e.maxLength ?? 140,
+      validate: e.validate,
+      display: e.display
+    })
+  });
+}
+function Re(e) {
+  return U({
+    color: e.color,
+    placeholder: e.placeholder,
+    default: e.default,
+    keywords: e.keywords,
+    expression: pe({
+      min: e.min,
+      max: e.max,
+      step: e.step,
+      prefix: e.prefix,
+      suffix: e.suffix,
+      validate: e.validate,
+      display: e.display
+    })
+  });
+}
+function $e(e) {
+  return U({
+    color: e.color,
+    placeholder: e.placeholder,
+    default: e.default,
+    keywords: e.keywords,
+    expression: ue({
+      validate: e.validate,
+      display: e.display
+    })
+  });
+}
+function je(e) {
+  return U({
+    color: e.color,
+    keywords: e.keywords,
+    default: e.default,
+    placeholder: e.placeholder
+  });
+}
+const de = 3;
+function re(e, t, o) {
+  return o.length === t && o.every((r) => e.has(r));
+}
+function Ue(e) {
+  const t = e.options, { flat: o, groups: r } = Z(t), a = r.length > 1 || r.some((p) => p.label || p.layout === "grid" || p.prefix) ? r : void 0, s = e.keywords ? J(e.keywords) : [], n = new Set(o.map((p) => p.value)), l = te(o), d = e.maxSelections, i = e.countLabel ?? "selected", f = (p) => p.length === 0 || d !== void 0 && p.length > d ? !1 : p.every((m) => n.has(m)), h = (p) => {
+    if (p.length === 0) return "";
+    const m = new Set(p);
+    for (const v of s)
+      if (re(m, p.length, v.value))
+        return v.display ?? (typeof v.label == "string" ? v.label : String(v.value));
+    return p.length <= de ? p.map((v) => l.get(v) ?? v).join(", ") : `${p.length} ${i}`;
+  }, u = e.default ?? e.defaultValue ?? [];
+  return q({
+    type: "multi-select",
+    color: e.color,
+    keywords: s,
+    defaultValue: u,
+    placeholder: e.placeholder,
+    validate: f,
+    display: h,
+    consumes: e.consumes,
+    produces: e.produces,
+    onContextChange: e.onContextChange,
+    meta: {
+      options: o,
+      optionGroups: a ?? void 0,
+      maxSelections: e.maxSelections
+    }
+  });
+}
+function he(e) {
+  const t = e.keywords, { flat: o, groups: r } = Z(t), a = r.length > 1 || r.some((s) => s.label || s.layout === "grid" || s.prefix);
+  return {
+    keywords: o,
+    keywordGroups: a ? r : void 0,
+    prefix: e.prefix
+  };
+}
+function fe(e) {
+  return e.map((t) => ({
+    ...t,
+    slots: t.slots.map(he)
+  }));
+}
+function ye(e) {
+  const t = /* @__PURE__ */ new Set();
+  if (e.slots.length === 1)
+    for (const o of e.slots[0].keywords)
+      t.add(o.value);
+  return t;
+}
+function me(e) {
+  const t = /* @__PURE__ */ new Map();
+  for (const o of e)
+    if (o.slots.length === 1) {
+      const r = o.slots[0], a = r.prefix ? `${r.prefix} ` : "";
+      for (const s of r.keywords)
+        if (!t.has(s.value)) {
+          const n = s.display ?? (typeof s.label == "string" ? s.label : s.value);
+          t.set(s.value, `${a}${n}`);
+        }
+    }
+  return t;
+}
+function Fe(e) {
+  const t = fe(e.modes), o = me(t), r = /* @__PURE__ */ new Set();
+  for (const d of t)
+    for (const i of ye(d))
+      r.add(i);
+  const a = (d) => {
+    var i;
+    if (d === "") return !1;
+    if (r.has(d)) return !0;
+    for (const f of t) {
+      if (f.validate) {
+        if (f.validate(d)) return !0;
+      } else if (f.slots.length > 1 && f.decompose && f.decompose(d).every((u) => u !== void 0))
+        return !0;
+      if ((i = f.expression) != null && i.validate && f.expression.validate(d))
+        return !0;
+    }
+    return !1;
+  }, s = (d) => {
+    var f;
+    const i = o.get(d);
+    if (i !== void 0) return i;
+    for (const h of t) {
+      if (h.display) {
+        const u = h.display(d);
+        if (u !== d) return u;
+      }
+      if ((f = h.expression) != null && f.display) {
+        const u = h.expression.display(d);
+        if (u !== d) return u;
+      }
+    }
+    return d;
+  }, n = t.filter((d) => d.expression).map((d) => ({
+    id: d.id,
+    label: d.expression.placeholder ?? d.label,
+    degreesOfFreedom: 1,
+    validate: d.expression.validate ?? ((i) => i.length > 0),
+    display: d.expression.display ?? ((i) => i),
+    maxLength: d.expression.maxLength
+  })), l = [];
+  for (const d of t)
+    d.slots.length === 1 && l.push(...d.slots[0].keywords);
+  return q({
+    type: "alternative-coordinate",
+    color: e.color,
+    keywords: l,
+    expressionModes: n,
+    defaultValue: e.default ?? "",
+    placeholder: e.placeholder,
+    validate: a,
+    display: s,
+    consumes: e.consumes,
+    produces: e.produces,
+    onContextChange: e.onContextChange,
+    meta: { modes: t }
+  });
+}
+function Ye(e) {
+  const t = e.keywords ?? [], o = new Map(
+    t.filter((a) => typeof a.label == "string").map((a) => [a.value, a.label])
+  ), r = /* @__PURE__ */ new Map();
+  return q({
+    type: "reference",
+    color: e.color,
+    keywords: t,
+    defaultValue: e.default ?? "",
+    placeholder: e.placeholder,
+    validate: (a) => a !== "",
+    display: (a) => {
+      const s = o.get(a);
+      return s !== void 0 ? s : r.get(a) ?? a;
+    },
+    consumes: e.consumes,
+    produces: e.produces,
+    onContextChange: e.onContextChange,
+    meta: { source: e.source, displayCache: r }
+  });
+}
+function He(e) {
+  return (t) => {
+    const o = t[e];
+    return o != null && o !== "" && !isNaN(Number(o));
+  };
+}
+function ze(e, ...t) {
+  const o = new Set(t);
+  return (r) => o.has(r[e]);
+}
+function Q({
+  itemCount: e,
+  onSelect: t,
+  onClose: o,
+  initialIndex: r = -1,
+  closeOnSelect: a = !0,
+  idPrefix: s = "chipper-option"
+}) {
+  const [n, l] = V(r);
+  T(() => {
+    e === 0 ? l(-1) : n >= e && l(e - 1);
+  }, [e, n]);
+  const d = B(
+    (u) => `${s}-${u}`,
+    [s]
+  ), i = B(
+    (u) => {
+      if (e !== 0)
+        switch (u.key) {
+          case "ArrowDown":
+          case "ArrowRight": {
+            u.preventDefault(), l(
+              (p) => p < e - 1 ? p + 1 : 0
+            );
+            break;
+          }
+          case "ArrowUp":
+          case "ArrowLeft": {
+            u.preventDefault(), l(
+              (p) => p > 0 ? p - 1 : e - 1
+            );
+            break;
+          }
+          case "Home": {
+            u.preventDefault(), l(0);
+            break;
+          }
+          case "End": {
+            u.preventDefault(), l(e - 1);
+            break;
+          }
+          case "Enter": {
+            n >= 0 && n < e && (u.preventDefault(), t(n), a && o());
+            break;
+          }
+          case " ": {
+            !a && n >= 0 && n < e && (u.preventDefault(), t(n));
+            break;
+          }
+          case "Escape": {
+            u.preventDefault(), o();
+            break;
+          }
+        }
+    },
+    [e, n, t, o, a]
+  ), f = B(
+    (u) => ({
+      id: d(u),
+      role: "option",
+      "aria-selected": u === n,
+      className: [
+        "chipper-popup-option",
+        u === n && "chipper-popup-option--active"
+      ].filter(Boolean).join(" "),
+      onMouseEnter: () => l(u),
+      onClick: () => {
+        t(u), a && o();
+      }
+    }),
+    [d, n, t, o, a]
+  ), h = n >= 0 ? d(n) : void 0;
+  return {
+    activeIndex: n,
+    setActiveIndex: l,
+    handleKeyDown: i,
+    getOptionProps: f,
+    activeDescendantId: h
+  };
+}
+function ve(e, t, o, r, a) {
+  T(() => {
+    var i, f;
+    if (e.type !== "reference" || typeof t != "string" || t === "" || e.keywords.some((h) => h.value === t)) return;
+    const s = (i = e.meta) == null ? void 0 : i.displayCache;
+    if (!s || s.has(t)) return;
+    const n = (f = e.meta) == null ? void 0 : f.source;
+    if (!(n != null && n.resolveDisplay)) return;
+    let l = !1;
+    const d = n.resolveDisplay(t);
+    return d instanceof Promise ? d.then((h) => {
+      l || (s.set(t, h), a({ type: "SET_CHIP_VALUE", clauseId: o, chipId: r, value: t }));
+    }) : (s.set(t, d), a({ type: "SET_CHIP_VALUE", clauseId: o, chipId: r, value: t })), () => {
+      l = !0;
+    };
+  }, [e, t]);
+}
+function be(e, t, o, r, a) {
+  const s = e.mode, n = s.type === "display" ? s.source : null, l = e.id, d = R(void 0);
+  T(() => {
+    if (!n || n.type !== "derived") return;
+    const i = r.get(t), f = o.clauses[t], h = i && f ? W(t, i, f.chips, r, o.contexts) : {}, u = n.compute(h, o);
+    Object.is(u, d.current) || (d.current = u, a({ type: "SET_DISPLAY_VALUE", chipId: l, value: u }));
+  }, [n, o, a, l, t, r]), T(() => {
+    if (!n || n.type !== "remote") return;
+    let i = !0;
+    const f = async () => {
+      a({ type: "SET_DISPLAY_VALUE", chipId: l, value: void 0, loading: !0 });
+      try {
+        const u = await fetch(n.url), m = (u.headers.get("content-type") ?? "").includes("application/json") ? await u.json() : await u.text(), v = n.extract(m);
+        i && a({ type: "SET_DISPLAY_VALUE", chipId: l, value: v });
+      } catch (u) {
+        i && a({ type: "SET_DISPLAY_VALUE", chipId: l, value: void 0, error: String(u) });
+      }
+    };
+    f();
+    const h = n.interval ? setInterval(f, n.interval) : void 0;
+    return () => {
+      i = !1, h && clearInterval(h);
+    };
+  }, [n, l, a]), T(() => !n || n.type !== "external" ? void 0 : n.subscribe((f) => {
+    a({ type: "SET_DISPLAY_VALUE", chipId: l, value: f });
+  }), [n, l, a]);
+}
+function j(e, t) {
+  return typeof e.label == "function" ? e.label(t ?? {}) : e.label;
+}
+function _e({
+  value: e,
+  min: t,
+  max: o,
+  step: r = 1,
+  onSelect: a,
+  onSubmit: s
+}) {
+  const n = e === "" ? 0 : Number(e), l = !isNaN(n), d = l ? n : 0, i = t === void 0 || d - r >= t, f = o === void 0 || d + r <= o;
+  return /* @__PURE__ */ S("div", { className: "chipper-numeric-input", children: [
+    /* @__PURE__ */ c(
+      "button",
+      {
+        type: "button",
+        className: "chipper-numeric-input__button",
+        onClick: () => {
+          i && a(String(d - r));
+        },
+        disabled: !i,
+        "aria-label": "Decrease",
+        children: "−"
+      }
+    ),
+    /* @__PURE__ */ c(
+      "input",
+      {
+        type: "text",
+        inputMode: "numeric",
+        className: "chipper-numeric-input__value",
+        value: e,
+        onChange: (m) => {
+          const v = m.target.value;
+          if (v === "" || v === "-") {
+            a(v);
+            return;
+          }
+          const x = Number(v);
+          isNaN(x) || a(String(x));
+        },
+        onKeyDown: (m) => {
+          m.key === "Enter" && s && s();
+        },
+        role: "spinbutton",
+        "aria-label": "Numeric value",
+        "aria-valuemin": t,
+        "aria-valuemax": o,
+        "aria-valuenow": l ? d : void 0
+      }
+    ),
+    /* @__PURE__ */ c(
+      "button",
+      {
+        type: "button",
+        className: "chipper-numeric-input__button",
+        onClick: () => {
+          f && a(String(d + r));
+        },
+        disabled: !f,
+        "aria-label": "Increase",
+        children: "+"
+      }
+    )
+  ] });
+}
+function M({
+  groups: e,
+  context: t,
+  getOptionProps: o,
+  isSelected: r,
+  isDisabled: a
+}) {
+  let s = 0;
+  return /* @__PURE__ */ c(z, { children: e.map((n, l) => {
+    const d = s;
+    s += n.keywords.length;
+    const i = n.layout === "grid" ? "chipper-keyword-group__items--grid" : "chipper-keyword-group__items--flow", f = n.layout === "grid" && n.columns ? { "--chipper-group-columns": n.columns } : void 0;
+    return /* @__PURE__ */ S("div", { className: "chipper-keyword-group", children: [
+      l > 0 && /* @__PURE__ */ c("hr", { className: "chipper-keyword-group__separator" }),
+      n.label && /* @__PURE__ */ c("span", { className: "chipper-keyword-group__label", children: n.label }),
+      /* @__PURE__ */ S("div", { className: `chipper-keyword-group__items ${i}`, style: f, children: [
+        n.prefix && /* @__PURE__ */ c("span", { className: "chipper-keyword-group__prefix", children: n.prefix }),
+        n.keywords.map((h, u) => {
+          const p = d + u, m = o(p), v = (r == null ? void 0 : r(h)) ?? !1, x = (a == null ? void 0 : a(h)) ?? !1;
+          return /* @__PURE__ */ c(
+            "button",
+            {
+              type: "button",
+              ...m,
+              "aria-selected": v || void 0,
+              className: [
+                m.className,
+                v && "chipper-popup-option--selected"
+              ].filter(Boolean).join(" "),
+              disabled: x,
+              children: j(h, t)
+            },
+            `${h.value}-${p}`
+          );
+        })
+      ] })
+    ] }, l);
+  }) });
+}
+function we(e, t) {
+  return t.some((o) => o.value === e);
+}
+function ge({
+  keywords: e,
+  keywordGroups: t,
+  value: o,
+  expressionMode: r,
+  expressionActive: a,
+  triggerLabel: s,
+  context: n,
+  maxLength: l,
+  onSelect: d,
+  onClose: i
+}) {
+  const f = !!s, h = r && (!f || a), u = (r == null ? void 0 : r.inputType) === "number", p = (r == null ? void 0 : r.inputType) === "date", [m, v] = V(
+    // No expression visible → no input state needed.
+    // Numeric/date inputs always initialize with the current value.
+    // Text inputs start empty when the current value is a keyword.
+    h ? u || p ? o : we(o, e) ? "" : o : ""
+  ), x = R(!1), w = e.length + (f && !a ? 1 : 0), y = e.findIndex((g) => g.value === o && !a), _ = Q({
+    itemCount: w,
+    initialIndex: y >= 0 ? y : -1,
+    onSelect: (g) => {
+      g < e.length ? (x.current = !0, d(e[g].value)) : d(ne);
+    },
+    onClose: i,
+    idPrefix: "chipper-koe-option"
+  }), N = R(m);
+  N.current = m;
+  const k = () => {
+    if (!r) return;
+    const g = m.trim();
+    g && r.validate(g) && (d(g), i());
+  };
+  T(() => () => {
+    if (!r || x.current || u || !h) return;
+    const g = N.current.trim();
+    g && g !== o && r.validate(g) && d(g);
+  }, []);
+  const K = (r == null ? void 0 : r.position) === "above", I = e.length > 0 && (t ? /* @__PURE__ */ c("div", { className: "chipper-koe-popup__keywords chipper-koe-popup__keywords--grouped", children: /* @__PURE__ */ c(
+    M,
+    {
+      groups: t,
+      context: n,
+      getOptionProps: _.getOptionProps,
+      isSelected: (g) => g.value === o && !a
+    }
+  ) }) : /* @__PURE__ */ c("div", { className: "chipper-koe-popup__keywords", children: e.map((g, C) => {
+    const A = _.getOptionProps(C);
+    return /* @__PURE__ */ c(
+      "button",
+      {
+        type: "button",
+        ...A,
+        className: [
+          A.className,
+          g.value === o && !a && "chipper-popup-option--selected"
+        ].filter(Boolean).join(" "),
+        children: j(g, n)
+      },
+      g.value
+    );
+  }) })), E = f && !a && /* @__PURE__ */ c("div", { className: "chipper-koe-popup__trigger", children: /* @__PURE__ */ c(
+    "button",
+    {
+      type: "button",
+      ..._.getOptionProps(e.length),
+      children: s
+    }
+  ) }), O = h && /* @__PURE__ */ S(z, { children: [
+    e.length > 0 && /* @__PURE__ */ c("hr", { className: "chipper-koe-popup__separator" }),
+    /* @__PURE__ */ S("div", { className: "chipper-koe-popup__input-row", children: [
+      r.prefix && /* @__PURE__ */ c("span", { className: "chipper-koe-popup__affix", children: typeof r.prefix == "function" ? r.prefix(n ?? {}) : r.prefix }),
+      r.inputType === "number" ? /* @__PURE__ */ c(
+        _e,
+        {
+          value: m,
+          min: r.min,
+          max: r.max,
+          step: r.step,
+          onSelect: (g) => {
+            v(g), r.validate(g) && d(g);
+          },
+          onSubmit: () => {
+            r.validate(m) && (d(m), i());
+          }
+        }
+      ) : r.inputType === "date" ? /* @__PURE__ */ c(
+        "input",
+        {
+          type: "date",
+          className: "chipper-koe-popup__input",
+          value: m,
+          onChange: (g) => {
+            const C = g.target.value;
+            v(C), C && r.validate(C) && (d(C), i());
+          },
+          autoFocus: e.length === 0
+        }
+      ) : /* @__PURE__ */ c(
+        "input",
+        {
+          type: "text",
+          className: "chipper-koe-popup__input",
+          value: m,
+          onChange: (g) => v(g.target.value),
+          onKeyDown: (g) => {
+            g.key === "Enter" ? _.activeIndex >= 0 && _.activeIndex < e.length ? _.handleKeyDown(g) : k() : _.handleKeyDown(g);
+          },
+          placeholder: r.label,
+          maxLength: l,
+          autoFocus: e.length === 0,
+          "aria-activedescendant": _.activeDescendantId,
+          role: "combobox",
+          "aria-expanded": !0
+        }
+      ),
+      r.suffix && /* @__PURE__ */ c("span", { className: "chipper-koe-popup__affix", children: typeof r.suffix == "function" ? r.suffix(n ?? {}) : r.suffix })
+    ] })
+  ] });
+  return /* @__PURE__ */ c(
+    "div",
+    {
+      className: "chipper-koe-popup",
+      onKeyDown: h ? void 0 : _.handleKeyDown,
+      tabIndex: h ? void 0 : 0,
+      "aria-activedescendant": h ? void 0 : _.activeDescendantId,
+      children: K ? /* @__PURE__ */ S(z, { children: [
+        O,
+        I,
+        E
+      ] }) : /* @__PURE__ */ S(z, { children: [
+        I,
+        E,
+        O
+      ] })
+    }
+  );
+}
+function xe({
+  options: e,
+  optionGroups: t,
+  keywords: o,
+  value: r,
+  maxSelections: a,
+  onSelect: s,
+  onClose: n
+}) {
+  const l = new Set(r), d = [
+    ...o.map((p) => ({ type: "keyword", keyword: p })),
+    ...e.map((p) => ({ type: "option", option: p }))
+  ], i = Q({
+    itemCount: d.length,
+    onSelect: (p) => {
+      const m = d[p];
+      m.type === "keyword" ? h(m.keyword.value) : f(m.option.value);
+    },
+    onClose: n ?? (() => {
+    }),
+    closeOnSelect: !1,
+    idPrefix: "chipper-multi-option"
+  }), f = (p) => {
+    if (l.has(p))
+      s(r.filter((m) => m !== p));
+    else {
+      if (a !== void 0 && r.length >= a) return;
+      s([...r, p]);
+    }
+  }, h = (p) => {
+    s(p);
+  }, u = o.length;
+  return /* @__PURE__ */ S(
+    "div",
+    {
+      className: "chipper-multi-select-popup",
+      onKeyDown: i.handleKeyDown,
+      tabIndex: 0,
+      "aria-activedescendant": i.activeDescendantId,
+      children: [
+        o.length > 0 && /* @__PURE__ */ c("div", { className: "chipper-multi-select-popup__keywords", children: o.map((p, m) => {
+          const v = re(l, r.length, p.value), x = i.getOptionProps(m);
+          return /* @__PURE__ */ c(
+            "button",
+            {
+              type: "button",
+              ...x,
+              "aria-selected": v,
+              className: [
+                x.className,
+                v && "chipper-popup-option--selected"
+              ].filter(Boolean).join(" "),
+              children: j(p)
+            },
+            String(p.value)
+          );
+        }) }),
+        t ? /* @__PURE__ */ c("div", { className: "chipper-multi-select-popup__grid", children: /* @__PURE__ */ c(
+          M,
+          {
+            groups: t,
+            getOptionProps: (p) => i.getOptionProps(u + p),
+            isSelected: (p) => l.has(p.value),
+            isDisabled: (p) => !l.has(p.value) && a !== void 0 && r.length >= a
+          }
+        ) }) : /* @__PURE__ */ c("div", { className: "chipper-multi-select-popup__grid", children: e.map((p, m) => {
+          const v = l.has(p.value), x = !v && a !== void 0 && r.length >= a, w = i.getOptionProps(u + m);
+          return /* @__PURE__ */ c(
+            "button",
+            {
+              type: "button",
+              ...w,
+              "aria-selected": v,
+              className: [
+                w.className,
+                v && "chipper-popup-option--selected"
+              ].filter(Boolean).join(" "),
+              disabled: x,
+              children: j(p)
+            },
+            p.value
+          );
+        }) })
+      ]
+    }
+  );
+}
+function Ne(e, t) {
+  var o;
+  if (t === "") return 0;
+  for (let r = 0; r < e.length; r++) {
+    const a = e[r];
+    if (a.slots.length === 1 && a.slots[0].keywords.some((s) => s.value === t) || a.slots.length > 1 && a.decompose && a.decompose(t).every((n) => n !== void 0) || (o = a.expression) != null && o.validate && a.expression.validate(t))
+      return r;
+  }
+  return 0;
+}
+function ee(e, t) {
+  if (e.decompose && t !== "") {
+    const o = e.decompose(t);
+    if (o.every((r) => r !== void 0)) return o;
+  }
+  return new Array(e.slots.length).fill(void 0);
+}
+function ke({
+  modes: e,
+  value: t,
+  onSelect: o,
+  onClose: r
+}) {
+  const [a, s] = V(
+    () => Ne(e, t)
+  ), n = e[a], [l, d] = V(
+    () => ee(n, t)
+  ), [i, f] = V(""), h = (y) => {
+    s(y);
+    const _ = e[y];
+    d(ee(_, t)), f("");
+  }, u = (y, _) => {
+    const N = [...l];
+    if (N[y] = _, d(N), N.every((k) => k !== void 0)) {
+      const k = n.compose(...N);
+      o(k), r();
+    }
+  }, p = () => {
+    var N;
+    const y = i.trim();
+    if (!y) return;
+    (((N = n.expression) == null ? void 0 : N.validate) ?? ((k) => k.length > 0))(y) && (o(y), r());
+  }, m = [];
+  for (let y = 0; y < n.slots.length; y++)
+    for (let _ = 0; _ < n.slots[y].keywords.length; _++)
+      m.push({ slotIndex: y, keywordIndex: _ });
+  const v = Q({
+    itemCount: m.length,
+    onSelect: (y) => {
+      const _ = m[y], N = n.slots[_.slotIndex].keywords[_.keywordIndex];
+      u(_.slotIndex, N.value);
+    },
+    onClose: r,
+    closeOnSelect: !1,
+    // multi-slot modes stay open until all filled
+    idPrefix: "chipper-alt-option"
+  }), x = (y) => {
+    y.key === "ArrowLeft" ? (y.preventDefault(), h(a > 0 ? a - 1 : e.length - 1)) : y.key === "ArrowRight" && (y.preventDefault(), h(a < e.length - 1 ? a + 1 : 0));
+  };
+  let w = 0;
+  return /* @__PURE__ */ S(
+    "div",
+    {
+      className: "chipper-alt-coord-popup",
+      onKeyDown: n.expression ? void 0 : v.handleKeyDown,
+      tabIndex: n.expression ? void 0 : 0,
+      "aria-activedescendant": n.expression ? void 0 : v.activeDescendantId,
+      children: [
+        e.length > 1 && /* @__PURE__ */ c("div", { className: "chipper-alt-coord-popup__tabs", role: "tablist", onKeyDown: x, children: e.map((y, _) => /* @__PURE__ */ c(
+          "button",
+          {
+            type: "button",
+            role: "tab",
+            className: [
+              "chipper-alt-coord-popup__tab",
+              _ === a && "chipper-alt-coord-popup__tab--active"
+            ].filter(Boolean).join(" "),
+            "aria-selected": _ === a,
+            onClick: () => h(_),
+            children: y.label
+          },
+          y.id
+        )) }),
+        /* @__PURE__ */ S("div", { className: "chipper-alt-coord-popup__content", children: [
+          n.slots.map((y, _) => {
+            const N = w;
+            return w += y.keywords.length, y.keywordGroups ? /* @__PURE__ */ S("div", { className: "chipper-alt-coord-popup__slot", children: [
+              y.prefix && !y.keywordGroups.some((k) => k.prefix) && /* @__PURE__ */ c("span", { className: "chipper-alt-coord-popup__slot-prefix", children: y.prefix }),
+              /* @__PURE__ */ c(
+                M,
+                {
+                  groups: y.keywordGroups,
+                  getOptionProps: (k) => v.getOptionProps(N + k),
+                  isSelected: (k) => l[_] === k.value
+                }
+              )
+            ] }, _) : /* @__PURE__ */ c("div", { className: "chipper-alt-coord-popup__slot", children: /* @__PURE__ */ S("div", { className: "chipper-alt-coord-popup__slot-keywords", children: [
+              y.prefix && /* @__PURE__ */ c("span", { className: "chipper-alt-coord-popup__slot-prefix", children: y.prefix }),
+              y.keywords.map((k, K) => {
+                const I = l[_] === k.value, E = v.getOptionProps(N + K);
+                return /* @__PURE__ */ c(
+                  "button",
+                  {
+                    type: "button",
+                    ...E,
+                    "aria-selected": I,
+                    className: [
+                      E.className,
+                      I && "chipper-popup-option--selected"
+                    ].filter(Boolean).join(" "),
+                    children: j(k)
+                  },
+                  k.value
+                );
+              })
+            ] }) }, _);
+          }),
+          n.expression && /* @__PURE__ */ c("div", { className: "chipper-alt-coord-popup__expression", children: /* @__PURE__ */ c(
+            "input",
+            {
+              type: "text",
+              className: "chipper-koe-popup__input",
+              value: i,
+              onChange: (y) => f(y.target.value),
+              onKeyDown: (y) => {
+                y.key === "Enter" ? v.activeIndex >= 0 ? v.handleKeyDown(y) : p() : v.handleKeyDown(y);
+              },
+              placeholder: n.expression.placeholder,
+              maxLength: n.expression.maxLength,
+              "aria-activedescendant": v.activeDescendantId,
+              role: "combobox",
+              "aria-expanded": !0
+            }
+          ) })
+        ] })
+      ]
+    }
+  );
+}
+const De = 300;
+function Se({
+  source: e,
+  keywords: t,
+  value: o,
+  onSelect: r,
+  onClose: a,
+  displayCache: s
+}) {
+  const [n, l] = V([]), [d, i] = V([]), [f, h] = V(!0), [u, p] = V(null), [m, v] = V(""), [x, w] = V(null), [y, _] = V(!1), N = R(void 0), k = R(0), K = B(
+    (b) => {
+      const D = ++k.current;
+      h(!0), p(null);
+      try {
+        const P = e.getItems(b);
+        P instanceof Promise ? P.then((L) => {
+          D === k.current && (i(L), h(!1));
+        }).catch((L) => {
+          D === k.current && (p(L instanceof Error ? L.message : "Failed to load items"), h(!1));
+        }) : (i(P), h(!1));
+      } catch (P) {
+        p(P instanceof Error ? P.message : "Failed to load items"), h(!1);
+      }
+    },
+    [e]
+  );
+  T(() => {
+    K([]);
+  }, [K]);
+  const I = B(
+    (b) => {
+      const D = [...n, b];
+      l(D), v(""), w(null), K(D);
+    },
+    [n, K]
+  ), E = B(
+    (b) => {
+      const D = b < 0 ? [] : n.slice(0, b + 1);
+      l(D), v(""), w(null), K(D);
+    },
+    [n, K]
+  ), O = B(
+    (b) => {
+      s.set(b.id, b.label), r(b.id), a();
+    },
+    [r, a, s]
+  ), g = B(
+    (b) => {
+      if (v(b), N.current && clearTimeout(N.current), !b.trim() || !e.search) {
+        w(null), _(!1);
+        return;
+      }
+      _(!0), N.current = setTimeout(() => {
+        try {
+          const D = e.search(b.trim());
+          D instanceof Promise ? D.then((P) => {
+            w(P), _(!1);
+          }).catch(() => {
+            w([]), _(!1);
+          }) : (w(D), _(!1));
+        } catch {
+          w([]), _(!1);
+        }
+      }, De);
+    },
+    [e]
+  );
+  T(() => () => {
+    N.current && clearTimeout(N.current);
+  }, []);
+  const C = x !== null, A = C ? x : d, $ = C ? y : f, F = t.length + ($ ? 0 : A.length), G = Q({
+    itemCount: F,
+    closeOnSelect: !1,
+    onSelect: (b) => {
+      if (b < t.length)
+        r(t[b].value), a();
+      else {
+        const D = A[b - t.length], P = D.selectable !== !1, L = D.hasChildren === !0;
+        P ? O(D) : L && I(D);
+      }
+    },
+    onClose: a,
+    idPrefix: "chipper-ref-option"
+  });
+  return /* @__PURE__ */ S("div", { className: "chipper-reference-popup", children: [
+    t.length > 0 && /* @__PURE__ */ c("div", { className: "chipper-reference-popup__keywords", children: t.map((b, D) => {
+      const P = G.getOptionProps(D);
+      return /* @__PURE__ */ c(
+        "button",
+        {
+          type: "button",
+          ...P,
+          "aria-selected": b.value === o,
+          className: [
+            P.className,
+            b.value === o && "chipper-popup-option--selected"
+          ].filter(Boolean).join(" "),
+          children: j(b)
+        },
+        b.value
+      );
+    }) }),
+    !C && n.length > 0 && /* @__PURE__ */ S("nav", { className: "chipper-reference-popup__breadcrumb", children: [
+      /* @__PURE__ */ c(
+        "button",
+        {
+          type: "button",
+          className: "chipper-reference-popup__breadcrumb-segment",
+          "aria-label": "all items",
+          onClick: () => E(-1),
+          children: "all"
+        }
+      ),
+      n.map((b, D) => /* @__PURE__ */ S("span", { children: [
+        /* @__PURE__ */ c("span", { className: "chipper-reference-popup__breadcrumb-separator", children: "›" }),
+        D < n.length - 1 ? /* @__PURE__ */ c(
+          "button",
+          {
+            type: "button",
+            className: "chipper-reference-popup__breadcrumb-segment",
+            onClick: () => E(D),
+            children: b.label
+          }
+        ) : /* @__PURE__ */ c("span", { className: "chipper-reference-popup__breadcrumb-current", children: b.label })
+      ] }, b.id))
+    ] }),
+    /* @__PURE__ */ S("div", { className: "chipper-reference-popup__items", "aria-live": "polite", children: [
+      $ && /* @__PURE__ */ c("div", { className: "chipper-reference-popup__loading", children: "Loading…" }),
+      !$ && u && /* @__PURE__ */ S("div", { className: "chipper-reference-popup__empty", children: [
+        /* @__PURE__ */ c("span", { children: u }),
+        /* @__PURE__ */ c(
+          "button",
+          {
+            type: "button",
+            className: "chipper-reference-popup__retry",
+            onClick: () => K(n),
+            children: "Retry"
+          }
+        )
+      ] }),
+      !$ && !u && A.length === 0 && /* @__PURE__ */ c("div", { className: "chipper-reference-popup__empty", children: C ? `No results for '${m}'` : "No items" }),
+      !$ && !u && A.map((b, D) => {
+        const P = b.selectable !== !1, L = b.hasChildren === !0, Y = G.getOptionProps(t.length + D);
+        return !P && L ? /* @__PURE__ */ S(
+          "button",
+          {
+            type: "button",
+            ...Y,
+            onClick: () => I(b),
+            className: [
+              "chipper-reference-popup__item chipper-reference-popup__item--non-selectable",
+              Y.className
+            ].filter(Boolean).join(" "),
+            "aria-label": `expand ${b.label}`,
+            children: [
+              /* @__PURE__ */ c("span", { className: "chipper-reference-popup__item-label", children: b.label }),
+              /* @__PURE__ */ c("span", { className: "chipper-reference-popup__item-drill", children: "▸" })
+            ]
+          },
+          b.id
+        ) : /* @__PURE__ */ S("div", { className: "chipper-reference-popup__item", children: [
+          P ? /* @__PURE__ */ c(
+            "button",
+            {
+              type: "button",
+              ...Y,
+              className: [
+                "chipper-reference-popup__item-label",
+                Y.className,
+                b.id === o && "chipper-reference-popup__item-label--selected"
+              ].filter(Boolean).join(" "),
+              children: b.label
+            }
+          ) : /* @__PURE__ */ c("span", { className: "chipper-reference-popup__item-label chipper-reference-popup__item-label--inert", children: b.label }),
+          L && /* @__PURE__ */ c(
+            "button",
+            {
+              type: "button",
+              className: "chipper-reference-popup__item-drill",
+              "aria-label": `expand ${b.label}`,
+              onClick: () => I(b),
+              children: "▸"
+            }
+          )
+        ] }, b.id);
+      })
+    ] }),
+    e.search && /* @__PURE__ */ c("div", { className: "chipper-reference-popup__search-row", children: /* @__PURE__ */ c(
+      "input",
+      {
+        type: "text",
+        className: "chipper-reference-popup__search",
+        value: m,
+        onChange: (b) => g(b.target.value),
+        onKeyDown: (b) => {
+          b.key === "Enter" && G.activeIndex >= 0, G.handleKeyDown(b);
+        },
+        placeholder: "Search…",
+        "aria-label": "search items",
+        "aria-activedescendant": G.activeDescendantId,
+        role: "combobox",
+        "aria-expanded": !0
+      }
+    ) })
+  ] });
+}
+function Ee({ chipId: e, domain: t, value: o, expressionActive: r, context: a, onSelect: s, onClose: n }) {
+  const l = R(null);
+  T(() => {
+    const i = (f) => {
+      f.key === "Escape" && n();
+    };
+    return document.addEventListener("keydown", i), () => document.removeEventListener("keydown", i);
+  }, [n]), T(() => {
+    const i = (h) => {
+      if (h.key === "Tab" && l.current) {
+        const u = l.current.querySelectorAll(
+          'button:not([disabled]), input:not([disabled]), [tabindex]:not([tabindex="-1"])'
+        );
+        if (u.length === 0) return;
+        const p = u[0], m = u[u.length - 1];
+        h.shiftKey && document.activeElement === p ? (h.preventDefault(), m.focus()) : !h.shiftKey && document.activeElement === m && (h.preventDefault(), p.focus());
+      }
+    }, f = l.current;
+    return f == null || f.addEventListener("keydown", i), () => f == null ? void 0 : f.removeEventListener("keydown", i);
+  }, []), T(() => {
+    const i = (h) => {
+      l.current && !l.current.contains(h.target) && n();
+    }, f = setTimeout(() => {
+      document.addEventListener("mousedown", i);
+    }, 0);
+    return () => {
+      clearTimeout(f), document.removeEventListener("mousedown", i);
+    };
+  }, [n]);
+  const d = () => {
+    var i, f, h, u, p, m, v;
+    switch (t.type) {
+      case "keyword-or-expression": {
+        const x = t.expressionModes[0], w = (i = t.meta) == null ? void 0 : i.trigger;
+        return /* @__PURE__ */ c(
+          ge,
+          {
+            keywords: t.keywords,
+            keywordGroups: t.keywordGroups,
+            value: o,
+            expressionMode: x,
+            expressionActive: r,
+            triggerLabel: w == null ? void 0 : w.label,
+            context: a,
+            maxLength: x == null ? void 0 : x.maxLength,
+            onSelect: s,
+            onClose: n
+          }
+        );
+      }
+      case "multi-select":
+        return /* @__PURE__ */ c(
+          xe,
+          {
+            options: (f = t.meta) == null ? void 0 : f.options,
+            optionGroups: (h = t.meta) == null ? void 0 : h.optionGroups,
+            keywords: t.keywords,
+            value: o,
+            maxSelections: (u = t.meta) == null ? void 0 : u.maxSelections,
+            onSelect: s,
+            onClose: n
+          }
+        );
+      case "alternative-coordinate":
+        return /* @__PURE__ */ c(
+          ke,
+          {
+            modes: (p = t.meta) == null ? void 0 : p.modes,
+            value: o,
+            onSelect: s,
+            onClose: n
+          }
+        );
+      case "reference":
+        return /* @__PURE__ */ c(
+          Se,
+          {
+            source: (m = t.meta) == null ? void 0 : m.source,
+            keywords: t.keywords,
+            value: o,
+            onSelect: s,
+            onClose: n,
+            displayCache: (v = t.meta) == null ? void 0 : v.displayCache
+          }
+        );
+      default:
+        return /* @__PURE__ */ S("div", { children: [
+          "Unsupported domain type: ",
+          t.type
+        ] });
+    }
+  };
+  return T(() => {
+    if (!l.current) return;
+    const i = l.current.querySelector(
+      'input:not([disabled]), button:not([disabled]), [tabindex]:not([tabindex="-1"])'
+    );
+    i == null || i.focus();
+  }, []), /* @__PURE__ */ c(
+    "div",
+    {
+      ref: l,
+      id: `chipper-popup-${e}`,
+      className: "chipper-popup chipper-popup--open",
+      role: "listbox",
+      "aria-label": t.placeholder ?? t.type,
+      children: d()
+    }
+  );
+}
+function Le({ content: e, onClose: t }) {
+  const o = R(null);
+  return T(() => {
+    const r = (a) => {
+      o.current && !o.current.contains(a.target) && setTimeout(t, 0);
+    };
+    return document.addEventListener("mousedown", r), () => document.removeEventListener("mousedown", r);
+  }, [t]), T(() => {
+    const r = (a) => {
+      a.key === "Escape" && t();
+    };
+    return document.addEventListener("keydown", r), () => document.removeEventListener("keydown", r);
+  }, [t]), /* @__PURE__ */ S("div", { ref: o, className: "chipper-chip-info", role: "dialog", "aria-label": "Chip information", children: [
+    /* @__PURE__ */ c("div", { className: "chipper-chip-info__caret" }),
+    /* @__PURE__ */ c("div", { className: "chipper-chip-info__content", children: e })
+  ] });
+}
+function Ce({ clauseId: e, chipId: t }) {
+  const { displayValue: o, valid: r, domain: a, chipDefinition: s, value: n, expressionMode: l, loading: d, error: i, setValue: f } = oe(e, t), { definition: h, state: u, clauseById: p, dispatch: m } = X(), { open: v, close: x, isOpen: w } = ae();
+  ve(a, n, e, t, m), be(s, e, u, p, m);
+  const y = R(null), _ = H(
+    () => a.expressionModes.some(
+      (L) => typeof L.prefix == "function" || typeof L.suffix == "function"
+    ),
+    [a.expressionModes]
+  ), N = _ ? p.get(e) : void 0, k = _ ? u.clauses[e] : void 0, K = H(
+    () => _ && N && k ? W(e, N, k.chips, p, u.contexts) : void 0,
+    [_, e, N, k, p, u.contexts]
+  ), I = s.mode.type === "interactive", E = s.mode.type === "display" ? s.mode : void 0, O = E != null, g = (E == null ? void 0 : E.info) != null, C = w(t), A = !r, $ = () => {
+    y.current && (!I && !g || (C ? (x(), y.current.focus()) : v(e, t, y.current)));
+  }, F = B(() => {
+    var L;
+    x(), (L = y.current) == null || L.focus();
+  }, [x]), G = [
+    "chipper-chip-trigger",
+    A && "chipper-chip-trigger--placeholder",
+    C && "chipper-chip-trigger--expanded",
+    O && "chipper-chip-trigger--display",
+    d && "chipper-chip-trigger--loading",
+    i && "chipper-chip-trigger--error"
+  ].filter(Boolean).join(" "), b = {
+    "--chip-trigger-color-text": `var(--chipper-color-${a.color}-text)`,
+    "--chip-trigger-color-bg": `var(--chipper-color-${a.color}-bg)`,
+    "--chip-trigger-color-hover": `var(--chipper-color-${a.color}-hover)`,
+    "--chip-trigger-color-glow": `var(--chipper-color-${a.color}-glow, rgba(0, 0, 0, 0.12))`
+  }, D = H(() => {
+    if (!(E != null && E.info)) return;
+    const L = E.info;
+    return typeof L == "function" ? L(n, u) : L;
+  }, [E, n, u]);
+  return /* @__PURE__ */ S("span", { className: "chipper-chip", style: b, children: [
+    I || g ? /* @__PURE__ */ c(
+      "button",
+      {
+        ref: y,
+        type: "button",
+        className: G,
+        onClick: $,
+        "aria-expanded": C,
+        "aria-haspopup": I ? "listbox" : g ? "dialog" : void 0,
+        "aria-invalid": !r || void 0,
+        "aria-controls": C ? `chipper-popup-${t}` : void 0,
+        children: /* @__PURE__ */ c("span", { className: "chipper-chip-trigger__text", children: o })
+      }
+    ) : /* @__PURE__ */ c("span", { className: G, children: /* @__PURE__ */ c("span", { className: "chipper-chip-trigger__text", children: o }) }),
+    C && I && /* @__PURE__ */ c(
+      Ee,
+      {
+        clauseId: e,
+        chipId: t,
+        domain: a,
+        value: n,
+        expressionActive: l,
+        context: K,
+        onSelect: f,
+        onClose: F
+      }
+    ),
+    C && g && D && /* @__PURE__ */ c(
+      Le,
+      {
+        content: D,
+        onClose: F
+      }
+    )
+  ] });
+}
+function Pe({ clauseId: e }) {
+  const { state: t, dispatch: o, domains: r, clauseById: a } = X(), s = a.get(e), n = t.clauses[e];
+  if (!s || s.contingency && !(n != null && n.present))
+    return null;
+  if (s.necessity === "optional" && !(n != null && n.active))
+    return /* @__PURE__ */ S("div", { className: "chipper-clause chipper-clause--dormant", children: [
+      /* @__PURE__ */ c(
+        "button",
+        {
+          type: "button",
+          className: "chipper-clause__toggle",
+          "aria-label": "activate clause",
+          onClick: () => o({ type: "TOGGLE_CLAUSE", clauseId: e }),
+          children: "↳"
+        }
+      ),
+      s.segments.map((i, f) => {
+        if (i.type === "text")
+          return typeof i.value == "function" ? null : /* @__PURE__ */ c("span", { className: "chipper-clause__text", children: i.value }, f);
+        if (n != null && n.visibleChips && !n.visibleChips.includes(i.chipId))
+          return null;
+        const h = n == null ? void 0 : n.chips[i.chipId], u = r[i.chipId], p = h ? h.valid ? h.displayValue : (u == null ? void 0 : u.placeholder) ?? h.displayValue : (u == null ? void 0 : u.placeholder) ?? i.chipId;
+        return /* @__PURE__ */ c("span", { className: "chipper-clause__text", children: p }, i.chipId);
+      })
+    ] });
+  const l = s.segments.some(
+    (i) => i.type === "text" && i.present
+  ), d = H(() => !l || !n ? {} : W(e, s, n.chips, a, t.contexts), [l, e, s, n, a, t.contexts]);
+  return /* @__PURE__ */ S("div", { className: "chipper-clause", children: [
+    s.necessity === "optional" && /* @__PURE__ */ c(
+      "button",
+      {
+        type: "button",
+        className: "chipper-clause__toggle",
+        "aria-label": "deactivate clause",
+        onClick: () => o({ type: "TOGGLE_CLAUSE", clauseId: e }),
+        children: "×"
+      }
+    ),
+    s.segments.map((i, f) => {
+      if (i.type === "text") {
+        if (i.present && !i.present(d))
+          return null;
+        const h = typeof i.value == "function" ? i.value(t) : i.value;
+        return h ? /* @__PURE__ */ c("span", { className: "chipper-clause__text", children: h }, f) : null;
+      }
+      return n != null && n.visibleChips && !n.visibleChips.includes(i.chipId) ? null : /* @__PURE__ */ c(Ce, { clauseId: e, chipId: i.chipId }, i.chipId);
+    })
+  ] });
+}
+function Ie(e, t) {
+  if (e.indent !== void 0) return e.indent;
+  let o = !1;
+  return e.clauseIds.every((a) => {
+    const s = t.get(a);
+    return s ? (s.necessity === "optional" && (o = !0), s.necessity === "optional" || !!s.contingency) : !1;
+  }) && o;
+}
+function Ke({ line: e, clausesByIds: t }) {
+  const r = Ie(e, t) ? "chipper-line chipper-line--indent" : "chipper-line";
+  return /* @__PURE__ */ c("div", { className: r, children: e.clauseIds.map((a) => /* @__PURE__ */ c(Pe, { clauseId: a }, a)) });
+}
+function Te() {
+  const { definition: e } = X(), t = new Map(
+    e.clauses.map((r) => [r.id, r])
+  ), o = (e.lines ?? e.clauses.map((r) => ({ clauseIds: [r.id] }))).filter((r) => r.clauseIds.length > 0);
+  return /* @__PURE__ */ c("div", { className: "chipper-sentence", children: o.map((r, a) => /* @__PURE__ */ c(Ke, { line: r, clausesByIds: t }, a)) });
+}
+function qe({ sentence: e, initialValues: t, onChange: o, children: r }) {
+  return /* @__PURE__ */ c(se, { definition: e, initialValues: t, onChange: o, children: r ?? /* @__PURE__ */ c(Te, {}) });
+}
+export {
+  ke as AlternativeCoordinatePopup,
+  Ce as Chip,
+  Ee as ChipPopup,
+  qe as Chipper,
+  Pe as Clause,
+  ge as KeywordOrExpressionPopup,
+  xe as MultiSelectPopup,
+  Se as ReferencePopup,
+  Te as Sentence,
+  se as SentenceProvider,
+  Fe as alternativeCoordinateDomain,
+  We as builder,
+  Xe as chip,
+  Ze as createPalette,
+  $e as dateDomain,
+  ue as dateExpression,
+  Me as deserialize,
+  Ge as expressionDomain,
+  et as extendPalette,
+  tt as initializeSentenceState,
+  He as isNumeric,
+  ze as isOneOf,
+  je as keywordDomain,
+  U as keywordOrExpressionDomain,
+  Ue as multiSelectDomain,
+  Re as numberDomain,
+  pe as numericExpression,
+  Ye as referenceDomain,
+  rt as repeating,
+  nt as sentence,
+  ot as sentenceReducer,
+  at as serialize,
+  Be as textDomain,
+  ce as textExpression,
+  oe as useChip,
+  ae as usePopup,
+  X as useSentence
+};