@charcuterie/ui 2.12.1 → 2.13.0

package/dist/QueryBuilder/QueryBuilder.d.ts

@@ -0,0 +1,64 @@
+import type { Tree } from "@charcuterie/logic";
+import type { ReactNode } from "react";
+export type QueryBuilderLabels = {
+    addGroup?: string;
+    addLeaf?: string;
+    removeGroup?: string;
+    removeLeaf?: string;
+};
+export type QueryBuilderProps<Combinator, Leaf> = {
+    /**
+     * The combinator choices offered in every group's "Match" select.
+     * The `value` is opaque — `and`/`or` for a mail rule, `any`/`all`/
+     * `none` for a DSL — and the `label` is what a user reads.
+     */
+    combinatorOptions: readonly {
+        label: string;
+        value: Combinator;
+    }[];
+    /** The value a fresh leaf is born with when "+ Condition" is pressed. */
+    createLeafValue: () => Leaf;
+    labels?: QueryBuilderLabels;
+    /**
+     * The leaf UI, owned by the app. `QueryBuilder` knows nothing about
+     * what a condition *is* — a field/operator/value triple, a
+     * non-uniform per-kind shape — only that it can be rendered and
+     * patched. The delete control around each leaf is the builder's.
+     */
+    renderLeaf: (args: {
+        nodeId: string;
+        onChange: (value: Leaf) => void;
+        value: Leaf;
+    }) => ReactNode;
+    /**
+     * The `Tree` core from `useTree`, owned by the consumer — the same
+     * arrangement as a `Listbox`'s parent owning `useVisibility`.
+     * `QueryBuilder` subscribes to it and drives it; it never creates
+     * one, so a consumer keeps `serialize()` and the initial tree.
+     */
+    tree: Tree<Combinator, Leaf>;
+};
+/**
+ * The generic, nestable AND/OR — and any-combinator — group editor.
+ *
+ * Two apps in the fleet grow the same widget: Mail Sifter's nested
+ * mail rules (leaf = field/operator/value, combinators AND/OR) and
+ * mux-magic's job DSL (non-uniform leaves, combinators any/all/none).
+ * Both are a recursive group of conditions with a combinator, so the
+ * value **and** the combinator are opaque here — `Combinator` and
+ * `Leaf` never appear except passed through to the consumer's
+ * `renderLeaf` and its `combinatorOptions`.
+ *
+ * State lives entirely in the `Tree` core from `@charcuterie/logic`;
+ * this component holds none of its own. It subscribes with
+ * `useStoreValue`, so a `patchLeaf` deep in the tree re-renders only
+ * the rows whose node identity changed — the same identity discipline
+ * the state layer is built on.
+ *
+ * The recursion and the per-leaf row each live in their own file
+ * (`QueryBuilderGroup`, `QueryBuilderRow`), not exported: a group
+ * renders groups, and both are rendered inside a `.map`, which is
+ * exactly the shape the member-file rule is for.
+ */
+export declare const QueryBuilder: <Combinator, Leaf>({ combinatorOptions, createLeafValue, labels, renderLeaf, tree, }: QueryBuilderProps<Combinator, Leaf>) => ReactNode;
+//# sourceMappingURL=QueryBuilder.d.ts.map

package/dist/QueryBuilder/QueryBuilder.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"QueryBuilder.d.ts","sourceRoot":"","sources":["../../src/QueryBuilder/QueryBuilder.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAA;AAK9C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAItC,MAAM,MAAM,kBAAkB,GAAG;IAC/B,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB,CAAA;AAED,MAAM,MAAM,iBAAiB,CAAC,UAAU,EAAE,IAAI,IAAI;IAChD;;;;OAIG;IACH,iBAAiB,EAAE,SAAS;QAC1B,KAAK,EAAE,MAAM,CAAA;QACb,KAAK,EAAE,UAAU,CAAA;KAClB,EAAE,CAAA;IACH,yEAAyE;IACzE,eAAe,EAAE,MAAM,IAAI,CAAA;IAC3B,MAAM,CAAC,EAAE,kBAAkB,CAAA;IAC3B;;;;;OAKG;IACH,UAAU,EAAE,CAAC,IAAI,EAAE;QACjB,MAAM,EAAE,MAAM,CAAA;QACd,QAAQ,EAAE,CAAC,KAAK,EAAE,IAAI,KAAK,IAAI,CAAA;QAC/B,KAAK,EAAE,IAAI,CAAA;KACZ,KAAK,SAAS,CAAA;IACf;;;;;OAKG;IACH,IAAI,EAAE,IAAI,CAAC,UAAU,EAAE,IAAI,CAAC,CAAA;CAC7B,CAAA;AASD;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,eAAO,MAAM,YAAY,GAAI,UAAU,EAAE,IAAI,EAAE,mEAM5C,iBAAiB,CAAC,UAAU,EAAE,IAAI,CAAC,KAAG,SAiBxC,CAAA"}

package/dist/QueryBuilder/QueryBuilder.js

@@ -0,0 +1,37 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { selectRootGroup, useStoreValue, } from "@charcuterie/logic";
+import { QueryBuilderGroup } from "./QueryBuilderGroup.js";
+const DEFAULT_LABELS = {
+    addGroup: "Add group",
+    addLeaf: "Add condition",
+    removeGroup: "Remove group",
+    removeLeaf: "Remove condition",
+};
+/**
+ * The generic, nestable AND/OR — and any-combinator — group editor.
+ *
+ * Two apps in the fleet grow the same widget: Mail Sifter's nested
+ * mail rules (leaf = field/operator/value, combinators AND/OR) and
+ * mux-magic's job DSL (non-uniform leaves, combinators any/all/none).
+ * Both are a recursive group of conditions with a combinator, so the
+ * value **and** the combinator are opaque here — `Combinator` and
+ * `Leaf` never appear except passed through to the consumer's
+ * `renderLeaf` and its `combinatorOptions`.
+ *
+ * State lives entirely in the `Tree` core from `@charcuterie/logic`;
+ * this component holds none of its own. It subscribes with
+ * `useStoreValue`, so a `patchLeaf` deep in the tree re-renders only
+ * the rows whose node identity changed — the same identity discipline
+ * the state layer is built on.
+ *
+ * The recursion and the per-leaf row each live in their own file
+ * (`QueryBuilderGroup`, `QueryBuilderRow`), not exported: a group
+ * renders groups, and both are rendered inside a `.map`, which is
+ * exactly the shape the member-file rule is for.
+ */
+export const QueryBuilder = ({ combinatorOptions, createLeafValue, labels, renderLeaf, tree, }) => {
+    const state = useStoreValue(tree);
+    const resolvedLabels = { ...DEFAULT_LABELS, ...labels };
+    return (_jsx(QueryBuilderGroup, { combinatorOptions: combinatorOptions, createLeafValue: createLeafValue, depth: 0, labels: resolvedLabels, node: selectRootGroup(state), renderLeaf: renderLeaf, state: state, tree: tree }));
+};
+//# sourceMappingURL=QueryBuilder.js.map

package/dist/QueryBuilder/QueryBuilder.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"QueryBuilder.js","sourceRoot":"","sources":["../../src/QueryBuilder/QueryBuilder.tsx"],"names":[],"mappings":";AACA,OAAO,EACL,eAAe,EACf,aAAa,GACd,MAAM,oBAAoB,CAAA;AAG3B,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAyB,CAAA;AA0C3D,MAAM,cAAc,GAAG;IACrB,QAAQ,EAAE,WAAW;IACrB,OAAO,EAAE,eAAe;IACxB,WAAW,EAAE,cAAc;IAC3B,UAAU,EAAE,kBAAkB;CACQ,CAAA;AAExC;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG,CAAmB,EAC7C,iBAAiB,EACjB,eAAe,EACf,MAAM,EACN,UAAU,EACV,IAAI,GACgC,EAAa,EAAE;IACnD,MAAM,KAAK,GAAG,aAAa,CAAC,IAAI,CAAC,CAAA;IAEjC,MAAM,cAAc,GAAG,EAAE,GAAG,cAAc,EAAE,GAAG,MAAM,EAAE,CAAA;IAEvD,OAAO,CACL,KAAC,iBAAiB,IAChB,iBAAiB,EAAE,iBAAiB,EACpC,eAAe,EAAE,eAAe,EAChC,KAAK,EAAE,CAAC,EACR,MAAM,EAAE,cAAc,EACtB,IAAI,EAAE,eAAe,CAAC,KAAK,CAAC,EAC5B,UAAU,EAAE,UAAU,EACtB,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,GACV,CACH,CAAA;AACH,CAAC,CAAA"}

package/dist/QueryBuilder/QueryBuilderGroup.d.ts

@@ -0,0 +1,37 @@
+import type { Tree, TreeGroupNode, TreeState } from "@charcuterie/logic";
+import type { ReactNode } from "react";
+import type { QueryBuilderLabels } from "./QueryBuilder.tsx";
+export type QueryBuilderGroupProps<Combinator, Leaf> = {
+    combinatorOptions: readonly {
+        label: string;
+        value: Combinator;
+    }[];
+    createLeafValue: () => Leaf;
+    /** Root is `0`; nested groups deepen and gain the accent rail. */
+    depth: number;
+    labels: Required<QueryBuilderLabels>;
+    node: TreeGroupNode<Combinator>;
+    renderLeaf: (args: {
+        nodeId: string;
+        onChange: (value: Leaf) => void;
+        value: Leaf;
+    }) => ReactNode;
+    state: TreeState<Combinator, Leaf>;
+    tree: Tree<Combinator, Leaf>;
+};
+/**
+ * One match group: a "Match" combinator select, its children (leaf
+ * rows and nested groups), and a toolbar to add either. Its own file
+ * because it renders itself recursively for nested groups and is
+ * itself rendered inside the parent's `.map` — the member-file case.
+ *
+ * The combinator is opaque, so the native `Select` (which speaks
+ * strings) is bridged by `String(value)`: options carry the
+ * stringified combinator, and a change is mapped back to the real
+ * `Combinator` before it reaches `setCombinator`. That keeps
+ * `Combinator` fully generic while still using the platform control
+ * that brings type-ahead, the mobile wheel, and form semantics for
+ * free.
+ */
+export declare const QueryBuilderGroup: <Combinator, Leaf>({ combinatorOptions, createLeafValue, depth, labels, node, renderLeaf, state, tree, }: QueryBuilderGroupProps<Combinator, Leaf>) => ReactNode;
+//# sourceMappingURL=QueryBuilderGroup.d.ts.map

package/dist/QueryBuilder/QueryBuilderGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"QueryBuilderGroup.d.ts","sourceRoot":"","sources":["../../src/QueryBuilder/QueryBuilderGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,IAAI,EACJ,aAAa,EACb,SAAS,EACV,MAAM,oBAAoB,CAAA;AAE3B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAQtC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAA;AAG5D,MAAM,MAAM,sBAAsB,CAAC,UAAU,EAAE,IAAI,IAAI;IACrD,iBAAiB,EAAE,SAAS;QAC1B,KAAK,EAAE,MAAM,CAAA;QACb,KAAK,EAAE,UAAU,CAAA;KAClB,EAAE,CAAA;IACH,eAAe,EAAE,MAAM,IAAI,CAAA;IAC3B,kEAAkE;IAClE,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,QAAQ,CAAC,kBAAkB,CAAC,CAAA;IACpC,IAAI,EAAE,aAAa,CAAC,UAAU,CAAC,CAAA;IAC/B,UAAU,EAAE,CAAC,IAAI,EAAE;QACjB,MAAM,EAAE,MAAM,CAAA;QACd,QAAQ,EAAE,CAAC,KAAK,EAAE,IAAI,KAAK,IAAI,CAAA;QAC/B,KAAK,EAAE,IAAI,CAAA;KACZ,KAAK,SAAS,CAAA;IACf,KAAK,EAAE,SAAS,CAAC,UAAU,EAAE,IAAI,CAAC,CAAA;IAClC,IAAI,EAAE,IAAI,CAAC,UAAU,EAAE,IAAI,CAAC,CAAA;CAC7B,CAAA;AAED;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,iBAAiB,GAAI,UAAU,EAAE,IAAI,EAAE,uFASjD,sBAAsB,CAAC,UAAU,EAAE,IAAI,CAAC,KAAG,SA6H7C,CAAA"}

package/dist/QueryBuilder/QueryBuilderGroup.js

@@ -0,0 +1,57 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { selectChildNodes } from "@charcuterie/logic";
+import { Button } from "../Button/Button.js";
+import { Card } from "../Card/Card.js";
+import { Field } from "../Field/Field.js";
+import { IconButton } from "../IconButton/IconButton.js";
+import { Select } from "../Select/Select.js";
+import { toClassName } from "../toClassName.js";
+import { QueryBuilderRow } from "./QueryBuilderRow.js";
+/**
+ * One match group: a "Match" combinator select, its children (leaf
+ * rows and nested groups), and a toolbar to add either. Its own file
+ * because it renders itself recursively for nested groups and is
+ * itself rendered inside the parent's `.map` — the member-file case.
+ *
+ * The combinator is opaque, so the native `Select` (which speaks
+ * strings) is bridged by `String(value)`: options carry the
+ * stringified combinator, and a change is mapped back to the real
+ * `Combinator` before it reaches `setCombinator`. That keeps
+ * `Combinator` fully generic while still using the platform control
+ * that brings type-ahead, the mobile wheel, and form semantics for
+ * free.
+ */
+export const QueryBuilderGroup = ({ combinatorOptions, createLeafValue, depth, labels, node, renderLeaf, state, tree, }) => {
+    const children = selectChildNodes(state, node.id);
+    const selectOptions = combinatorOptions.map((option) => ({
+        label: option.label,
+        value: String(option.value),
+    }));
+    const card = (_jsx(Card
+    // Nested groups sit on the sunken surface so the depth reads as
+    // recession, not another raised card floating at the same level.
+    , { 
+        // Nested groups sit on the sunken surface so the depth reads as
+        // recession, not another raised card floating at the same level.
+        surface: depth === 0 ? "raised" : "sunken", children: _jsxs("div", { className: "flex flex-col gap-3", children: [_jsxs("div", { className: "flex items-start justify-between gap-2", children: [_jsx("div", { className: "min-w-52", children: _jsx(Field, { label: "Match", children: _jsx(Select, { onChange: (nextValue) => {
+                                        const match = combinatorOptions.find((option) => String(option.value) === nextValue);
+                                        if (match) {
+                                            tree.setCombinator(node.id, match.value);
+                                        }
+                                    }, options: selectOptions, value: String(node.combinator) }) }) }), depth === 0 ? null : (_jsx(IconButton, { appearance: "ghost", intent: "danger", label: labels.removeGroup, onClick: () => {
+                                tree.removeNode(node.id);
+                            }, size: "sm", children: "\u2715" }))] }), children.length === 0 ? null : (_jsx("div", { className: "flex flex-col gap-2", children: children.map((child) => child.kind === "group" ? (_jsx(QueryBuilderGroup, { combinatorOptions: combinatorOptions, createLeafValue: createLeafValue, depth: depth + 1, labels: labels, node: child, renderLeaf: renderLeaf, state: state, tree: tree }, child.id)) : (_jsx(QueryBuilderRow, { label: labels.removeLeaf, nodeId: child.id, onChange: (value) => {
+                            tree.patchLeaf(child.id, value);
+                        }, onRemove: () => {
+                            tree.removeNode(child.id);
+                        }, renderLeaf: renderLeaf, value: child.value }, child.id))) })), _jsxs("div", { className: "flex flex-wrap gap-2", children: [_jsx(Button, { appearance: "outline", intent: "neutral", onClick: () => {
+                                tree.addLeaf(node.id, createLeafValue());
+                            }, size: "sm", children: `+ ${labels.addLeaf}` }), _jsx(Button, { appearance: "outline", intent: "neutral", onClick: () => {
+                                tree.addGroup(node.id);
+                            }, size: "sm", children: `+ ${labels.addGroup}` })] })] }) }));
+    // Depth is shown with a semantic-token inline-start rail. The colour
+    // utility paints all four sides, but only the inline-start edge has
+    // a width, so only it renders — no raw palette colour anywhere.
+    return depth === 0 ? (card) : (_jsx("div", { className: toClassName("border-intent-accent-border border-s-2 ps-3"), children: card }));
+};
+//# sourceMappingURL=QueryBuilderGroup.js.map

package/dist/QueryBuilder/QueryBuilderGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"QueryBuilderGroup.js","sourceRoot":"","sources":["../../src/QueryBuilder/QueryBuilderGroup.tsx"],"names":[],"mappings":"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"}

package/dist/QueryBuilder/QueryBuilderRow.d.ts

@@ -0,0 +1,28 @@
+import type { ReactNode } from "react";
+export type QueryBuilderRowProps<Leaf> = {
+    /** The accessible name of the row's delete control. */
+    label: string;
+    nodeId: string;
+    onChange: (value: Leaf) => void;
+    onRemove: () => void;
+    renderLeaf: (args: {
+        nodeId: string;
+        onChange: (value: Leaf) => void;
+        value: Leaf;
+    }) => ReactNode;
+    value: Leaf;
+};
+/**
+ * A single leaf row: the app's own leaf UI, plus the builder's delete
+ * control. Its own file for the same reason `ListboxOption` is —
+ * rendered inside the group's `.map`, so it cannot be an inline
+ * component — and it is a member file (`QueryBuilder*.tsx`, not
+ * `QueryBuilder/QueryBuilder.tsx`), so it stays out of the barrel and
+ * the component count by rule.
+ *
+ * The delete control is an `IconButton` because a bare glyph is not an
+ * accessible name; its required `label` is what makes each row's
+ * remove button findable and unique per condition.
+ */
+export declare const QueryBuilderRow: <Leaf>({ label, nodeId, onChange, onRemove, renderLeaf, value, }: QueryBuilderRowProps<Leaf>) => ReactNode;
+//# sourceMappingURL=QueryBuilderRow.d.ts.map

package/dist/QueryBuilder/QueryBuilderRow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"QueryBuilderRow.d.ts","sourceRoot":"","sources":["../../src/QueryBuilder/QueryBuilderRow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAItC,MAAM,MAAM,oBAAoB,CAAC,IAAI,IAAI;IACvC,uDAAuD;IACvD,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,CAAA;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,IAAI,KAAK,IAAI,CAAA;IAC/B,QAAQ,EAAE,MAAM,IAAI,CAAA;IACpB,UAAU,EAAE,CAAC,IAAI,EAAE;QACjB,MAAM,EAAE,MAAM,CAAA;QACd,QAAQ,EAAE,CAAC,KAAK,EAAE,IAAI,KAAK,IAAI,CAAA;QAC/B,KAAK,EAAE,IAAI,CAAA;KACZ,KAAK,SAAS,CAAA;IACf,KAAK,EAAE,IAAI,CAAA;CACZ,CAAA;AAED;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,eAAe,GAAI,IAAI,EAAG,2DAOpC,oBAAoB,CAAC,IAAI,CAAC,KAAG,SAgB/B,CAAA"}

package/dist/QueryBuilder/QueryBuilderRow.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { IconButton } from "../IconButton/IconButton.js";
+/**
+ * A single leaf row: the app's own leaf UI, plus the builder's delete
+ * control. Its own file for the same reason `ListboxOption` is —
+ * rendered inside the group's `.map`, so it cannot be an inline
+ * component — and it is a member file (`QueryBuilder*.tsx`, not
+ * `QueryBuilder/QueryBuilder.tsx`), so it stays out of the barrel and
+ * the component count by rule.
+ *
+ * The delete control is an `IconButton` because a bare glyph is not an
+ * accessible name; its required `label` is what makes each row's
+ * remove button findable and unique per condition.
+ */
+export const QueryBuilderRow = ({ label, nodeId, onChange, onRemove, renderLeaf, value, }) => (_jsxs("div", { className: "flex items-start gap-2", children: [_jsx("div", { className: "grow", children: renderLeaf({ nodeId, onChange, value }) }), _jsx(IconButton, { appearance: "ghost", intent: "danger", label: label, onClick: onRemove, size: "sm", children: "\u2715" })] }));
+//# sourceMappingURL=QueryBuilderRow.js.map

package/dist/QueryBuilder/QueryBuilderRow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"QueryBuilderRow.js","sourceRoot":"","sources":["../../src/QueryBuilder/QueryBuilderRow.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA8B,CAAA;AAgBzD;;;;;;;;;;;GAWG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,CAAQ,EACrC,KAAK,EACL,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,UAAU,EACV,KAAK,GACsB,EAAa,EAAE,CAAC,CAC3C,eAAK,SAAS,EAAC,wBAAwB,aACrC,cAAK,SAAS,EAAC,MAAM,YAClB,UAAU,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC,GACpC,EAEN,KAAC,UAAU,IACT,UAAU,EAAC,OAAO,EAClB,MAAM,EAAC,QAAQ,EACf,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,QAAQ,EACjB,IAAI,EAAC,IAAI,uBAGE,IACT,CACP,CAAA"}

package/dist/index.d.ts

@@ -98,6 +98,8 @@ export type { ProgressBarProps, ProgressBarSize, } from "./ProgressBar/ProgressB
 export { ProgressBar } from "./ProgressBar/ProgressBar.tsx";
 export type { ProgressThreshold } from "./ProgressBar/progressValue.ts";
 export { getProgressIntent, toProgressPercent, toProgressValue, } from "./ProgressBar/progressValue.ts";
+export type { QueryBuilderLabels, QueryBuilderProps, } from "./QueryBuilder/QueryBuilder.tsx";
+export { QueryBuilder } from "./QueryBuilder/QueryBuilder.tsx";
 export type { RadioGroupProps, RadioItem, } from "./RadioGroup/RadioGroup.tsx";
 export { RadioGroup } from "./RadioGroup/RadioGroup.tsx";
 export type { RailLandmark, RailProps, RailSide, } from "./Rail/Rail.tsx";

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}

package/dist/index.js

@@ -64,6 +64,7 @@ export { Modal } from "./Modal/Modal.js";
 export { Popover } from "./Popover/Popover.js";
 export { ProgressBar } from "./ProgressBar/ProgressBar.js";
 export { getProgressIntent, toProgressPercent, toProgressValue, } from "./ProgressBar/progressValue.js";
+export { QueryBuilder } from "./QueryBuilder/QueryBuilder.js";
 export { RadioGroup } from "./RadioGroup/RadioGroup.js";
 export { Rail } from "./Rail/Rail.js";
 export { AnchorLink } from "./RouterLink/AnchorLink.js";

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AAOH,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA2B,CAAA;AAErD,OAAO,EAAE,YAAY,EAAE,MAAM,gCAAiC,CAAA;AAE9D,OAAO,EACL,aAAa,EACb,wBAAwB,EACxB,0BAA0B,EAC1B,iCAAiC,EACjC,gBAAgB,EAChB,uBAAuB,GACxB,MAAM,iCAAiC,CAAA;AAKxC,OAAO,EACL,6BAA6B,EAC7B,gBAAgB,EAChB,kBAAkB,EAClB,yBAAyB,GAC1B,MAAM,sCAAsC,CAAA;AAK7C,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAmB,CAAA;AAEzC,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAmB,CAAA;AAEzC,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAqB,CAAA;AAE5C,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA6B,CAAA;AAMxD,OAAO,EAAE,IAAI,EAAE,MAAM,gBAAiB,CAAA;AAEtC,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAyB,CAAA;AAElD,OAAO,EAAE,mBAAmB,EAAE,MAAM,8CAA+C,CAAA;AAKnF,OAAO,EAAE,iBAAiB,EAAE,MAAM,0CAA2C,CAAA;AAE7E,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAyB,CAAA;AAElD,OAAO,EACL,gBAAgB,EAChB,kBAAkB,EAClB,kBAAkB,EAClB,cAAc,EACd,mBAAmB,EACnB,uBAAuB,EACvB,sBAAsB,EACtB,kBAAkB,GACnB,MAAM,oBAAoB,CAAA;AAK3B,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAqB,CAAA;AAK5C,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA6B,CAAA;AAExD,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAmB,CAAA;AAEzC,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAwB,CAAA;AAEnD,OAAO,EAAE,YAAY,EAAE,MAAM,gCAAiC,CAAA;AAE9D,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAqB,CAAA;AAE5C,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA6B,CAAA;AAExD,OAAO,EACL,mBAAmB,EACnB,cAAc,EACd,gBAAgB,EAChB,uBAAuB,EACvB,oBAAoB,EACpB,kBAAkB,EAClB,uBAAuB,GACxB,MAAM,mBAAmB,CAAA;AAE1B,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAyB,CAAA;AAKlD,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAuB,CAAA;AAK/C,OAAO,EAAE,mBAAmB,EAAE,MAAM,8CAA+C,CAAA;AAKnF,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA2B,CAAA;AAErD,OAAO,EAAE,IAAI,EAAE,MAAM,gBAAiB,CAAA;AAKtC,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA2B,CAAA;AAErD,OAAO,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAA;AAK7D,OAAO,EAAE,IAAI,EAAE,MAAM,gBAAiB,CAAA;AAEtC,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAmB,CAAA;AAEzC,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAuB,CAAA;AAK/C,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA+B,CAAA;AAE3D,OAAO,EACL,iBAAiB,EACjB,iBAAiB,EACjB,eAAe,GAChB,MAAM,gCAAgC,CAAA;AAKvC,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA6B,CAAA;AAMxD,OAAO,EAAE,IAAI,EAAE,MAAM,gBAAiB,CAAA;AACtC,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA6B,CAAA;AACxD,OAAO,EACL,kBAAkB,EAClB,aAAa,GACd,MAAM,oCAAqC,CAAA;AAK5C,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAA;AAK5D,OAAO,EAAE,gBAAgB,EAAE,MAAM,wCAAyC,CAAA;AAO1E,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAqB,CAAA;AAM5C,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAmB,CAAA;AAKzC,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAyB,CAAA;AAKlD,OAAO,EAAE,mBAAmB,EAAE,MAAM,8CAA+C,CAAA;AAEnF,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAuB,CAAA;AAM/C,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAqB,CAAA;AAE5C,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAqB,CAAA;AAE5C,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAC/C,OAAO,EACL,cAAc,EACd,aAAa,EACb,mBAAmB,EACnB,kBAAkB,EAClB,mBAAmB,GACpB,MAAM,mBAAmB,CAAA;AAO1B,OAAO,EAAE,IAAI,EAAE,MAAM,gBAAiB,CAAA;AAKtC,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAyB,CAAA;AAElD,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAmB,CAAA;AAKzC,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAyB,CAAA;AAErD,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAA;AAC5D,OAAO,EAAE,kBAAkB,EAAE,MAAM,iCAAiC,CAAA;AAOpE,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAuB,CAAA;AAE/C,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAuB,CAAA;AAC/C,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAE9C,OAAO,EAAE,cAAc,EAAE,MAAM,oCAAqC,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@charcuterie/ui",
-  "version": "2.12.1",
+  "version": "2.13.0",
   "description": "The Charcuterie components. Tokens for look, @charcuterie/logic for state, ARIA that agents can actually drive.",
   "license": "MIT",
   "type": "module",
@@ -48,7 +48,7 @@
     "typecheck": "tsc --noEmit"
   },
   "dependencies": {
-    "@charcuterie/logic": "1.4.0",
+    "@charcuterie/logic": "1.5.0",
     "@charcuterie/tokens": "1.5.0",
     "@floating-ui/react": "^0.27.20",
     "@tanstack/react-virtual": "^3.13.12"

package/src/QueryBuilder/QueryBuilder.mdx

@@ -0,0 +1,63 @@
+import { Canvas, Controls, Meta } from "@storybook/addon-docs/blocks";
+
+import * as QueryBuilderStories from "./QueryBuilder.stories";
+
+<Meta of={QueryBuilderStories} />
+
+# QueryBuilder
+
+The generic, nestable **AND/OR — and any-combinator — group editor**. A recursive group of
+conditions, each group carrying a combinator the app owns and each leaf carrying a value the
+app owns. Two apps in the fleet grow the same widget from opposite ends: Mail Sifter's nested
+mail rules (leaf = field/operator/value, combinators AND/OR) and mux-magic's job DSL
+(non-uniform leaves, combinators any/all/none). So both the **leaf value** and the **group
+combinator** are fully opaque here — `Combinator` and `Leaf` only ever pass through to the
+consumer's `renderLeaf` and `combinatorOptions`.
+
+<Canvas of={QueryBuilderStories.Default} />
+
+## Props
+
+<Controls />
+
+## The state is a `Tree`, and the consumer owns it
+
+`QueryBuilder` holds no state of its own. It takes a `Tree` core from
+[`useTree`](?path=/docs/state-usetree--docs) and subscribes to it, the same way a `Listbox`'s
+parent owns `useVisibility` and hands it down. That is what leaves `serialize()` — the
+YAML/DB round-trip — and the initial tree in the consumer's hands.
+
+```tsx
+const tree = useTree<Combinator, Leaf>({
+  defaultCombinator: "and",
+  initialTree,
+})
+
+<QueryBuilder
+  combinatorOptions={COMBINATOR_OPTIONS}
+  createLeafValue={() => ({ field: "subject", operator: "contains", value: "" })}
+  renderLeaf={({ value, onChange }) => <ConditionFields value={value} onChange={onChange} />}
+  tree={tree}
+/>
+```
+
+Because the tree is normalized and addressed by id, a `patchLeaf` deep in the tree re-renders
+only the rows whose node identity changed — the same `useSyncExternalStore` identity
+discipline the whole state layer rests on.
+
+## Nesting, and depth
+
+A group renders leaf rows and nested groups, recursively. The nested group wears a
+semantic-token inline-start rail so depth reads without a raw palette colour, and it moves to
+the sunken surface so it recedes rather than floating at the same level as its parent.
+
+<Canvas of={QueryBuilderStories.AllStates} />
+
+## Driving it
+
+Every control is nameable, not a `data-testid`: the combinator select is named `Match` by the
+field label, the leaf controls by their own labels, and each delete is an `IconButton` whose
+required `label` makes it findable. Add a condition, nest a group, flip a combinator, delete a
+row — all reachable by role and name.
+
+<Canvas of={QueryBuilderStories.Interactive} />

package/src/QueryBuilder/QueryBuilder.stories.tsx

@@ -0,0 +1,243 @@
+import type { SerializedTree } from "@charcuterie/logic"
+import { createTree, useTree } from "@charcuterie/logic"
+import type { Meta, StoryObj } from "@storybook/react"
+import type { ReactNode } from "react"
+import { StorySection } from "../board.storyHelpers.tsx"
+import { Select } from "../Select/Select.tsx"
+import { QueryBuilder } from "./QueryBuilder.tsx"
+
+/**
+ * The concrete demo leaf — a field/operator/value triple, Mail
+ * Sifter's shape. `QueryBuilder` never sees this type; it flows
+ * through `renderLeaf` and `createLeafValue` untouched, which is what
+ * lets mux-magic pass a non-uniform per-kind shape instead.
+ */
+type DemoLeaf = {
+  field: string
+  operator: string
+  value: string
+}
+
+type Combinator = "and" | "or"
+
+const COMBINATOR_OPTIONS: readonly {
+  label: string
+  value: Combinator
+}[] = [
+  { label: "ALL — every condition", value: "and" },
+  { label: "ANY — one condition", value: "or" },
+]
+
+const FIELD_OPTIONS = [
+  { label: "Subject", value: "subject" },
+  { label: "From", value: "from" },
+  { label: "Body", value: "body" },
+] as const
+
+const OPERATOR_OPTIONS = [
+  { label: "contains", value: "contains" },
+  { label: "is", value: "is" },
+  { label: "starts with", value: "startsWith" },
+] as const
+
+const createLeafValue = (): DemoLeaf => ({
+  field: "subject",
+  operator: "contains",
+  value: "",
+})
+
+const renderLeaf = ({
+  onChange,
+  value,
+}: {
+  nodeId: string
+  onChange: (value: DemoLeaf) => void
+  value: DemoLeaf
+}): ReactNode => (
+  <div className="flex flex-wrap items-center gap-2">
+    <Select
+      label="Field"
+      onChange={(field) => {
+        onChange({ ...value, field })
+      }}
+      options={FIELD_OPTIONS}
+      size="sm"
+      value={value.field}
+    />
+
+    <Select
+      label="Operator"
+      onChange={(operator) => {
+        onChange({ ...value, operator })
+      }}
+      options={OPERATOR_OPTIONS}
+      size="sm"
+      value={value.operator}
+    />
+
+    <input
+      aria-label="Value"
+      className="min-w-40 grow rounded-md border border-border-default bg-surface-raised px-3 py-1.5 text-content-primary text-sm"
+      onChange={(changeEvent) => {
+        onChange({
+          ...value,
+          value: changeEvent.currentTarget.value,
+        })
+      }}
+      value={value.value}
+    />
+  </div>
+)
+
+const FLAT_TREE: SerializedTree<Combinator, DemoLeaf> = {
+  children: [
+    {
+      kind: "leaf",
+      value: {
+        field: "from",
+        operator: "contains",
+        value: "@newsletter",
+      },
+    },
+    {
+      kind: "leaf",
+      value: {
+        field: "subject",
+        operator: "contains",
+        value: "sale",
+      },
+    },
+  ],
+  combinator: "and",
+  kind: "group",
+}
+
+const NESTED_TREE: SerializedTree<Combinator, DemoLeaf> = {
+  children: [
+    {
+      kind: "leaf",
+      value: {
+        field: "from",
+        operator: "is",
+        value: "billing@acme.test",
+      },
+    },
+    {
+      children: [
+        {
+          kind: "leaf",
+          value: {
+            field: "subject",
+            operator: "contains",
+            value: "invoice",
+          },
+        },
+        {
+          kind: "leaf",
+          value: {
+            field: "subject",
+            operator: "contains",
+            value: "receipt",
+          },
+        },
+      ],
+      combinator: "or",
+      kind: "group",
+    },
+  ],
+  combinator: "and",
+  kind: "group",
+}
+
+const QueryBuilderHarness = ({
+  initialTree,
+}: {
+  initialTree?: SerializedTree<Combinator, DemoLeaf>
+}): ReactNode => {
+  const tree = useTree<Combinator, DemoLeaf>({
+    defaultCombinator: "and",
+    initialTree,
+  })
+
+  return (
+    <QueryBuilder
+      combinatorOptions={COMBINATOR_OPTIONS}
+      createLeafValue={createLeafValue}
+      renderLeaf={renderLeaf}
+      tree={tree}
+    />
+  )
+}
+
+const meta = {
+  title: "Components/QueryBuilder",
+  component: QueryBuilder,
+  parameters: { layout: "padded" },
+  args: {
+    combinatorOptions: COMBINATOR_OPTIONS,
+    createLeafValue,
+    renderLeaf,
+    tree: createTree<Combinator, DemoLeaf>({
+      defaultCombinator: "and",
+    }),
+  },
+} satisfies Meta<typeof QueryBuilder<Combinator, DemoLeaf>>
+
+export default meta
+
+type Story = StoryObj<typeof meta>
+
+/**
+ * A flat group of two conditions joined by ALL. Change the combinator,
+ * edit a condition, or add another with "+ Add condition".
+ */
+export const Default: Story = {
+  render: () => (
+    <QueryBuilderHarness initialTree={FLAT_TREE} />
+  ),
+}
+
+/**
+ * Two shapes side by side: a flat rule, and a nested one where a
+ * sub-group joined by ANY sits inside a group joined by ALL. The
+ * nested group wears the inline-start accent rail that marks depth.
+ */
+export const AllStates: Story = {
+  render: () => (
+    <div className="flex flex-col gap-6">
+      <StorySection title="Flat — ALL of two conditions">
+        <QueryBuilderHarness initialTree={FLAT_TREE} />
+      </StorySection>
+
+      <StorySection title="Nested — ALL, with an ANY sub-group">
+        <QueryBuilderHarness initialTree={NESTED_TREE} />
+      </StorySection>
+    </div>
+  ),
+}
+
+/**
+ * Drive it: add a condition, add a nested group, flip a combinator,
+ * delete a row. Starts from a single condition so every control is
+ * unique and nameable.
+ */
+export const Interactive: Story = {
+  render: () => (
+    <QueryBuilderHarness
+      initialTree={{
+        children: [
+          {
+            kind: "leaf",
+            value: {
+              field: "subject",
+              operator: "contains",
+              value: "urgent",
+            },
+          },
+        ],
+        combinator: "and",
+        kind: "group",
+      }}
+    />
+  ),
+}

package/src/QueryBuilder/QueryBuilder.test.tsx

@@ -0,0 +1,132 @@
+import { composeStories } from "@storybook/react"
+import { expect, userEvent, waitFor } from "storybook/test"
+import { test } from "vitest"
+
+import { expectNoAxeViolations } from "../expectNoAxeViolations.testHelpers.ts"
+import { mountStory } from "../mountStory.testHelpers.ts"
+import { expectAgentDrivable } from "../testing/index.ts"
+import * as stories from "./QueryBuilder.stories.tsx"
+
+const { AllStates, Default, Interactive } =
+  composeStories(stories)
+
+test("the root group exposes its combinator as a named 'Match' control", async () => {
+  const { canvas, canvasElement } =
+    await mountStory(Default)
+
+  // One root group, so exactly one combinator select — findable by
+  // the label `Field` wires, not a testid.
+  expectAgentDrivable(canvas, {
+    name: "Match",
+    role: "combobox",
+  })
+
+  await expectNoAxeViolations(canvasElement)
+})
+
+test("'+ Add condition' appends a new leaf row", async () => {
+  const { canvas, canvasElement } =
+    await mountStory(Interactive)
+
+  // Interactive starts from a single condition, so every control is
+  // unique and nameable.
+  await expect(
+    canvas.getAllByRole("textbox", { name: "Value" }),
+  ).toHaveLength(1)
+
+  await userEvent.click(
+    expectAgentDrivable(canvas, {
+      name: "+ Add condition",
+      role: "button",
+    }),
+  )
+
+  await waitFor(() => {
+    expect(
+      canvas.getAllByRole("textbox", { name: "Value" }),
+    ).toHaveLength(2)
+  })
+
+  await expectNoAxeViolations(canvasElement)
+})
+
+test("'+ Add group' nests a second group with its own combinator", async () => {
+  const { canvas, canvasElement } =
+    await mountStory(Interactive)
+
+  await expect(
+    canvas.getAllByRole("combobox", { name: "Match" }),
+  ).toHaveLength(1)
+
+  await userEvent.click(
+    expectAgentDrivable(canvas, {
+      name: "+ Add group",
+      role: "button",
+    }),
+  )
+
+  await waitFor(() => {
+    expect(
+      canvas.getAllByRole("combobox", { name: "Match" }),
+    ).toHaveLength(2)
+  })
+
+  // Only the nested group carries a remove control, so it is unique.
+  expectAgentDrivable(canvas, {
+    name: "Remove group",
+    role: "button",
+  })
+
+  await expectNoAxeViolations(canvasElement)
+})
+
+test("changing the combinator select updates its value", async () => {
+  const { canvas } = await mountStory(Interactive)
+
+  const combinator = expectAgentDrivable(canvas, {
+    name: "Match",
+    role: "combobox",
+  })
+
+  await expect(combinator).toHaveValue("and")
+
+  await userEvent.selectOptions(
+    combinator,
+    "ANY — one condition",
+  )
+
+  await waitFor(() => {
+    expect(combinator).toHaveValue("or")
+  })
+})
+
+test("removing a condition takes its row away", async () => {
+  const { canvas } = await mountStory(Interactive)
+
+  await userEvent.click(
+    expectAgentDrivable(canvas, {
+      name: "Remove condition",
+      role: "button",
+    }),
+  )
+
+  await waitFor(() => {
+    expect(
+      canvas.queryAllByRole("textbox", { name: "Value" }),
+    ).toHaveLength(0)
+  })
+})
+
+test("a nested tree renders every group's combinator and passes axe", async () => {
+  const { canvas, canvasElement } =
+    await mountStory(AllStates)
+
+  // Flat harness (1 group) + nested harness (root + one sub-group) =
+  // three combinator selects, which is the nesting rendering.
+  await expect(
+    canvas.getAllByRole("combobox", { name: "Match" })
+      .length,
+  ).toBeGreaterThanOrEqual(3)
+
+  await expectNoAxeViolations(canvasElement)
+})

package/src/QueryBuilder/QueryBuilder.tsx

@@ -0,0 +1,102 @@
+import type { Tree } from "@charcuterie/logic"
+import {
+  selectRootGroup,
+  useStoreValue,
+} from "@charcuterie/logic"
+import type { ReactNode } from "react"
+
+import { QueryBuilderGroup } from "./QueryBuilderGroup.tsx"
+
+export type QueryBuilderLabels = {
+  addGroup?: string
+  addLeaf?: string
+  removeGroup?: string
+  removeLeaf?: string
+}
+
+export type QueryBuilderProps<Combinator, Leaf> = {
+  /**
+   * The combinator choices offered in every group's "Match" select.
+   * The `value` is opaque — `and`/`or` for a mail rule, `any`/`all`/
+   * `none` for a DSL — and the `label` is what a user reads.
+   */
+  combinatorOptions: readonly {
+    label: string
+    value: Combinator
+  }[]
+  /** The value a fresh leaf is born with when "+ Condition" is pressed. */
+  createLeafValue: () => Leaf
+  labels?: QueryBuilderLabels
+  /**
+   * The leaf UI, owned by the app. `QueryBuilder` knows nothing about
+   * what a condition *is* — a field/operator/value triple, a
+   * non-uniform per-kind shape — only that it can be rendered and
+   * patched. The delete control around each leaf is the builder's.
+   */
+  renderLeaf: (args: {
+    nodeId: string
+    onChange: (value: Leaf) => void
+    value: Leaf
+  }) => ReactNode
+  /**
+   * The `Tree` core from `useTree`, owned by the consumer — the same
+   * arrangement as a `Listbox`'s parent owning `useVisibility`.
+   * `QueryBuilder` subscribes to it and drives it; it never creates
+   * one, so a consumer keeps `serialize()` and the initial tree.
+   */
+  tree: Tree<Combinator, Leaf>
+}
+
+const DEFAULT_LABELS = {
+  addGroup: "Add group",
+  addLeaf: "Add condition",
+  removeGroup: "Remove group",
+  removeLeaf: "Remove condition",
+} satisfies Required<QueryBuilderLabels>
+
+/**
+ * The generic, nestable AND/OR — and any-combinator — group editor.
+ *
+ * Two apps in the fleet grow the same widget: Mail Sifter's nested
+ * mail rules (leaf = field/operator/value, combinators AND/OR) and
+ * mux-magic's job DSL (non-uniform leaves, combinators any/all/none).
+ * Both are a recursive group of conditions with a combinator, so the
+ * value **and** the combinator are opaque here — `Combinator` and
+ * `Leaf` never appear except passed through to the consumer's
+ * `renderLeaf` and its `combinatorOptions`.
+ *
+ * State lives entirely in the `Tree` core from `@charcuterie/logic`;
+ * this component holds none of its own. It subscribes with
+ * `useStoreValue`, so a `patchLeaf` deep in the tree re-renders only
+ * the rows whose node identity changed — the same identity discipline
+ * the state layer is built on.
+ *
+ * The recursion and the per-leaf row each live in their own file
+ * (`QueryBuilderGroup`, `QueryBuilderRow`), not exported: a group
+ * renders groups, and both are rendered inside a `.map`, which is
+ * exactly the shape the member-file rule is for.
+ */
+export const QueryBuilder = <Combinator, Leaf>({
+  combinatorOptions,
+  createLeafValue,
+  labels,
+  renderLeaf,
+  tree,
+}: QueryBuilderProps<Combinator, Leaf>): ReactNode => {
+  const state = useStoreValue(tree)
+
+  const resolvedLabels = { ...DEFAULT_LABELS, ...labels }
+
+  return (
+    <QueryBuilderGroup
+      combinatorOptions={combinatorOptions}
+      createLeafValue={createLeafValue}
+      depth={0}
+      labels={resolvedLabels}
+      node={selectRootGroup(state)}
+      renderLeaf={renderLeaf}
+      state={state}
+      tree={tree}
+    />
+  )
+}

package/src/QueryBuilder/QueryBuilderGroup.tsx

@@ -0,0 +1,185 @@
+import type {
+  Tree,
+  TreeGroupNode,
+  TreeState,
+} from "@charcuterie/logic"
+import { selectChildNodes } from "@charcuterie/logic"
+import type { ReactNode } from "react"
+
+import { Button } from "../Button/Button.tsx"
+import { Card } from "../Card/Card.tsx"
+import { Field } from "../Field/Field.tsx"
+import { IconButton } from "../IconButton/IconButton.tsx"
+import { Select } from "../Select/Select.tsx"
+import { toClassName } from "../toClassName.ts"
+import type { QueryBuilderLabels } from "./QueryBuilder.tsx"
+import { QueryBuilderRow } from "./QueryBuilderRow.tsx"
+
+export type QueryBuilderGroupProps<Combinator, Leaf> = {
+  combinatorOptions: readonly {
+    label: string
+    value: Combinator
+  }[]
+  createLeafValue: () => Leaf
+  /** Root is `0`; nested groups deepen and gain the accent rail. */
+  depth: number
+  labels: Required<QueryBuilderLabels>
+  node: TreeGroupNode<Combinator>
+  renderLeaf: (args: {
+    nodeId: string
+    onChange: (value: Leaf) => void
+    value: Leaf
+  }) => ReactNode
+  state: TreeState<Combinator, Leaf>
+  tree: Tree<Combinator, Leaf>
+}
+
+/**
+ * One match group: a "Match" combinator select, its children (leaf
+ * rows and nested groups), and a toolbar to add either. Its own file
+ * because it renders itself recursively for nested groups and is
+ * itself rendered inside the parent's `.map` — the member-file case.
+ *
+ * The combinator is opaque, so the native `Select` (which speaks
+ * strings) is bridged by `String(value)`: options carry the
+ * stringified combinator, and a change is mapped back to the real
+ * `Combinator` before it reaches `setCombinator`. That keeps
+ * `Combinator` fully generic while still using the platform control
+ * that brings type-ahead, the mobile wheel, and form semantics for
+ * free.
+ */
+export const QueryBuilderGroup = <Combinator, Leaf>({
+  combinatorOptions,
+  createLeafValue,
+  depth,
+  labels,
+  node,
+  renderLeaf,
+  state,
+  tree,
+}: QueryBuilderGroupProps<Combinator, Leaf>): ReactNode => {
+  const children = selectChildNodes(state, node.id)
+
+  const selectOptions = combinatorOptions.map((option) => ({
+    label: option.label,
+    value: String(option.value),
+  }))
+
+  const card = (
+    <Card
+      // Nested groups sit on the sunken surface so the depth reads as
+      // recession, not another raised card floating at the same level.
+      surface={depth === 0 ? "raised" : "sunken"}
+    >
+      <div className="flex flex-col gap-3">
+        <div className="flex items-start justify-between gap-2">
+          <div className="min-w-52">
+            <Field label="Match">
+              <Select
+                onChange={(nextValue) => {
+                  const match = combinatorOptions.find(
+                    (option) =>
+                      String(option.value) === nextValue,
+                  )
+
+                  if (match) {
+                    tree.setCombinator(node.id, match.value)
+                  }
+                }}
+                options={selectOptions}
+                value={String(node.combinator)}
+              />
+            </Field>
+          </div>
+
+          {depth === 0 ? null : (
+            <IconButton
+              appearance="ghost"
+              intent="danger"
+              label={labels.removeGroup}
+              onClick={() => {
+                tree.removeNode(node.id)
+              }}
+              size="sm"
+            >
+              ✕
+            </IconButton>
+          )}
+        </div>
+
+        {children.length === 0 ? null : (
+          <div className="flex flex-col gap-2">
+            {children.map((child) =>
+              child.kind === "group" ? (
+                <QueryBuilderGroup
+                  combinatorOptions={combinatorOptions}
+                  createLeafValue={createLeafValue}
+                  depth={depth + 1}
+                  key={child.id}
+                  labels={labels}
+                  node={child}
+                  renderLeaf={renderLeaf}
+                  state={state}
+                  tree={tree}
+                />
+              ) : (
+                <QueryBuilderRow
+                  key={child.id}
+                  label={labels.removeLeaf}
+                  nodeId={child.id}
+                  onChange={(value) => {
+                    tree.patchLeaf(child.id, value)
+                  }}
+                  onRemove={() => {
+                    tree.removeNode(child.id)
+                  }}
+                  renderLeaf={renderLeaf}
+                  value={child.value}
+                />
+              ),
+            )}
+          </div>
+        )}
+
+        <div className="flex flex-wrap gap-2">
+          <Button
+            appearance="outline"
+            intent="neutral"
+            onClick={() => {
+              tree.addLeaf(node.id, createLeafValue())
+            }}
+            size="sm"
+          >
+            {`+ ${labels.addLeaf}`}
+          </Button>
+
+          <Button
+            appearance="outline"
+            intent="neutral"
+            onClick={() => {
+              tree.addGroup(node.id)
+            }}
+            size="sm"
+          >
+            {`+ ${labels.addGroup}`}
+          </Button>
+        </div>
+      </div>
+    </Card>
+  )
+
+  // Depth is shown with a semantic-token inline-start rail. The colour
+  // utility paints all four sides, but only the inline-start edge has
+  // a width, so only it renders — no raw palette colour anywhere.
+  return depth === 0 ? (
+    card
+  ) : (
+    <div
+      className={toClassName(
+        "border-intent-accent-border border-s-2 ps-3",
+      )}
+    >
+      {card}
+    </div>
+  )
+}

package/src/QueryBuilder/QueryBuilderRow.tsx

@@ -0,0 +1,54 @@
+import type { ReactNode } from "react"
+
+import { IconButton } from "../IconButton/IconButton.tsx"
+
+export type QueryBuilderRowProps<Leaf> = {
+  /** The accessible name of the row's delete control. */
+  label: string
+  nodeId: string
+  onChange: (value: Leaf) => void
+  onRemove: () => void
+  renderLeaf: (args: {
+    nodeId: string
+    onChange: (value: Leaf) => void
+    value: Leaf
+  }) => ReactNode
+  value: Leaf
+}
+
+/**
+ * A single leaf row: the app's own leaf UI, plus the builder's delete
+ * control. Its own file for the same reason `ListboxOption` is —
+ * rendered inside the group's `.map`, so it cannot be an inline
+ * component — and it is a member file (`QueryBuilder*.tsx`, not
+ * `QueryBuilder/QueryBuilder.tsx`), so it stays out of the barrel and
+ * the component count by rule.
+ *
+ * The delete control is an `IconButton` because a bare glyph is not an
+ * accessible name; its required `label` is what makes each row's
+ * remove button findable and unique per condition.
+ */
+export const QueryBuilderRow = <Leaf,>({
+  label,
+  nodeId,
+  onChange,
+  onRemove,
+  renderLeaf,
+  value,
+}: QueryBuilderRowProps<Leaf>): ReactNode => (
+  <div className="flex items-start gap-2">
+    <div className="grow">
+      {renderLeaf({ nodeId, onChange, value })}
+    </div>
+
+    <IconButton
+      appearance="ghost"
+      intent="danger"
+      label={label}
+      onClick={onRemove}
+      size="sm"
+    >
+      ✕
+    </IconButton>
+  </div>
+)

package/src/index.ts

@@ -173,6 +173,11 @@ export {
   toProgressPercent,
   toProgressValue,
 } from "./ProgressBar/progressValue.ts"
+export type {
+  QueryBuilderLabels,
+  QueryBuilderProps,
+} from "./QueryBuilder/QueryBuilder.tsx"
+export { QueryBuilder } from "./QueryBuilder/QueryBuilder.tsx"
 export type {
   RadioGroupProps,
   RadioItem,

package/src/sourceRules.test.ts

@@ -364,7 +364,16 @@ test("the barrel is the only place components are re-exported", async () => {
   // `useToolbarOverflow.ts` and `chooseVisibleCount.ts` are its
   // members and stay out of this count by the `<Name>/<Name>.tsx`
   // rule.
-  expect(componentNames.length).toBe(43)
+  //
+  // `QueryBuilder` — the generic nestable AND/OR (any-combinator) group
+  // editor Mail Sifter's nested rules and mux-magic's job DSL both need
+  // — is the library's first recursive component and its first with a
+  // fully opaque value *and* combinator: +1 -> 44. `QueryBuilderGroup`
+  // and `QueryBuilderRow` are its members — a group renders groups, and
+  // both are rendered inside a `.map` — and stay out of this count and
+  // the barrel by the `<Name>/<Name>.tsx` rule, exactly as
+  // `SegmentedOption` and `ListboxOption` do.
+  expect(componentNames.length).toBe(44)
 
   for (const name of componentNames) {
     expect(barrel).toContain(`export { ${name} }`)