@estiva-app/ui 0.12.6 → 0.12.8

package/dist/ChipInput.d.ts

@@ -5,6 +5,10 @@ import { type ReactNode } from 'react';
  * Exported on its own (Katerina, 2026-09-01) under a name that promises
  * nothing about people — a chip like this may one day hold a label, a file,
  * a filter.
+ *
+ * Inside a `ChipInput` the chip is Base UI's `Combobox.Chip` wearing these
+ * same classes, because there it has to answer the arrow keys and Backspace
+ * along with the input. This component is for a chip standing alone.
  */
 export interface InputChipProps {
     label: string;
@@ -17,18 +21,28 @@ export interface InputChipProps {
 export declare function InputChip({ label, leading, onRemove, className }: InputChipProps): import("react").JSX.Element;
 /**
  * A multi-select input: chips for the chosen, a typeahead for the rest —
- * Peek's PersonChipInput (2026-09-01), generalised on the way in. Peek's
- * version knew it was picking people: it read the directory from Peek's own
- * data layer and drew every face itself. Here the caller hands in `options`,
- * and — when the entries have faces or icons — the two leading slots: 16px
- * in a chip, 32px in a suggestion row. Nothing in this file knows what is
- * being picked.
+ * Peek's PersonChipInput (2026-09-01), generalised on the way in, and on Base
+ * UI's `Combobox` since stage 5 of the migration (2026-09-13).
+ *
+ * **What the part brought, and what it took away from this file.** The list is
+ * a real listbox now: the input keeps focus and says which row is highlighted
+ * through `aria-activedescendant`, where before the rows were plain buttons in
+ * a `<div>` and nothing was announced. With it went the highlight index, the
+ * arrow keys, Enter, the filter loop, the blur timeout that kept a click on a
+ * row from closing the list under the pointer, the `createPortal`, the
+ * measured anchor rect, the resize and scroll listeners that re-measured it,
+ * and `fit.ts` — the flip-up-when-low arithmetic this package carried for one
+ * caller (PLAN Finding 22). Base UI's positioner does the flipping, and it
+ * does it against the element rather than against a rect read a frame ago.
+ *
+ * **What this file still decides**, because none of it is the part's business:
+ * which options are on offer (the chosen and the excluded are not), that a
+ * match is on the label *or* the description, that suggestions appear only
+ * once you type — focusing must not drop the whole directory over the surface
+ * below — and that Backspace on an empty query takes the last chip.
  *
- * Suggestions appear only once the user types — focusing (or auto-focus on
- * dialog open) must not drop the full directory over the surface below.
- * Backspace on an empty query removes the last chip; Escape clears the query
- * when there is one and bubbles when there is not, so the surface around it
- * (dialog, launcher) can act.
+ * Escape clears the query when there is one and bubbles when there is not, so
+ * the surface around it (dialog, launcher) can act.
  *
  * Generic over the option type: the objects handed back through `onChange`
  * are the caller's own, extra fields and all — no re-mapping on the way out.

package/dist/ChipInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChipInput.d.ts","sourceRoot":"","sources":["../src/ChipInput.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA6E,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAOjH;;;;;;GAMG;AACH,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAA;IACb,mDAAmD;IACnD,OAAO,CAAC,EAAE,SAAS,CAAA;IACnB,qDAAqD;IACrD,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,wBAAgB,SAAS,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,cAAc,+BAiChF;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,MAAM,WAAW,eAAe;IAC9B,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,4EAA4E;IAC5E,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB;AAED,MAAM,WAAW,cAAc,CAAC,CAAC,SAAS,eAAe,GAAG,eAAe;IACzE,KAAK,EAAE,CAAC,EAAE,CAAA;IACV,QAAQ,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,IAAI,CAAA;IAC7B,4CAA4C;IAC5C,OAAO,EAAE,CAAC,EAAE,CAAA;IACZ,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,6EAA6E;IAC7E,UAAU,CAAC,EAAE,MAAM,EAAE,CAAA;IACrB,qDAAqD;IACrD,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC,KAAK,SAAS,CAAA;IACtC,6CAA6C;IAC7C,UAAU,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC,KAAK,SAAS,CAAA;IACrC,0EAA0E;IAC1E,eAAe,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAA;CAC7C;AAED,wBAAgB,SAAS,CAAC,CAAC,SAAS,eAAe,GAAG,eAAe,EAAE,EACrE,KAAK,EACL,QAAQ,EACR,OAAO,EACP,WAAuB,EACvB,SAAS,EACT,UAAe,EACf,WAAW,EACX,UAAU,EACV,GAAG,IAAI,EACR,EAAE,cAAc,CAAC,CAAC,CAAC,+BAwJnB"}
+{"version":3,"file":"ChipInput.d.ts","sourceRoot":"","sources":["../src/ChipInput.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAyC,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAsB7E;;;;;;;;;;GAUG;AACH,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAA;IACb,mDAAmD;IACnD,OAAO,CAAC,EAAE,SAAS,CAAA;IACnB,qDAAqD;IACrD,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,wBAAgB,SAAS,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,cAAc,+BAoBhF;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,MAAM,WAAW,eAAe;IAC9B,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,4EAA4E;IAC5E,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB;AAED,MAAM,WAAW,cAAc,CAAC,CAAC,SAAS,eAAe,GAAG,eAAe;IACzE,KAAK,EAAE,CAAC,EAAE,CAAA;IACV,QAAQ,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,IAAI,CAAA;IAC7B,4CAA4C;IAC5C,OAAO,EAAE,CAAC,EAAE,CAAA;IACZ,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,6EAA6E;IAC7E,UAAU,CAAC,EAAE,MAAM,EAAE,CAAA;IACrB,qDAAqD;IACrD,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC,KAAK,SAAS,CAAA;IACtC,6CAA6C;IAC7C,UAAU,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC,KAAK,SAAS,CAAA;IACrC,0EAA0E;IAC1E,eAAe,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAA;CAC7C;AAED,wBAAgB,SAAS,CAAC,CAAC,SAAS,eAAe,GAAG,eAAe,EAAE,EACrE,KAAK,EACL,QAAQ,EACR,OAAO,EACP,WAAuB,EACvB,SAAS,EACT,UAAe,EACf,WAAW,EACX,UAAU,EACV,GAAG,IAAI,EACR,EAAE,cAAc,CAAC,CAAC,CAAC,+BAkInB"}

package/dist/Menu.d.ts

@@ -124,6 +124,23 @@ export interface MenuItemProps extends Omit<ComponentPropsWithRef<'button'>, 'ch
     /** The row the menu currently points at (a submenu's chosen value). */
     selected?: boolean;
 }
+/**
+ * The row's class list, written once because `MenuSub`'s trigger row is the
+ * same row.
+ *
+ * `data-highlighted` joins `:hover` here, and that is the whole visible
+ * consequence of the port: the fill that followed the pointer now also
+ * follows the arrow keys, because Base UI sets one attribute for both.
+ */
+/** The row's look, shared inside the package: `MenuItem` draws it, and
+ *  `Select` puts it on Base UI's `Select.Item`, whose parts (`ItemText`,
+ *  `ItemIndicator`) have to stay the element's own. One row, two parts. Not
+ *  exported from the package's index. */
+export declare function menuItemClassName({ size, selected, className }: {
+    size: 'default' | 'tall';
+    selected?: boolean;
+    className?: string;
+}): string;
 export declare function MenuItem({ label, children, size, description, leading, trailing, hint, shortcut, submenu, destructive, selected, className, ...props }: MenuItemProps): import("react").JSX.Element;
 /**
  * The keyboard hint a picker row shows while highlighted — hand-rolled in

package/dist/Menu.d.ts.map

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

package/dist/Select.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../src/Select.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAItC;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,yDAAyD;IACzD,OAAO,CAAC,EAAE,SAAS,CAAA;CACpB;AAED,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACjC,OAAO,EAAE,YAAY,EAAE,CAAA;IACvB,IAAI,CAAC,EAAE,SAAS,GAAG,OAAO,CAAA;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,0EAA0E;IAC1E,eAAe,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAA;IAC5C,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAOD,wBAAgB,MAAM,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,IAAgB,EAAE,SAAS,EAAE,WAAuB,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,WAAW,+BAsGnJ"}
+{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../src/Select.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAKtC;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,yDAAyD;IACzD,OAAO,CAAC,EAAE,SAAS,CAAA;CACpB;AAED,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACjC,OAAO,EAAE,YAAY,EAAE,CAAA;IACvB,IAAI,CAAC,EAAE,SAAS,GAAG,OAAO,CAAA;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,0EAA0E;IAC1E,eAAe,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAA;IAC5C,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAOD,wBAAgB,MAAM,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,IAAgB,EAAE,SAAS,EAAE,WAAuB,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,WAAW,+BA2HnJ"}

package/dist/index.js

@@ -486,27 +486,10 @@ function Chip({ type = "neutral", label, leadingIcon, trailingIcon, className })
 }
 
 // src/ChipInput.tsx
-import { useState as useState2, useRef, useMemo, useEffect, useLayoutEffect } from "react";
-import { createPortal } from "react-dom";
+import { useMemo, useState as useState2 } from "react";
+import { Combobox } from "@base-ui/react/combobox";
 import { IconX as IconX2 } from "@tabler/icons-react";
 
-// src/fit.ts
-var MARGIN = 8;
-var GAP2 = 4;
-function fitMenu({
-  anchor,
-  menu,
-  viewport,
-  cap = Number.POSITIVE_INFINITY
-}) {
-  const left = Math.max(MARGIN, Math.min(anchor.left, viewport.width - menu.width - MARGIN));
-  const below = viewport.height - anchor.bottom - GAP2 - MARGIN;
-  const above = anchor.top - GAP2 - MARGIN;
-  const openUp = below < Math.min(menu.contentHeight, cap) && above > below;
-  const maxHeight = Math.max(Math.min(cap, openUp ? above : below), 120);
-  return openUp ? { left, bottom: viewport.height - anchor.top + GAP2, maxHeight } : { left, top: anchor.bottom + GAP2, maxHeight };
-}
-
 // src/Menu.tsx
 import { createContext, useContext } from "react";
 import { IconChevronRight } from "@tabler/icons-react";
@@ -562,7 +545,7 @@ function MenuPanel({ children, className, ...props }) {
   );
 }
 var isProduction = () => globalThis.process?.env?.NODE_ENV === "production";
-var GAP3 = 4;
+var GAP2 = 4;
 var VIEWPORT_PAD2 = 8;
 var HOVER_OPEN_DELAY = 0;
 var HOVER_CLOSE_DELAY = 150;
@@ -590,7 +573,7 @@ function Menu({ trigger, align = "left", openOnHover = false, open, onOpenChange
           {
             side: "bottom",
             align: align === "right" ? "end" : "start",
-            sideOffset: GAP3,
+            sideOffset: GAP2,
             collisionPadding: VIEWPORT_PAD2,
             className: "z-50 data-[anchor-hidden]:hidden",
             children: /* @__PURE__ */ jsx14(
@@ -633,7 +616,7 @@ function MenuSub({ label, leading, selected, children, className }) {
       {
         side: "inline-end",
         align: "start",
-        sideOffset: GAP3,
+        sideOffset: GAP2,
         collisionPadding: VIEWPORT_PAD2,
         className: "z-50 data-[anchor-hidden]:hidden",
         children: /* @__PURE__ */ jsx14(BaseMenu.Popup, { className: cn("w-[160px]", className), "data-interactive": true, render: /* @__PURE__ */ jsx14(MenuPanel, {}), children })
@@ -746,41 +729,33 @@ function MenuRow({ children, className }) {
 
 // src/ChipInput.tsx
 import { jsx as jsx15, jsxs as jsxs9 } from "react/jsx-runtime";
+var CHIP_BOX = (
+  // Curved, not a pill (Katerina, 2026-09-01): the Avatar keeps its own
+  // rounded-sm corners — never a forced circle — and the chip's corner
+  // follows concentrically: 4px face + 2px inset = rounded-md.
+  "inline-flex items-center gap-1.5 bg-bg-elevated border border-border-subtle rounded-md py-0.5 max-h-[24px]"
+);
+var CHIP_LABEL = "text-caption font-medium text-text-primary";
+var CHIP_REMOVE = "size-4 flex items-center justify-center rounded-full hover:bg-bg-hover text-text-secondary";
+var chipPadding = (leading, removable) => cn(leading ? "pl-[2px]" : "pl-2", removable ? "pr-1" : "pr-2");
 function InputChip({ label, leading, onRemove, className }) {
-  return /* @__PURE__ */ jsxs9(
-    "div",
-    {
-      className: cn(
-        // Curved, not a pill (Katerina, 2026-09-01): the Avatar keeps its own
-        // rounded-sm corners — never a forced circle — and the chip's corner
-        // follows concentrically: 4px face + 2px inset = rounded-md.
-        "inline-flex items-center gap-1.5 bg-bg-elevated border border-border-subtle rounded-md py-0.5 max-h-[24px]",
-        // The padding follows the contents (Katerina, 2026-09-01): a face
-        // sits 2px from the edge, a bare label needs 8px of air; the ✕
-        // brings its own box, so 4px behind it — 8px when there isn't one.
-        leading ? "pl-[2px]" : "pl-2",
-        onRemove ? "pr-1" : "pr-2",
-        className
-      ),
-      children: [
-        leading && /* @__PURE__ */ jsx15("span", { className: "flex shrink-0 items-center", children: leading }),
-        /* @__PURE__ */ jsx15("span", { className: "text-caption font-medium text-text-primary", children: label }),
-        onRemove && /* @__PURE__ */ jsx15(
-          "button",
-          {
-            type: "button",
-            onClick: (e) => {
-              e.stopPropagation();
-              onRemove();
-            },
-            className: "size-4 flex items-center justify-center rounded-full hover:bg-bg-hover text-text-secondary",
-            "aria-label": `Remove ${label}`,
-            children: /* @__PURE__ */ jsx15(IconX2, { size: 10, stroke: 1.5 })
-          }
-        )
-      ]
-    }
-  );
+  return /* @__PURE__ */ jsxs9("div", { className: cn(CHIP_BOX, chipPadding(!!leading, !!onRemove), className), children: [
+    leading && /* @__PURE__ */ jsx15("span", { className: "flex shrink-0 items-center", children: leading }),
+    /* @__PURE__ */ jsx15("span", { className: CHIP_LABEL, children: label }),
+    onRemove && /* @__PURE__ */ jsx15(
+      "button",
+      {
+        type: "button",
+        onClick: (e) => {
+          e.stopPropagation();
+          onRemove();
+        },
+        className: CHIP_REMOVE,
+        "aria-label": `Remove ${label}`,
+        children: /* @__PURE__ */ jsx15(IconX2, { size: 10, stroke: 1.5 })
+      }
+    )
+  ] });
 }
 function ChipInput({
   value,
@@ -794,146 +769,105 @@ function ChipInput({
   ...aria
 }) {
   const [query, setQuery] = useState2("");
-  const [highlight, setHighlight] = useState2(0);
-  const [isFocused, setIsFocused] = useState2(false);
-  const [anchorRect, setAnchorRect] = useState2(null);
-  const wrapperRef = useRef(null);
-  const inputRef = useRef(null);
-  const matches = useMemo(() => {
-    const selectedIds = new Set(value.map((o) => o.id));
-    const excludedIds = new Set(excludeIds);
-    const q = query.trim().toLowerCase();
-    return options.filter((o) => {
-      if (selectedIds.has(o.id)) return false;
-      if (excludedIds.has(o.id)) return false;
-      if (!q) return true;
-      return o.label.toLowerCase().includes(q) || (o.description ?? "").toLowerCase().includes(q);
-    });
-  }, [query, value, excludeIds, options]);
-  useEffect(() => {
-    setHighlight(0);
-  }, [query, matches.length]);
-  const showDropdown = isFocused && query.trim().length > 0 && matches.length > 0;
-  useLayoutEffect(() => {
-    if (!showDropdown) return;
-    const update = () => {
-      if (wrapperRef.current) setAnchorRect(wrapperRef.current.getBoundingClientRect());
-    };
-    update();
-    window.addEventListener("resize", update);
-    window.addEventListener("scroll", update, true);
-    return () => {
-      window.removeEventListener("resize", update);
-      window.removeEventListener("scroll", update, true);
-    };
-  }, [showDropdown, value.length]);
-  function addOption(option) {
-    onChange([...value, option]);
-    setQuery("");
-    inputRef.current?.focus();
-  }
-  function removeOption(id) {
-    onChange(value.filter((o) => o.id !== id));
+  const [box, setBox] = useState2(null);
+  const available = useMemo(() => {
+    const chosen = new Set(value.map((o) => o.id));
+    const excluded = new Set(excludeIds);
+    return options.filter((o) => !chosen.has(o.id) && !excluded.has(o.id));
+  }, [options, value, excludeIds]);
+  const filter = useMemo(
+    () => (item, q) => {
+      const needle = q.trim().toLowerCase();
+      if (!needle) return true;
+      return item.label.toLowerCase().includes(needle) || (item.description ?? "").toLowerCase().includes(needle);
+    },
+    []
+  );
+  const open = query.trim().length > 0;
+  function removeLast() {
+    if (value.length > 0) onChange(value.slice(0, -1));
   }
-  function handleKeyDown(e) {
-    if (e.key === "Backspace" && query === "" && value.length > 0) {
-      e.preventDefault();
-      removeOption(value[value.length - 1].id);
-      return;
-    }
-    if (e.key === "ArrowDown") {
-      e.preventDefault();
-      setHighlight((h) => Math.min(h + 1, Math.max(0, matches.length - 1)));
-      return;
-    }
-    if (e.key === "ArrowUp") {
-      e.preventDefault();
-      setHighlight((h) => Math.max(h - 1, 0));
-      return;
-    }
-    if (e.key === "Enter") {
-      e.preventDefault();
-      const target = matches[highlight];
-      if (target) addOption(target);
+  function onInputKeyDown(event) {
+    if (event.key === "Backspace" && query === "" && value.length > 0) {
+      event.preventDefault();
+      event.stopPropagation();
+      removeLast();
       return;
     }
-    if (e.key === "Escape") {
-      if (query !== "") {
-        e.preventDefault();
-        setQuery("");
-      }
+    if (event.key === "Escape" && query !== "") {
+      event.preventDefault();
+      event.stopPropagation();
+      setQuery("");
     }
   }
-  return /* @__PURE__ */ jsxs9("div", { className: "relative", children: [
-    /* @__PURE__ */ jsxs9(
-      "div",
-      {
-        ref: wrapperRef,
-        className: "bg-bg-inset border border-border-default hover:border-border-strong focus-within:border-border-focus focus-within:hover:border-border-focus rounded-lg px-3 py-1.5 flex flex-wrap items-center gap-1.5 transition-colors min-h-[38px] cursor-text signal:transition-shadow signal:focus-within:shadow-focus-ring",
-        onClick: () => inputRef.current?.focus(),
-        children: [
-          value.map((o) => /* @__PURE__ */ jsx15(InputChip, { label: o.label, leading: chipLeading?.(o), onRemove: () => removeOption(o.id) }, o.id)),
+  return /* @__PURE__ */ jsxs9(
+    Combobox.Root,
+    {
+      multiple: true,
+      items: available,
+      value,
+      onValueChange: (next) => {
+        onChange(next);
+        setQuery("");
+      },
+      inputValue: query,
+      onInputValueChange: setQuery,
+      open,
+      openOnInputClick: false,
+      filter,
+      itemToStringLabel: (option) => option.label,
+      children: [
+        /* @__PURE__ */ jsxs9(Combobox.Chips, { ref: setBox, className: "bg-bg-inset border border-border-default hover:border-border-strong focus-within:border-border-focus focus-within:hover:border-border-focus rounded-lg px-3 py-1.5 flex flex-wrap items-center gap-1.5 transition-colors min-h-[38px] cursor-text signal:transition-shadow signal:focus-within:shadow-focus-ring", children: [
+          value.map((option) => /* @__PURE__ */ jsxs9(Combobox.Chip, { className: cn(CHIP_BOX, chipPadding(!!chipLeading, true)), children: [
+            chipLeading && /* @__PURE__ */ jsx15("span", { className: "flex shrink-0 items-center", children: chipLeading(option) }),
+            /* @__PURE__ */ jsx15("span", { className: CHIP_LABEL, children: option.label }),
+            /* @__PURE__ */ jsx15(Combobox.ChipRemove, { className: CHIP_REMOVE, "aria-label": `Remove ${option.label}`, children: /* @__PURE__ */ jsx15(IconX2, { size: 10, stroke: 1.5 }) })
+          ] }, option.id)),
           /* @__PURE__ */ jsx15(
-            "input",
+            Combobox.Input,
             {
-              ref: inputRef,
               autoFocus,
-              type: "text",
-              value: query,
-              onChange: (e) => setQuery(e.target.value),
-              onKeyDown: handleKeyDown,
-              onFocus: () => setIsFocused(true),
-              onBlur: () => {
-                setTimeout(() => setIsFocused(false), 150);
-              },
               placeholder: value.length === 0 ? placeholder : "",
               "aria-required": aria["aria-required"],
+              onKeyDown: onInputKeyDown,
               className: "flex-1 min-w-[120px] bg-transparent text-body-2 text-text-primary placeholder:text-text-muted outline-none border-none"
             }
           )
-        ]
-      }
-    ),
-    showDropdown && anchorRect && createPortal(
-      /* @__PURE__ */ jsx15(
-        "div",
-        {
-          className: "fixed z-[60] overflow-y-auto bg-bg-elevated border border-border-default rounded-lg shadow-lg",
-          style: {
-            ...fitMenu({
-              anchor: { left: anchorRect.left, top: anchorRect.top, bottom: anchorRect.bottom },
-              menu: { width: anchorRect.width, contentHeight: matches.length * 48 },
-              viewport: { width: window.innerWidth, height: window.innerHeight },
-              cap: 240
-            }),
-            width: anchorRect.width
-          },
-          children: matches.map((o, i) => /* @__PURE__ */ jsx15(
-            MenuItem,
-            {
-              size: "tall",
-              className: "h-12 rounded-none",
-              leading: rowLeading?.(o),
-              label: o.label,
-              description: o.description,
-              selected: i === highlight,
-              onMouseEnter: () => setHighlight(i),
-              onMouseDown: (e) => {
-                e.preventDefault();
-                addOption(o);
-              }
-            },
-            o.id
-          ))
-        }
-      ),
-      document.body
-    )
-  ] });
+        ] }),
+        /* @__PURE__ */ jsx15(Combobox.Portal, { children: /* @__PURE__ */ jsx15(
+          Combobox.Positioner,
+          {
+            anchor: box,
+            sideOffset: GAP3,
+            collisionPadding: VIEWPORT_PAD3,
+            className: "z-50 data-[anchor-hidden]:hidden",
+            children: /* @__PURE__ */ jsx15(Combobox.Popup, { className: "w-[var(--anchor-width)] p-0", render: /* @__PURE__ */ jsx15(MenuPanel, {}), children: /* @__PURE__ */ jsx15(ScrollArea, { viewportClassName: "max-h-[240px]", contentClassName: "flex flex-col p-2", children: /* @__PURE__ */ jsx15(Combobox.List, { children: (option) => /* @__PURE__ */ jsx15(
+              Combobox.Item,
+              {
+                value: option,
+                render: /* @__PURE__ */ jsx15(
+                  MenuItem,
+                  {
+                    size: "tall",
+                    leading: rowLeading?.(option),
+                    label: option.label,
+                    description: option.description
+                  }
+                )
+              },
+              option.id
+            ) }) }) })
+          }
+        ) })
+      ]
+    }
+  );
 }
+var GAP3 = 4;
+var VIEWPORT_PAD3 = 8;
 
 // src/IdentityMenu.tsx
-import { useCallback, useRef as useRef2 } from "react";
+import { useCallback, useRef } from "react";
 
 // src/Divider.tsx
 import { jsx as jsx16, jsxs as jsxs10 } from "react/jsx-runtime";
@@ -1068,7 +1002,7 @@ function IdentityRows({ me, signedIn, relayUrl, idBase, onCopyKey, onSignOut, on
   ] });
 }
 function IdentityMenu({ me, signedIn, relayUrl, idBase, onCopyKey, onSignOut, compact = false, className, children }) {
-  const actions = useRef2(null);
+  const actions = useRef(null);
   const close = useCallback(() => actions.current?.close(), []);
   return (
     /* The wrapper carries the caller's `className` and nothing else. It used
@@ -1146,7 +1080,7 @@ import { IconCheck as IconCheck2, IconChevronDown as IconChevronDown2 } from "@t
 import { Select as BaseSelect } from "@base-ui/react/select";
 import { jsx as jsx21, jsxs as jsxs15 } from "react/jsx-runtime";
 var GAP4 = 4;
-var VIEWPORT_PAD3 = 8;
+var VIEWPORT_PAD4 = 8;
 function Select({ value, onChange, options, size = "default", ariaLabel, placeholder = "Select\u2026", disabled, className, ...aria }) {
   const selected = options.find((o) => o.value === value);
   return /* @__PURE__ */ jsxs15(
@@ -1203,22 +1137,23 @@ function Select({ value, onChange, options, size = "default", ariaLabel, placeho
             side: "bottom",
             align: "start",
             sideOffset: GAP4,
-            collisionPadding: VIEWPORT_PAD3,
+            collisionPadding: VIEWPORT_PAD4,
             alignItemWithTrigger: false,
             className: "z-50 data-[anchor-hidden]:hidden",
             children: /* @__PURE__ */ jsx21(
               BaseSelect.Popup,
               {
-                className: "min-w-[var(--anchor-width)] rounded-lg border border-border-default bg-bg-elevated p-1 shadow-lg",
-                children: /* @__PURE__ */ jsx21(ScrollArea, { viewportClassName: "max-h-[calc(min(288px,var(--available-height))_-_0.5rem)]", contentClassName: "flex flex-col", children: options.map((option) => /* @__PURE__ */ jsxs15(
+                render: /* @__PURE__ */ jsx21(MenuPanel, {}),
+                className: "min-w-[var(--anchor-width)] p-0",
+                children: /* @__PURE__ */ jsx21(ScrollArea, { viewportClassName: "max-h-[min(288px,var(--available-height))]", contentClassName: "flex flex-col p-2", children: options.map((option) => /* @__PURE__ */ jsxs15(
                   BaseSelect.Item,
                   {
                     value: option.value,
-                    className: "flex h-9 cursor-pointer items-center justify-between gap-2 rounded-lg px-3 text-[14px] font-normal leading-[1.4] text-text-primary transition-colors data-[highlighted]:bg-bg-hover data-[selected]:font-medium",
+                    className: cn(menuItemClassName({ size: "default" }), "justify-between data-[selected]:font-medium"),
                     children: [
                       /* @__PURE__ */ jsxs15("span", { className: "flex min-w-0 items-center gap-2", children: [
                         option.leading && /* @__PURE__ */ jsx21("span", { className: "flex shrink-0 items-center", children: option.leading }),
-                        /* @__PURE__ */ jsx21(BaseSelect.ItemText, { className: "truncate", children: option.label })
+                        /* @__PURE__ */ jsx21(BaseSelect.ItemText, { className: "truncate text-[14px] leading-[140%] text-text-primary", children: option.label })
                       ] }),
                       /* @__PURE__ */ jsx21(
                         BaseSelect.ItemIndicator,
@@ -1289,14 +1224,14 @@ var Textarea = forwardRef2(function Textarea2({ className, ...props }, ref) {
 import { useState as useState3 } from "react";
 
 // src/DialogShell.tsx
-import { useRef as useRef3 } from "react";
+import { useRef as useRef2 } from "react";
 import { Dialog } from "@base-ui/react/dialog";
 import { AlertDialog } from "@base-ui/react/alert-dialog";
 import { IconX as IconX3 } from "@tabler/icons-react";
 import { jsx as jsx24, jsxs as jsxs16 } from "react/jsx-runtime";
 function DialogShell({ title, onClose, headerContent, footer, children, bodyClassName, bodyMaxHeight, width = 502, alert = false }) {
   const Parts = alert ? AlertDialog : Dialog;
-  const popupRef = useRef3(null);
+  const popupRef = useRef2(null);
   return /* @__PURE__ */ jsx24(
     Parts.Root,
     {
@@ -1372,7 +1307,7 @@ function ConfirmDialog({ title, children, confirmLabel, destructive = false, onC
 }
 
 // src/EditableText.tsx
-import { useEffect as useEffect2, useRef as useRef4, useState as useState4 } from "react";
+import { useEffect, useRef as useRef3, useState as useState4 } from "react";
 import { Field as BaseField3 } from "@base-ui/react/field";
 import { Input as Input2 } from "@base-ui/react/input";
 import { jsx as jsx26 } from "react/jsx-runtime";
@@ -1380,8 +1315,8 @@ function EditableText({ value, display, displayNode, placeholder, onCommit, mult
   const [editing, setEditing] = useState4(false);
   const [draft, setDraft] = useState4(value);
   const [busy, setBusy] = useState4(false);
-  const fieldRef = useRef4(null);
-  useEffect2(() => {
+  const fieldRef = useRef3(null);
+  useEffect(() => {
     if (editing) {
       fieldRef.current?.focus();
       fieldRef.current?.select();
@@ -1517,11 +1452,11 @@ function SkeletonList({ rows = 8, className }) {
 }
 
 // src/Breadcrumb.tsx
-import { Fragment as Fragment4, useCallback as useCallback2, useLayoutEffect as useLayoutEffect2, useRef as useRef5, useState as useState5 } from "react";
+import { Fragment as Fragment4, useCallback as useCallback2, useLayoutEffect, useRef as useRef4, useState as useState5 } from "react";
 import { jsx as jsx29, jsxs as jsxs20 } from "react/jsx-runtime";
 function Breadcrumb({ items, className }) {
-  const navRef = useRef5(null);
-  const labelRefs = useRef5([]);
+  const navRef = useRef4(null);
+  const labelRefs = useRef4([]);
   const [truncated, setTruncated] = useState5(/* @__PURE__ */ new Set());
   const measure = useCallback2(() => {
     const next = /* @__PURE__ */ new Set();
@@ -1530,7 +1465,7 @@ function Breadcrumb({ items, className }) {
     });
     setTruncated((prev) => prev.size === next.size && [...next].every((i) => prev.has(i)) ? prev : next);
   }, []);
-  useLayoutEffect2(() => {
+  useLayoutEffect(() => {
     measure();
     const nav = navRef.current;
     if (!nav || typeof ResizeObserver === "undefined") return;
@@ -1597,7 +1532,7 @@ import { useMemo as useMemo2 } from "react";
 import { Popover as BasePopover } from "@base-ui/react/popover";
 import { jsx as jsx31, jsxs as jsxs22 } from "react/jsx-runtime";
 var GAP5 = 4;
-var VIEWPORT_PAD4 = 8;
+var VIEWPORT_PAD5 = 8;
 function Popover({ trigger, anchor, align = "left", side = "bottom", open, onOpenChange, finalFocus, actionsRef, ariaLabel, children, className, maxHeight }) {
   const anchorTarget = useMemo2(() => {
     if (!anchor) return void 0;
@@ -1620,7 +1555,7 @@ function Popover({ trigger, anchor, align = "left", side = "bottom", open, onOpe
             side,
             align: align === "right" ? "end" : align === "center" ? "center" : "start",
             sideOffset: GAP5,
-            collisionPadding: VIEWPORT_PAD4,
+            collisionPadding: VIEWPORT_PAD5,
             className: "z-50 data-[anchor-hidden]:hidden",
             children: /* @__PURE__ */ jsx31(
               BasePopover.Popup,
@@ -1719,7 +1654,7 @@ function ReactionPicker({ options, onSelect, "aria-label": ariaLabel = "Reaction
 import { PreviewCard as BasePreviewCard } from "@base-ui/react/preview-card";
 import { jsx as jsx34, jsxs as jsxs23 } from "react/jsx-runtime";
 var GAP6 = 12;
-var VIEWPORT_PAD5 = 8;
+var VIEWPORT_PAD6 = 8;
 var OPEN_DELAY2 = 350;
 var CLOSE_DELAY = 200;
 function PreviewCard({ content, children, side = "right", delay = OPEN_DELAY2, closeDelay = CLOSE_DELAY, className, wrapperClassName }) {
@@ -1739,7 +1674,7 @@ function PreviewCard({ content, children, side = "right", delay = OPEN_DELAY2, c
         side,
         align: "start",
         sideOffset: GAP6,
-        collisionPadding: VIEWPORT_PAD5,
+        collisionPadding: VIEWPORT_PAD6,
         className: "z-50 data-[anchor-hidden]:hidden",
         children: /* @__PURE__ */ jsx34(
           BasePreviewCard.Popup,
@@ -2035,8 +1970,8 @@ function Tabs({ tabs, active, onChange, size = "default", className, ...aria })
 }
 
 // src/Toast.tsx
-import { createContext as createContext2, useCallback as useCallback3, useContext as useContext2, useEffect as useEffect3, useMemo as useMemo3, useState as useState7 } from "react";
-import { createPortal as createPortal2 } from "react-dom";
+import { createContext as createContext2, useCallback as useCallback3, useContext as useContext2, useEffect as useEffect2, useMemo as useMemo3, useState as useState7 } from "react";
+import { createPortal } from "react-dom";
 import { IconAlertCircle, IconCircleCheck, IconCircleX } from "@tabler/icons-react";
 import { jsx as jsx44, jsxs as jsxs31 } from "react/jsx-runtime";
 var SURFACE_STYLES = {
@@ -2116,7 +2051,7 @@ function ToastProvider({ children }) {
   const dismissToast = useCallback3(() => {
     setToast(null);
   }, []);
-  useEffect3(() => {
+  useEffect2(() => {
     if (!toast) return;
     const duration = toast.durationMs ?? 5e3;
     if (duration <= 0) return;
@@ -2128,7 +2063,7 @@ function ToastProvider({ children }) {
   const value = useMemo3(() => ({ showToast, dismissToast }), [showToast, dismissToast]);
   return /* @__PURE__ */ jsxs31(ToastContext.Provider, { value, children: [
     children,
-    toast && createPortal2(
+    toast && createPortal(
       /* @__PURE__ */ jsx44("div", { className: "fixed bottom-4 left-4 z-[100] pointer-events-none", children: /* @__PURE__ */ jsx44(
         Toast,
         {