@kerfjs/ui 5.0.0-beta.10 → 5.0.0-beta.100

package/dist/chunk-7LDCTU7D.js

@@ -1,134 +0,0 @@
-import { LucideIcon } from './chunk-W2FK7ZNY.js';
-import { Search, X } from 'lucide';
-import { jsx, jsxs, Fragment } from 'kerfjs/jsx-runtime';
-
-function orderedParts(query, tokens) {
-  const ordered = tokens.map((token, index) => ({ token, index, offset: Math.max(0, Math.min(query.length, token.offset ?? query.length)) })).sort((left, right) => left.offset - right.offset || left.index - right.index);
-  const parts = [];
-  let cursor = 0;
-  for (const { token, offset } of ordered) {
-    parts.push({ kind: "text", value: query.slice(cursor, offset) });
-    parts.push({ kind: "token", token: { ...token, offset } });
-    cursor = offset;
-  }
-  parts.push({ kind: "text", value: query.slice(cursor) });
-  return parts;
-}
-function CloseIcon() {
-  return /* @__PURE__ */ jsx(LucideIcon, { icon: X, name: "x" });
-}
-function TokenSearchField({
-  id,
-  label,
-  query = "",
-  tokens = [],
-  placeholder = "Search",
-  tokenPlaceholder = "Add search\u2026",
-  disabled = false,
-  autofocus = false,
-  collapsible = false,
-  expanded = false,
-  expandAction = "expand-token-search",
-  expandLabel,
-  leading,
-  trailing,
-  editAction = "edit-search-token",
-  removeAction = "remove-search-token",
-  clearAction = "clear-token-search",
-  clearLabel = "Clear search",
-  className = "",
-  editorAttributes = {}
-}) {
-  const parts = orderedParts(query, tokens);
-  const key = `${id}:${tokens.map((token) => token.value).join("|")}`;
-  const resolvedExpanded = !collapsible || expanded || query.length > 0 || tokens.length > 0;
-  return /* @__PURE__ */ jsx("div", { class: `kui-token-search ${className}`.trim(), "data-component": "token-search-field", "data-token-search-id": id, "data-disabled": String(disabled), "data-collapsible": String(collapsible), "data-expanded": String(resolvedExpanded), "data-has-trailing": String(Boolean(trailing)), children: !resolvedExpanded ? /* @__PURE__ */ jsx("button", { type: "button", class: "kui-token-search__expand", "data-action": expandAction, "aria-label": expandLabel ?? label, title: expandLabel ?? label, disabled, children: /* @__PURE__ */ jsx(LucideIcon, { icon: Search, name: "search" }) }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx("span", { class: "kui-token-search__leading", "aria-hidden": "true", children: leading ?? /* @__PURE__ */ jsx(LucideIcon, { icon: Search, name: "search" }) }),
-    /* @__PURE__ */ jsx(
-      "div",
-      {
-        ...editorAttributes,
-        class: "kui-token-search__editor",
-        "data-key": key,
-        "data-morph-skip": true,
-        "data-token-search-editor": id,
-        "data-token-count": tokens.length,
-        "data-placeholder": tokens.length ? tokenPlaceholder : placeholder,
-        role: "searchbox",
-        "aria-label": label,
-        "aria-disabled": disabled ? "true" : void 0,
-        contenteditable: disabled ? "false" : "true",
-        spellcheck: "false",
-        autofocus,
-        children: parts.map((part) => part.kind === "text" ? /* @__PURE__ */ jsx("span", { "data-token-search-text": true, "data-empty": String(part.value.length === 0), children: part.value || (tokens.length ? "\u200B" : "") }) : /* @__PURE__ */ jsxs("span", { class: "kui-token-search__token", contenteditable: "false", "data-component": "token-search-token", "data-token-value": part.token.value, children: [
-          /* @__PURE__ */ jsx("button", { type: "button", class: "kui-token-search__token-edit", "data-action": editAction, "data-token-value": part.token.value, "aria-label": `Edit ${part.token.accessibleLabel ?? part.token.label}`, disabled, children: part.token.label }),
-          /* @__PURE__ */ jsx("button", { type: "button", class: "kui-token-search__token-remove", "data-action": removeAction, "data-token-value": part.token.value, "aria-label": `Remove ${part.token.accessibleLabel ?? part.token.label}`, disabled, children: /* @__PURE__ */ jsx(CloseIcon, {}) })
-        ] }))
-      }
-    ),
-    (query || tokens.length > 0) && /* @__PURE__ */ jsx("button", { type: "button", class: "kui-token-search__clear", "data-action": clearAction, "aria-label": clearLabel, title: clearLabel, disabled, children: /* @__PURE__ */ jsx(CloseIcon, {}) }),
-    trailing && /* @__PURE__ */ jsx("span", { class: "kui-token-search__trailing", children: trailing })
-  ] }) });
-}
-function readTokenSearchField(editor, knownTokens = []) {
-  let query = "";
-  const tokens = [];
-  const visit = (node) => {
-    if (node.nodeType === Node.TEXT_NODE) {
-      query += (node.textContent ?? "").replaceAll("\xA0", " ").replaceAll("\u200B", "");
-      return;
-    }
-    if (!(node instanceof HTMLElement)) return;
-    if (node.matches('[data-component="token-search-token"]')) {
-      const value = node.dataset.tokenValue;
-      const known = knownTokens.find((token) => token.value === value);
-      if (known) tokens.push({ ...known, offset: query.length });
-      else if (value) tokens.push({ value, label: value, offset: query.length });
-      return;
-    }
-    if (node.tagName === "BR") {
-      query += " ";
-      return;
-    }
-    for (const child of node.childNodes) visit(child);
-  };
-  for (const child of editor.childNodes) visit(child);
-  return { query, tokens };
-}
-function placeTokenSearchCaret(editor, offset) {
-  editor.focus({ preventScroll: true });
-  const selection = globalThis.getSelection();
-  if (!selection) return;
-  const range = document.createRange();
-  if (offset === void 0) {
-    range.selectNodeContents(editor);
-    range.collapse(false);
-  } else {
-    let remaining = Math.max(0, offset);
-    let found = false;
-    const walker = document.createTreeWalker(editor, NodeFilter.SHOW_TEXT, {
-      acceptNode: (node) => node.parentElement?.closest('[data-component="token-search-token"]') ? NodeFilter.FILTER_REJECT : NodeFilter.FILTER_ACCEPT
-    });
-    for (let node = walker.nextNode(); node; node = walker.nextNode()) {
-      const source = node.textContent ?? "";
-      const length = source.replaceAll("\u200B", "").length;
-      if (remaining <= length) {
-        range.setStart(node, source === "\u200B" ? 0 : Math.min(remaining, source.length));
-        range.collapse(true);
-        found = true;
-        break;
-      }
-      remaining -= length;
-    }
-    if (!found) {
-      range.selectNodeContents(editor);
-      range.collapse(false);
-    }
-  }
-  selection.removeAllRanges();
-  selection.addRange(range);
-}
-
-export { TokenSearchField, placeTokenSearchCaret, readTokenSearchField };
-
-//# sourceMappingURL=chunk-7LDCTU7D.js.map

package/dist/chunk-7LDCTU7D.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/token-search-field.tsx"],"names":[],"mappings":"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","file":"chunk-7LDCTU7D.js","sourcesContent":["import type { SafeHtml } from 'kerfjs';\nimport { Search, X } from 'lucide';\n\nimport { LucideIcon } from './lucide-icon.js';\n\nexport interface TokenSearchToken {\n  value: string;\n  label: string;\n  offset?: number;\n  accessibleLabel?: string;\n}\n\nexport interface TokenSearchFieldProps {\n  id: string;\n  label: string;\n  query?: string;\n  tokens?: readonly TokenSearchToken[];\n  placeholder?: string;\n  tokenPlaceholder?: string;\n  disabled?: boolean;\n  autofocus?: boolean;\n  /** Allow an empty field to render as one iconic action. */\n  collapsible?: boolean;\n  /** Keep an empty collapsible field open while the application owns focus. */\n  expanded?: boolean;\n  expandAction?: string;\n  expandLabel?: string;\n  leading?: SafeHtml;\n  trailing?: SafeHtml;\n  editAction?: string;\n  removeAction?: string;\n  clearAction?: string;\n  clearLabel?: string;\n  className?: string;\n  editorAttributes?: Readonly<Record<`data-${string}`, string>>;\n}\n\nexport interface TokenSearchFieldValue {\n  query: string;\n  tokens: TokenSearchToken[];\n}\n\ntype TokenSearchPart =\n  | { kind: 'text'; value: string }\n  | { kind: 'token'; token: TokenSearchToken };\n\nfunction orderedParts(query: string, tokens: readonly TokenSearchToken[]): TokenSearchPart[] {\n  const ordered = tokens\n    .map((token, index) => ({ token, index, offset: Math.max(0, Math.min(query.length, token.offset ?? query.length)) }))\n    .sort((left, right) => left.offset - right.offset || left.index - right.index);\n  const parts: TokenSearchPart[] = [];\n  let cursor = 0;\n  for (const { token, offset } of ordered) {\n    parts.push({ kind: 'text', value: query.slice(cursor, offset) });\n    parts.push({ kind: 'token', token: { ...token, offset } });\n    cursor = offset;\n  }\n  parts.push({ kind: 'text', value: query.slice(cursor) });\n  return parts;\n}\n\nfunction CloseIcon() {\n  return <LucideIcon icon={X} name=\"x\" />;\n}\n\nexport function TokenSearchField({\n  id,\n  label,\n  query = '',\n  tokens = [],\n  placeholder = 'Search',\n  tokenPlaceholder = 'Add search…',\n  disabled = false,\n  autofocus = false,\n  collapsible = false,\n  expanded = false,\n  expandAction = 'expand-token-search',\n  expandLabel,\n  leading,\n  trailing,\n  editAction = 'edit-search-token',\n  removeAction = 'remove-search-token',\n  clearAction = 'clear-token-search',\n  clearLabel = 'Clear search',\n  className = '',\n  editorAttributes = {},\n}: TokenSearchFieldProps) {\n  const parts = orderedParts(query, tokens);\n  const key = `${id}:${tokens.map((token) => token.value).join('|')}`;\n  const resolvedExpanded = !collapsible || expanded || query.length > 0 || tokens.length > 0;\n  return <div class={`kui-token-search ${className}`.trim()} data-component=\"token-search-field\" data-token-search-id={id} data-disabled={String(disabled)} data-collapsible={String(collapsible)} data-expanded={String(resolvedExpanded)} data-has-trailing={String(Boolean(trailing))}>\n    {!resolvedExpanded\n      ? <button type=\"button\" class=\"kui-token-search__expand\" data-action={expandAction} aria-label={expandLabel ?? label} title={expandLabel ?? label} disabled={disabled}><LucideIcon icon={Search} name=\"search\" /></button>\n      : <>\n        <span class=\"kui-token-search__leading\" aria-hidden=\"true\">{leading ?? <LucideIcon icon={Search} name=\"search\" />}</span>\n        <div\n          {...editorAttributes}\n          class=\"kui-token-search__editor\"\n          data-key={key}\n          data-morph-skip\n          data-token-search-editor={id}\n          data-token-count={tokens.length}\n          data-placeholder={tokens.length ? tokenPlaceholder : placeholder}\n          role=\"searchbox\"\n          aria-label={label}\n          aria-disabled={disabled ? 'true' : undefined}\n          contenteditable={disabled ? 'false' : 'true'}\n          spellcheck=\"false\"\n          autofocus={autofocus}\n        >{parts.map((part) => part.kind === 'text'\n          ? <span data-token-search-text data-empty={String(part.value.length === 0)}>{part.value || (tokens.length ? '\\u200b' : '')}</span>\n          : <span class=\"kui-token-search__token\" contenteditable=\"false\" data-component=\"token-search-token\" data-token-value={part.token.value}>\n            <button type=\"button\" class=\"kui-token-search__token-edit\" data-action={editAction} data-token-value={part.token.value} aria-label={`Edit ${part.token.accessibleLabel ?? part.token.label}`} disabled={disabled}>{part.token.label}</button>\n            <button type=\"button\" class=\"kui-token-search__token-remove\" data-action={removeAction} data-token-value={part.token.value} aria-label={`Remove ${part.token.accessibleLabel ?? part.token.label}`} disabled={disabled}><CloseIcon /></button>\n          </span>)}</div>\n        {(query || tokens.length > 0) && <button type=\"button\" class=\"kui-token-search__clear\" data-action={clearAction} aria-label={clearLabel} title={clearLabel} disabled={disabled}><CloseIcon /></button>}\n        {trailing && <span class=\"kui-token-search__trailing\">{trailing}</span>}\n      </>}\n  </div>;\n}\n\n/** Read editable text and ordered token offsets from a rendered TokenSearchField editor. */\nexport function readTokenSearchField(editor: HTMLElement, knownTokens: readonly TokenSearchToken[] = []): TokenSearchFieldValue {\n  let query = '';\n  const tokens: TokenSearchToken[] = [];\n  const visit = (node: Node): void => {\n    if (node.nodeType === Node.TEXT_NODE) {\n      query += (node.textContent ?? '').replaceAll('\\u00a0', ' ').replaceAll('\\u200b', '');\n      return;\n    }\n    if (!(node instanceof HTMLElement)) return;\n    if (node.matches('[data-component=\"token-search-token\"]')) {\n      const value = node.dataset.tokenValue;\n      const known = knownTokens.find((token) => token.value === value);\n      if (known) tokens.push({ ...known, offset: query.length });\n      else if (value) tokens.push({ value, label: value, offset: query.length });\n      return;\n    }\n    if (node.tagName === 'BR') {\n      query += ' ';\n      return;\n    }\n    for (const child of node.childNodes) visit(child);\n  };\n  for (const child of editor.childNodes) visit(child);\n  return { query, tokens };\n}\n\n/** Focus an editor and place its caret at a text offset, skipping atomic token chips. */\nexport function placeTokenSearchCaret(editor: HTMLElement, offset?: number): void {\n  editor.focus({ preventScroll: true });\n  const selection = globalThis.getSelection();\n  if (!selection) return;\n  const range = document.createRange();\n  if (offset === undefined) {\n    range.selectNodeContents(editor);\n    range.collapse(false);\n  } else {\n    let remaining = Math.max(0, offset);\n    let found = false;\n    const walker = document.createTreeWalker(editor, NodeFilter.SHOW_TEXT, {\n      acceptNode: (node) => node.parentElement?.closest('[data-component=\"token-search-token\"]')\n        ? NodeFilter.FILTER_REJECT\n        : NodeFilter.FILTER_ACCEPT,\n    });\n    for (let node = walker.nextNode(); node; node = walker.nextNode()) {\n      const source = node.textContent ?? '';\n      const length = source.replaceAll('\\u200b', '').length;\n      if (remaining <= length) {\n        range.setStart(node, source === '\\u200b' ? 0 : Math.min(remaining, source.length));\n        range.collapse(true);\n        found = true;\n        break;\n      }\n      remaining -= length;\n    }\n    if (!found) {\n      range.selectNodeContents(editor);\n      range.collapse(false);\n    }\n  }\n  selection.removeAllRanges();\n  selection.addRange(range);\n}\n"]}

package/dist/chunk-AQNKJRFH.js

@@ -1,79 +0,0 @@
-import { resizeRegionFromPointer, clampRegionSize } from './chunk-M5JRI6MN.js';
-import { delegate } from 'kerfjs';
-
-function regionState(handle) {
-  const region = handle.closest('[data-component="resizable-region"]');
-  if (!(region instanceof HTMLElement) || !(handle instanceof HTMLElement)) return void 0;
-  const id = region.dataset.regionId;
-  const axis = region.dataset.axis;
-  const edge = region.dataset.edge;
-  const min = Number(handle.getAttribute("aria-valuemin"));
-  const max = Number(handle.getAttribute("aria-valuemax"));
-  const size = Number(handle.getAttribute("aria-valuenow"));
-  if (!id || axis !== "horizontal" && axis !== "vertical" || edge !== "start" && edge !== "end" || !Number.isFinite(min) || !Number.isFinite(max) || !Number.isFinite(size)) return void 0;
-  return { region, handle, id, axis, edge, min, max, size };
-}
-function preview(state, size, onPreview) {
-  const next = clampRegionSize(size, state.min, state.max);
-  state.region.style.setProperty("--kui-resizable-region-size", `${next}px`);
-  state.handle.setAttribute("aria-valuenow", String(next));
-  onPreview?.({ id: state.id, size: next, source: "pointer" });
-  return next;
-}
-function wireResizableRegions(root, { step = 16, largeStep = 64, onPreview, onCommit }) {
-  let stopPointer;
-  const stopKeydown = delegate(root, "keydown", "[data-kui-resize-handle]", (event, handle) => {
-    const keyboardEvent = event;
-    const state = regionState(handle);
-    if (!state) return;
-    let next;
-    if (keyboardEvent.key === "Home") next = state.min;
-    if (keyboardEvent.key === "End") next = state.max;
-    const increment = keyboardEvent.shiftKey ? largeStep : step;
-    if (state.axis === "horizontal" && keyboardEvent.key === "ArrowLeft") next = resizeRegionFromPointer(state.size, -increment, state.edge);
-    if (state.axis === "horizontal" && keyboardEvent.key === "ArrowRight") next = resizeRegionFromPointer(state.size, increment, state.edge);
-    if (state.axis === "vertical" && keyboardEvent.key === "ArrowUp") next = resizeRegionFromPointer(state.size, -increment, state.edge);
-    if (state.axis === "vertical" && keyboardEvent.key === "ArrowDown") next = resizeRegionFromPointer(state.size, increment, state.edge);
-    if (next === void 0) return;
-    keyboardEvent.preventDefault();
-    const size = clampRegionSize(next, state.min, state.max);
-    state.region.style.setProperty("--kui-resizable-region-size", `${size}px`);
-    state.handle.setAttribute("aria-valuenow", String(size));
-    onCommit({ id: state.id, size, source: "keyboard" });
-  });
-  const stopPointerDown = delegate(root, "pointerdown", "[data-kui-resize-handle]", (event, handle) => {
-    const pointerEvent = event;
-    if (pointerEvent.button !== 0) return;
-    const state = regionState(handle);
-    if (!state) return;
-    pointerEvent.preventDefault();
-    state.handle.setPointerCapture?.(pointerEvent.pointerId);
-    const startCoordinate = state.axis === "horizontal" ? pointerEvent.clientX : pointerEvent.clientY;
-    let next = state.size;
-    const move = (moveEvent) => {
-      const coordinate = state.axis === "horizontal" ? moveEvent.clientX : moveEvent.clientY;
-      next = preview(state, resizeRegionFromPointer(state.size, coordinate - startCoordinate, state.edge), onPreview);
-    };
-    const finish = () => {
-      root.removeEventListener("pointermove", move);
-      root.removeEventListener("pointerup", finish);
-      root.removeEventListener("pointercancel", finish);
-      stopPointer = void 0;
-      onCommit({ id: state.id, size: next, source: "pointer" });
-    };
-    stopPointer?.();
-    stopPointer = finish;
-    root.addEventListener("pointermove", move);
-    root.addEventListener("pointerup", finish, { once: true });
-    root.addEventListener("pointercancel", finish, { once: true });
-  });
-  return () => {
-    stopPointer?.();
-    stopKeydown();
-    stopPointerDown();
-  };
-}
-
-export { wireResizableRegions };
-
-//# sourceMappingURL=chunk-AQNKJRFH.js.map

package/dist/chunk-AQNKJRFH.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/wire-resizable-regions.ts"],"names":[],"mappings":"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","file":"chunk-AQNKJRFH.js","sourcesContent":["import { delegate } from 'kerfjs';\n\nimport { clampRegionSize, type ResizableRegionAxis, type ResizableRegionEdge, resizeRegionFromPointer } from './resizable-region.js';\n\nexport interface ResizeCommit {\n  id: string;\n  size: number;\n  source: 'keyboard' | 'pointer';\n}\n\nexport interface WireResizableRegionsOptions {\n  step?: number;\n  largeStep?: number;\n  onPreview?: (change: ResizeCommit) => void;\n  onCommit: (change: ResizeCommit) => void;\n}\n\ninterface RegionState {\n  region: HTMLElement;\n  handle: HTMLElement;\n  id: string;\n  axis: ResizableRegionAxis;\n  edge: ResizableRegionEdge;\n  min: number;\n  max: number;\n  size: number;\n}\n\nfunction regionState(handle: Element): RegionState | undefined {\n  const region = handle.closest<HTMLElement>('[data-component=\"resizable-region\"]');\n  if (!(region instanceof HTMLElement) || !(handle instanceof HTMLElement)) return undefined;\n  const id = region.dataset.regionId;\n  const axis = region.dataset.axis;\n  const edge = region.dataset.edge;\n  const min = Number(handle.getAttribute('aria-valuemin'));\n  const max = Number(handle.getAttribute('aria-valuemax'));\n  const size = Number(handle.getAttribute('aria-valuenow'));\n  if (!id || (axis !== 'horizontal' && axis !== 'vertical') || (edge !== 'start' && edge !== 'end') || !Number.isFinite(min) || !Number.isFinite(max) || !Number.isFinite(size)) return undefined;\n  return { region, handle, id, axis, edge, min, max, size };\n}\n\nfunction preview(state: RegionState, size: number, onPreview?: (change: ResizeCommit) => void) {\n  const next = clampRegionSize(size, state.min, state.max);\n  state.region.style.setProperty('--kui-resizable-region-size', `${next}px`);\n  state.handle.setAttribute('aria-valuenow', String(next));\n  onPreview?.({ id: state.id, size: next, source: 'pointer' });\n  return next;\n}\n\n/** Wire pointer and separator-keyboard behavior for every ResizableRegion below root. */\nexport function wireResizableRegions(root: HTMLElement, { step = 16, largeStep = 64, onPreview, onCommit }: WireResizableRegionsOptions) {\n  let stopPointer: (() => void) | undefined;\n\n  const stopKeydown = delegate(root, 'keydown', '[data-kui-resize-handle]', (event, handle) => {\n    const keyboardEvent = event as KeyboardEvent;\n    const state = regionState(handle);\n    if (!state) return;\n    let next: number | undefined;\n    if (keyboardEvent.key === 'Home') next = state.min;\n    if (keyboardEvent.key === 'End') next = state.max;\n    const increment = keyboardEvent.shiftKey ? largeStep : step;\n    if (state.axis === 'horizontal' && keyboardEvent.key === 'ArrowLeft') next = resizeRegionFromPointer(state.size, -increment, state.edge);\n    if (state.axis === 'horizontal' && keyboardEvent.key === 'ArrowRight') next = resizeRegionFromPointer(state.size, increment, state.edge);\n    if (state.axis === 'vertical' && keyboardEvent.key === 'ArrowUp') next = resizeRegionFromPointer(state.size, -increment, state.edge);\n    if (state.axis === 'vertical' && keyboardEvent.key === 'ArrowDown') next = resizeRegionFromPointer(state.size, increment, state.edge);\n    if (next === undefined) return;\n    keyboardEvent.preventDefault();\n    const size = clampRegionSize(next, state.min, state.max);\n    state.region.style.setProperty('--kui-resizable-region-size', `${size}px`);\n    state.handle.setAttribute('aria-valuenow', String(size));\n    onCommit({ id: state.id, size, source: 'keyboard' });\n  });\n\n  const stopPointerDown = delegate(root, 'pointerdown', '[data-kui-resize-handle]', (event, handle) => {\n    const pointerEvent = event as PointerEvent;\n    if (pointerEvent.button !== 0) return;\n    const state = regionState(handle);\n    if (!state) return;\n    pointerEvent.preventDefault();\n    state.handle.setPointerCapture?.(pointerEvent.pointerId);\n    const startCoordinate = state.axis === 'horizontal' ? pointerEvent.clientX : pointerEvent.clientY;\n    let next = state.size;\n    const move = (moveEvent: PointerEvent) => {\n      const coordinate = state.axis === 'horizontal' ? moveEvent.clientX : moveEvent.clientY;\n      next = preview(state, resizeRegionFromPointer(state.size, coordinate - startCoordinate, state.edge), onPreview);\n    };\n    const finish = () => {\n      root.removeEventListener('pointermove', move);\n      root.removeEventListener('pointerup', finish);\n      root.removeEventListener('pointercancel', finish);\n      stopPointer = undefined;\n      onCommit({ id: state.id, size: next, source: 'pointer' });\n    };\n    stopPointer?.();\n    stopPointer = finish;\n    root.addEventListener('pointermove', move);\n    root.addEventListener('pointerup', finish, { once: true });\n    root.addEventListener('pointercancel', finish, { once: true });\n  });\n\n  return () => {\n    stopPointer?.();\n    stopKeydown();\n    stopPointerDown();\n  };\n}\n"]}

package/dist/chunk-AVZHJN6C.js

@@ -1,14 +0,0 @@
-import { jsxs, jsx } from 'kerfjs/jsx-runtime';
-
-// src/tab-bar.tsx
-function TabBar({ id, label, children, leading, trailing, className = "", activation }) {
-  return /* @__PURE__ */ jsxs("nav", { class: `kui-tab-bar ${className}`.trim(), "data-component": "tab-bar", "data-tab-bar-id": id, "data-tab-activation": activation, "aria-label": label, children: [
-    leading && /* @__PURE__ */ jsx("div", { class: "kui-tab-bar__leading", children: leading }),
-    /* @__PURE__ */ jsx("div", { class: "kui-tab-bar__tabs", role: "tablist", "aria-label": label, "data-kui-tab-list": true, children }),
-    trailing && /* @__PURE__ */ jsx("div", { class: "kui-tab-bar__trailing", children: trailing })
-  ] });
-}
-
-export { TabBar };
-
-//# sourceMappingURL=chunk-AVZHJN6C.js.map

package/dist/chunk-AVZHJN6C.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/tab-bar.tsx"],"names":[],"mappings":";;;AAmBO,SAAS,MAAA,CAAO,EAAE,EAAA,EAAI,KAAA,EAAO,QAAA,EAAU,SAAS,QAAA,EAAU,SAAA,GAAY,EAAA,EAAI,UAAA,EAAW,EAAgB;AAC1G,EAAA,uBAAO,IAAA,CAAC,KAAA,EAAA,EAAI,KAAA,EAAO,CAAA,YAAA,EAAe,SAAS,CAAA,CAAA,CAAG,IAAA,EAAK,EAAG,gBAAA,EAAe,WAAU,iBAAA,EAAiB,EAAA,EAAI,qBAAA,EAAqB,UAAA,EAAY,cAAY,KAAA,EAC9I,QAAA,EAAA;AAAA,IAAA,OAAA,oBAAW,GAAA,CAAC,KAAA,EAAA,EAAI,KAAA,EAAM,sBAAA,EAAwB,QAAA,EAAA,OAAA,EAAQ,CAAA;AAAA,oBACvD,GAAA,CAAC,KAAA,EAAA,EAAI,KAAA,EAAM,mBAAA,EAAoB,IAAA,EAAK,WAAU,YAAA,EAAY,KAAA,EAAO,mBAAA,EAAiB,IAAA,EAAE,QAAA,EAAS,CAAA;AAAA,IAC5F,QAAA,oBAAY,GAAA,CAAC,KAAA,EAAA,EAAI,KAAA,EAAM,yBAAyB,QAAA,EAAA,QAAA,EAAS;AAAA,GAAA,EAC5D,CAAA;AACF","file":"chunk-AVZHJN6C.js","sourcesContent":["import type { SafeHtml } from 'kerfjs';\n\nexport interface TabBarProps {\n  id: string;\n  label: string;\n  children: SafeHtml | readonly SafeHtml[];\n  leading?: SafeHtml;\n  trailing?: SafeHtml;\n  className?: string;\n  /**\n   * Keyboard activation mode for this strip, emitted as `data-tab-activation` for\n   * `wireTabBars` to read (overrides its `activation` option). `'automatic'` (default)\n   * selects on arrow / Home / End; `'manual'` moves roving focus only and the user\n   * selects with Enter / Space / click — use it when selecting a tab is a heavy action.\n   */\n  activation?: 'automatic' | 'manual';\n}\n\n/** Render a controlled tab strip. The application owns selection, order, and persistence. */\nexport function TabBar({ id, label, children, leading, trailing, className = '', activation }: TabBarProps) {\n  return <nav class={`kui-tab-bar ${className}`.trim()} data-component=\"tab-bar\" data-tab-bar-id={id} data-tab-activation={activation} aria-label={label}>\n    {leading && <div class=\"kui-tab-bar__leading\">{leading}</div>}\n    <div class=\"kui-tab-bar__tabs\" role=\"tablist\" aria-label={label} data-kui-tab-list>{children}</div>\n    {trailing && <div class=\"kui-tab-bar__trailing\">{trailing}</div>}\n  </nav>;\n}\n"]}

package/dist/chunk-B24C4A6T.js

@@ -1,22 +0,0 @@
-import { jsx } from 'kerfjs/jsx-runtime';
-
-// src/skeleton.tsx
-function blockStyle(width, height, radius) {
-  const parts = [
-    width && `width:${width}`,
-    height && `height:${height}`,
-    radius && `--kui-skeleton-radius:${radius}`
-  ].filter(Boolean);
-  return parts.length ? parts.join(";") : void 0;
-}
-function Skeleton({ width, height, radius, lines, label, className = "" }) {
-  const a11y = { role: label ? "img" : void 0, "aria-label": label, "aria-hidden": label ? void 0 : "true" };
-  if (lines && lines > 1) {
-    return /* @__PURE__ */ jsx("span", { class: `kui-skeleton-lines ${className}`.trim(), "data-component": "skeleton", style: width ? `width:${width}` : void 0, ...a11y, children: Array.from({ length: lines }, (_, index) => /* @__PURE__ */ jsx("span", { class: "kui-skeleton", "aria-hidden": "true", style: blockStyle(index === lines - 1 ? "60%" : void 0, height, radius) })) });
-  }
-  return /* @__PURE__ */ jsx("span", { class: `kui-skeleton ${className}`.trim(), "data-component": "skeleton", style: blockStyle(width, height, radius), ...a11y });
-}
-
-export { Skeleton };
-
-//# sourceMappingURL=chunk-B24C4A6T.js.map

package/dist/chunk-B24C4A6T.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/skeleton.tsx"],"names":[],"mappings":";;;AAcA,SAAS,UAAA,CAAW,KAAA,EAAgB,MAAA,EAAiB,MAAA,EAAqC;AACxF,EAAA,MAAM,KAAA,GAAQ;AAAA,IACZ,KAAA,IAAS,SAAS,KAAK,CAAA,CAAA;AAAA,IACvB,MAAA,IAAU,UAAU,MAAM,CAAA,CAAA;AAAA,IAC1B,MAAA,IAAU,yBAAyB,MAAM,CAAA;AAAA,GAC3C,CAAE,OAAO,OAAO,CAAA;AAChB,EAAA,OAAO,KAAA,CAAM,MAAA,GAAS,KAAA,CAAM,IAAA,CAAK,GAAG,CAAA,GAAI,MAAA;AAC1C;AAQO,SAAS,QAAA,CAAS,EAAE,KAAA,EAAO,MAAA,EAAQ,QAAQ,KAAA,EAAO,KAAA,EAAO,SAAA,GAAY,EAAA,EAAG,EAAkB;AAC/F,EAAA,MAAM,IAAA,GAAO,EAAE,IAAA,EAAM,KAAA,GAAQ,KAAA,GAAQ,MAAA,EAAW,YAAA,EAAc,KAAA,EAAO,aAAA,EAAe,KAAA,GAAQ,MAAA,GAAa,MAAA,EAAiB;AAC1H,EAAA,IAAI,KAAA,IAAS,QAAQ,CAAA,EAAG;AACtB,IAAA,uBAAO,GAAA,CAAC,UAAK,KAAA,EAAO,CAAA,mBAAA,EAAsB,SAAS,CAAA,CAAA,CAAG,IAAA,IAAQ,gBAAA,EAAe,UAAA,EAAW,OAAO,KAAA,GAAQ,CAAA,MAAA,EAAS,KAAK,CAAA,CAAA,GAAK,MAAA,EAAY,GAAG,IAAA,EACtI,QAAA,EAAA,KAAA,CAAM,KAAK,EAAE,MAAA,EAAQ,OAAM,EAAG,CAAC,GAAG,KAAA,qBAAU,GAAA,CAAC,UAAK,KAAA,EAAM,cAAA,EAAe,eAAY,MAAA,EAAO,KAAA,EAAO,WAAW,KAAA,KAAU,KAAA,GAAQ,IAAI,KAAA,GAAQ,MAAA,EAAW,QAAQ,MAAM,CAAA,EAAG,CAAO,CAAA,EAChL,CAAA;AAAA,EACF;AACA,EAAA,2BAAQ,MAAA,EAAA,EAAK,KAAA,EAAO,CAAA,aAAA,EAAgB,SAAS,GAAG,IAAA,EAAK,EAAG,gBAAA,EAAe,UAAA,EAAW,OAAO,UAAA,CAAW,KAAA,EAAO,QAAQ,MAAM,CAAA,EAAI,GAAG,IAAA,EAAM,CAAA;AACxI","file":"chunk-B24C4A6T.js","sourcesContent":["export interface SkeletonProps {\n  /** Width as any CSS length (e.g. `remify(120px)`, `60%`). Defaults to filling its slot. */\n  width?: string;\n  /** Height as any CSS length. Defaults to a single text line. */\n  height?: string;\n  /** Corner radius override (a CSS length). Defaults to the small radius token. */\n  radius?: string;\n  /** Render this many stacked lines (the last one shorter), for multi-line text. */\n  lines?: number;\n  /** Accessible label. Omit to keep the block decorative (`aria-hidden`). */\n  label?: string;\n  className?: string;\n}\n\nfunction blockStyle(width?: string, height?: string, radius?: string): string | undefined {\n  const parts = [\n    width && `width:${width}`,\n    height && `height:${height}`,\n    radius && `--kui-skeleton-radius:${radius}`,\n  ].filter(Boolean);\n  return parts.length ? parts.join(';') : undefined;\n}\n\n/**\n * A subtle, deliberately **unanimated** loading placeholder block. Use it for a\n * value slot whose content is not yet known, on its own or via a component's\n * `placeholder` prop. Decorative by default (`aria-hidden`); pass `label` to\n * announce it. Sizes to its slot unless `width`/`height` are given.\n */\nexport function Skeleton({ width, height, radius, lines, label, className = '' }: SkeletonProps) {\n  const a11y = { role: label ? 'img' : undefined, 'aria-label': label, 'aria-hidden': label ? undefined : ('true' as const) };\n  if (lines && lines > 1) {\n    return <span class={`kui-skeleton-lines ${className}`.trim()} data-component=\"skeleton\" style={width ? `width:${width}` : undefined} {...a11y}>\n      {Array.from({ length: lines }, (_, index) => <span class=\"kui-skeleton\" aria-hidden=\"true\" style={blockStyle(index === lines - 1 ? '60%' : undefined, height, radius)}></span>)}\n    </span>;\n  }\n  return <span class={`kui-skeleton ${className}`.trim()} data-component=\"skeleton\" style={blockStyle(width, height, radius)} {...a11y}></span>;\n}\n"]}

package/dist/chunk-BLK3UEEI.js

@@ -1,23 +0,0 @@
-import { ToolbarText } from './chunk-RUNWEPR4.js';
-import { jsxs, jsx } from 'kerfjs/jsx-runtime';
-
-function NavStack({ id, label, views, backLabel = "Back", hideToolbar = false, bottomToolbar, className = "" }) {
-  const topIndex = views.length - 1;
-  const top = views[topIndex];
-  const canPop = views.length > 1;
-  return /* @__PURE__ */ jsxs("section", { class: `kui-nav-stack ${className}`.trim(), id, "data-component": "nav-stack", "data-nav-stack-id": id, "data-depth": String(views.length), "aria-label": label, children: [
-    !hideToolbar && /* @__PURE__ */ jsxs("header", { class: "kui-nav-stack__chrome", "data-nav-stack-chrome": true, children: [
-      /* @__PURE__ */ jsxs("div", { class: "kui-nav-stack__lead", children: [
-        canPop && /* @__PURE__ */ jsx("button", { type: "button", class: "kui-nav-stack__back", "data-nav-back": true, "aria-label": backLabel, children: /* @__PURE__ */ jsx("svg", { class: "kui-nav-stack__back-icon", viewBox: "0 0 24 24", width: "18", height: "18", "aria-hidden": "true", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", children: /* @__PURE__ */ jsx("path", { d: "m15 18-6-6 6-6" }) }) }),
-        /* @__PURE__ */ jsx(ToolbarText, { text: top?.title ?? "", size: "large", className: "kui-nav-stack__title" })
-      ] }),
-      top?.toolbar && /* @__PURE__ */ jsx("div", { class: "kui-nav-stack__actions", children: top.toolbar })
-    ] }),
-    /* @__PURE__ */ jsx("div", { class: "kui-nav-stack__viewport", "data-nav-stack-viewport": true, children: views.map((view, index) => /* @__PURE__ */ jsx("article", { class: "kui-nav-stack__view", "data-key": view.key, "data-nav-key": view.key, "data-nav-active": String(index === topIndex), "aria-hidden": String(index !== topIndex), children: view.content })) }),
-    bottomToolbar && /* @__PURE__ */ jsx("footer", { class: "kui-nav-stack__bottom", "data-nav-stack-bottom": true, children: bottomToolbar })
-  ] });
-}
-
-export { NavStack };
-
-//# sourceMappingURL=chunk-BLK3UEEI.js.map

package/dist/chunk-BLK3UEEI.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/nav-stack.tsx"],"names":[],"mappings":";;;AAuCO,SAAS,QAAA,CAAS,EAAE,EAAA,EAAI,KAAA,EAAO,KAAA,EAAO,SAAA,GAAY,MAAA,EAAQ,WAAA,GAAc,KAAA,EAAO,aAAA,EAAe,SAAA,GAAY,EAAA,EAAG,EAAkB;AACpI,EAAA,MAAM,QAAA,GAAW,MAAM,MAAA,GAAS,CAAA;AAChC,EAAA,MAAM,GAAA,GAAM,MAAM,QAAQ,CAAA;AAC1B,EAAA,MAAM,MAAA,GAAS,MAAM,MAAA,GAAS,CAAA;AAC9B,EAAA,4BAAQ,SAAA,EAAA,EAAQ,KAAA,EAAO,iBAAiB,SAAS,CAAA,CAAA,CAAG,MAAK,EAAG,EAAA,EAAQ,kBAAe,WAAA,EAAY,mBAAA,EAAmB,IAAI,YAAA,EAAY,MAAA,CAAO,MAAM,MAAM,CAAA,EAAG,cAAY,KAAA,EACjK,QAAA,EAAA;AAAA,IAAA,CAAC,+BAAe,IAAA,CAAC,QAAA,EAAA,EAAO,KAAA,EAAM,uBAAA,EAAwB,yBAAqB,IAAA,EAC1E,QAAA,EAAA;AAAA,sBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,OAAM,qBAAA,EACR,QAAA,EAAA;AAAA,QAAA,MAAA,wBAAW,QAAA,EAAA,EAAO,IAAA,EAAK,QAAA,EAAS,KAAA,EAAM,uBAAsB,eAAA,EAAa,IAAA,EAAC,YAAA,EAAY,SAAA,EACrF,8BAAC,KAAA,EAAA,EAAI,KAAA,EAAM,0BAAA,EAA2B,OAAA,EAAQ,aAAY,KAAA,EAAM,IAAA,EAAK,MAAA,EAAO,IAAA,EAAK,eAAY,MAAA,EAAO,IAAA,EAAK,MAAA,EAAO,MAAA,EAAO,gBAAe,cAAA,EAAa,GAAA,EAAI,gBAAA,EAAe,OAAA,EAAQ,mBAAgB,OAAA,EAAQ,QAAA,kBAAA,GAAA,CAAC,UAAK,CAAA,EAAE,gBAAA,EAAiB,GAAE,CAAA,EACnO,CAAA;AAAA,wBACA,GAAA,CAAC,eAAY,IAAA,EAAM,GAAA,EAAK,SAAS,EAAA,EAAI,IAAA,EAAK,OAAA,EAAQ,SAAA,EAAU,sBAAA,EAAuB;AAAA,OAAA,EACrF,CAAA;AAAA,MACC,KAAK,OAAA,oBAAW,GAAA,CAAC,SAAI,KAAA,EAAM,wBAAA,EAA0B,cAAI,OAAA,EAAQ;AAAA,KAAA,EACpE,CAAA;AAAA,oBACA,GAAA,CAAC,KAAA,EAAA,EAAI,KAAA,EAAM,yBAAA,EAA0B,2BAAuB,IAAA,EACzD,QAAA,EAAA,KAAA,CAAM,GAAA,CAAI,CAAC,MAAM,KAAA,qBAAU,GAAA,CAAC,SAAA,EAAA,EAAQ,KAAA,EAAM,uBAAsB,UAAA,EAAU,IAAA,CAAK,GAAA,EAAK,cAAA,EAAc,IAAA,CAAK,GAAA,EAAK,iBAAA,EAAiB,MAAA,CAAO,UAAU,QAAQ,CAAA,EAAG,aAAA,EAAa,MAAA,CAAO,UAAU,QAAQ,CAAA,EAAI,QAAA,EAAA,IAAA,CAAK,OAAA,EAAQ,CAAU,CAAA,EAC7N,CAAA;AAAA,IACC,iCAAiB,GAAA,CAAC,QAAA,EAAA,EAAO,OAAM,uBAAA,EAAwB,uBAAA,EAAqB,MAAE,QAAA,EAAA,aAAA,EAAc;AAAA,GAAA,EAC/F,CAAA;AACF","file":"chunk-BLK3UEEI.js","sourcesContent":["import type { SafeHtml } from 'kerfjs';\n\nimport { ToolbarText } from './toolbar-text.js';\n\n/**\n * One entry in a {@link NavStack}. The app owns the stack as an array (usually a\n * signal); `NavStack` renders it and `wireNavStack` animates the transitions.\n */\nexport interface NavStackView {\n  /** Stable identity for keyed reconcile and transition direction. */\n  key: string;\n  content: SafeHtml;\n  /** Title shown in the top toolbar for this view. */\n  title?: string;\n  /** Trailing actions for this view's top toolbar. */\n  toolbar?: SafeHtml;\n}\n\nexport interface NavStackProps {\n  id: string;\n  /** Accessible name for the stack region. */\n  label: string;\n  /** The stack, root first; the last entry is the active top view. */\n  views: NavStackView[];\n  /** Accessible label for the back control (default \"Back\"). */\n  backLabel?: string;\n  /** Hide the top toolbar entirely (rare — a fully custom-chrome view). */\n  hideToolbar?: boolean;\n  /** Optional persistent bottom toolbar. */\n  bottomToolbar?: SafeHtml;\n  className?: string;\n}\n\n/**\n * A navigation stack (iOS-style push/pop). Renders every entry stacked, the last\n * one active; `@kerfjs/ui/wire-nav-stack`'s `wireNavStack` slides the content and\n * cross-fades the chrome across a change. A single-pane layout is a `NavStack`\n * with one entry. See `docs/23-app-layouts.md` §3.1.\n */\nexport function NavStack({ id, label, views, backLabel = 'Back', hideToolbar = false, bottomToolbar, className = '' }: NavStackProps) {\n  const topIndex = views.length - 1;\n  const top = views[topIndex];\n  const canPop = views.length > 1;\n  return <section class={`kui-nav-stack ${className}`.trim()} id={id} data-component=\"nav-stack\" data-nav-stack-id={id} data-depth={String(views.length)} aria-label={label}>\n    {!hideToolbar && <header class=\"kui-nav-stack__chrome\" data-nav-stack-chrome>\n      <div class=\"kui-nav-stack__lead\">\n        {canPop && <button type=\"button\" class=\"kui-nav-stack__back\" data-nav-back aria-label={backLabel}>\n          <svg class=\"kui-nav-stack__back-icon\" viewBox=\"0 0 24 24\" width=\"18\" height=\"18\" aria-hidden=\"true\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m15 18-6-6 6-6\" /></svg>\n        </button>}\n        <ToolbarText text={top?.title ?? ''} size=\"large\" className=\"kui-nav-stack__title\" />\n      </div>\n      {top?.toolbar && <div class=\"kui-nav-stack__actions\">{top.toolbar}</div>}\n    </header>}\n    <div class=\"kui-nav-stack__viewport\" data-nav-stack-viewport>\n      {views.map((view, index) => <article class=\"kui-nav-stack__view\" data-key={view.key} data-nav-key={view.key} data-nav-active={String(index === topIndex)} aria-hidden={String(index !== topIndex)}>{view.content}</article>)}\n    </div>\n    {bottomToolbar && <footer class=\"kui-nav-stack__bottom\" data-nav-stack-bottom>{bottomToolbar}</footer>}\n  </section>;\n}\n"]}

package/dist/chunk-CVZYNJJ5.js

@@ -1,265 +0,0 @@
-import { placeTokenSearchCaret, readTokenSearchField } from './chunk-7LDCTU7D.js';
-import { delegate, signal } from 'kerfjs';
-
-function editorFromEvent(root, event) {
-  const target = event.target;
-  if (!(target instanceof Element)) return;
-  const editor = target.closest("[data-token-search-editor]");
-  return editor && root.contains(editor) ? editor : void 0;
-}
-function caretQueryOffset(editor) {
-  const selection = editor.ownerDocument.getSelection();
-  if (!selection || selection.rangeCount === 0) return;
-  const selectionRange = selection.getRangeAt(0);
-  if (!editor.contains(selectionRange.startContainer)) return;
-  const prefixRange = editor.ownerDocument.createRange();
-  prefixRange.selectNodeContents(editor);
-  prefixRange.setEnd(selectionRange.startContainer, selectionRange.startOffset);
-  const prefix = editor.ownerDocument.createElement("div");
-  prefix.append(prefixRange.cloneContents());
-  return readTokenSearchField(prefix).query.length;
-}
-function replacementEditor(root, id) {
-  return [...root.querySelectorAll("[data-token-search-editor]")].find((editor) => editor.dataset.tokenSearchEditor === id);
-}
-function editorIsEmpty(editor) {
-  const value = readTokenSearchField(editor);
-  return value.query.length === 0 && value.tokens.length === 0;
-}
-var TOKEN_SELECTOR = '[data-component="token-search-token"]';
-var TEXT_SELECTOR = "[data-token-search-text]";
-var stripZwsp = (text) => text.replaceAll("\u200B", "");
-function collapsedCaret(editor) {
-  const selection = editor.ownerDocument.getSelection();
-  if (!selection || selection.rangeCount === 0) return;
-  const range = selection.getRangeAt(0);
-  if (!range.collapsed || !editor.contains(range.startContainer)) return;
-  return range;
-}
-function topBlock(editor, node) {
-  let current = node;
-  while (current.parentNode && current.parentNode !== editor) current = current.parentNode;
-  return current.parentNode === editor ? current : null;
-}
-function isBlankText(node) {
-  if (node.nodeType === Node.TEXT_NODE) return stripZwsp(node.data) === "";
-  return node instanceof Element && node.matches(TEXT_SELECTOR) && stripZwsp(node.textContent ?? "") === "";
-}
-function meaningfulSibling(block, direction) {
-  let sibling = direction === "backward" ? block.previousSibling : block.nextSibling;
-  while (sibling && isBlankText(sibling)) sibling = direction === "backward" ? sibling.previousSibling : sibling.nextSibling;
-  return sibling;
-}
-function caretSideNode(editor, range, direction) {
-  const { startContainer: container, startOffset: offset } = range;
-  if (container.nodeType === Node.TEXT_NODE) {
-    const text = container.data;
-    const side = direction === "backward" ? text.slice(0, offset) : text.slice(offset);
-    if (stripZwsp(side).length > 0) return null;
-    return meaningfulSibling(topBlock(editor, container), direction);
-  }
-  const child = container.childNodes[direction === "backward" ? offset - 1 : offset];
-  if (child) {
-    const block2 = topBlock(editor, child);
-    return isBlankText(child) ? meaningfulSibling(block2, direction) : block2;
-  }
-  const block = topBlock(editor, container);
-  return block ? meaningfulSibling(block, direction) : null;
-}
-function adjacentToken(editor, direction) {
-  const range = collapsedCaret(editor);
-  if (!range) return;
-  const node = caretSideNode(editor, range, direction);
-  if (!node) return;
-  const base = node instanceof Element ? node : node.parentElement;
-  const chip = base?.closest(TOKEN_SELECTOR) ?? null;
-  return chip && editor.contains(chip) ? chip : void 0;
-}
-function placeCaretAfterToken(editor, chip) {
-  const selection = editor.ownerDocument.getSelection();
-  const range = editor.ownerDocument.createRange();
-  range.setStartAfter(topBlock(editor, chip));
-  range.collapse(true);
-  selection.removeAllRanges();
-  selection.addRange(range);
-  editor.focus({ preventScroll: true });
-}
-function wireTokenSearchFields(root, { onSubmit, onEdit, collapsible = true, keyboard = false } = {}) {
-  const managed = collapsible !== false;
-  const config = typeof collapsible === "object" ? collapsible : {};
-  const expandOnActivate = managed && (config.expandOnActivate ?? true);
-  const collapseOnEmptyBlur = managed && (config.collapseOnEmptyBlur ?? true);
-  const collapseOnEscape = managed && (config.collapseOnEscape ?? true);
-  const manageFocus = managed && (config.manageFocus ?? true);
-  const keepOpenOn = config.keepOpenOn;
-  const keyboardOn = keyboard !== false;
-  const keyboardConfig = typeof keyboard === "object" ? keyboard : {};
-  const removeAdjacentToken = keyboardOn && (keyboardConfig.removeAdjacentToken ?? true);
-  const moveCaretPastToken = keyboardOn && (keyboardConfig.moveCaretPastToken ?? true);
-  const onRemoveToken = keyboardConfig.onRemoveToken;
-  const adopted = config.signals ?? {};
-  const created = /* @__PURE__ */ new Map();
-  const isExemptTarget = (element) => {
-    if (!element) return false;
-    if (element.closest("[data-token-search-keep-open]")) return true;
-    return keepOpenOn ? keepOpenOn(element) : false;
-  };
-  const signalFor = (id) => {
-    const own = adopted[id];
-    if (own) return own;
-    let field = created.get(id);
-    if (!field) {
-      field = signal(false);
-      created.set(id, field);
-    }
-    return field;
-  };
-  const setExpanded = (id, next) => {
-    const state = signalFor(id);
-    if (state.value !== next) state.value = next;
-  };
-  const view = () => root.ownerDocument.defaultView;
-  const focusAfterRender = (id, selector) => {
-    view().requestAnimationFrame(() => {
-      const target = root.querySelector(
-        `[data-component="token-search-field"][data-token-search-id="${CSS.escape(id)}"] ${selector}`
-      );
-      if (!target) return;
-      if (target.matches("[data-token-search-editor]")) placeTokenSearchCaret(target);
-      else target.focus();
-    });
-  };
-  const openField = (id) => {
-    setExpanded(id, true);
-    if (manageFocus) focusAfterRender(id, "[data-token-search-editor]");
-  };
-  const closeField = (id) => {
-    setExpanded(id, false);
-    if (manageFocus) focusAfterRender(id, ".kui-token-search__expand");
-  };
-  const pending = /* @__PURE__ */ new WeakMap();
-  const onBeforeInput = (event) => {
-    const inputEvent = event;
-    const editor = editorFromEvent(root, event);
-    if (!editor || !inputEvent.inputType.startsWith("delete") || editor.ownerDocument.activeElement !== editor) return;
-    const field = editor.closest('[data-component="token-search-field"]');
-    const id = field?.dataset.tokenSearchId;
-    const offset = caretQueryOffset(editor);
-    if (!id || offset === void 0 || field?.dataset.disabled === "true") return;
-    pending.set(editor, {
-      id,
-      offset,
-      tokenCount: editor.querySelectorAll('[data-component="token-search-token"]').length
-    });
-  };
-  const onInput = (event) => {
-    const editor = editorFromEvent(root, event);
-    if (!editor) return;
-    if (onEdit) {
-      const field = editor.closest('[data-component="token-search-field"]');
-      const id = field?.dataset.tokenSearchId;
-      if (id && field?.dataset.disabled !== "true") onEdit({ id, editor });
-    }
-    const deletion = pending.get(editor);
-    pending.delete(editor);
-    if (!deletion || editor.querySelectorAll('[data-component="token-search-token"]').length >= deletion.tokenCount) return;
-    editor.ownerDocument.defaultView.requestAnimationFrame(() => {
-      const replacement = replacementEditor(root, deletion.id);
-      if (!replacement) return;
-      const active = replacement.ownerDocument.activeElement;
-      if (active !== editor && active !== replacement && active !== replacement.ownerDocument.body) return;
-      placeTokenSearchCaret(replacement, deletion.offset);
-    });
-  };
-  root.addEventListener("beforeinput", onBeforeInput, true);
-  root.addEventListener("input", onInput, true);
-  const disposers = [
-    () => root.removeEventListener("beforeinput", onBeforeInput, true),
-    () => root.removeEventListener("input", onInput, true)
-  ];
-  disposers.push(
-    delegate(root, "keydown", "[data-token-search-editor]", (event, element) => {
-      const keyboardEvent = event;
-      const editor = element;
-      if (keyboardEvent.isComposing) return;
-      const field = editor.closest('[data-component="token-search-field"]');
-      const id = field?.dataset.tokenSearchId;
-      if (!id || field?.dataset.disabled === "true") return;
-      if (keyboardEvent.key === "Enter") {
-        keyboardEvent.preventDefault();
-        onSubmit?.({ id, editor });
-        return;
-      }
-      if (removeAdjacentToken && (keyboardEvent.key === "Backspace" || keyboardEvent.key === "Delete")) {
-        const direction = keyboardEvent.key === "Backspace" ? "backward" : "forward";
-        const chip = adjacentToken(editor, direction);
-        if (chip) {
-          keyboardEvent.preventDefault();
-          onRemoveToken?.({ id, value: chip.dataset.tokenValue ?? "", editor, direction });
-          return;
-        }
-      }
-      if (moveCaretPastToken && keyboardEvent.key === "ArrowRight") {
-        const chip = adjacentToken(editor, "forward");
-        if (chip) {
-          keyboardEvent.preventDefault();
-          placeCaretAfterToken(editor, chip);
-          return;
-        }
-      }
-      if (collapseOnEscape && keyboardEvent.key === "Escape" && field?.dataset.collapsible === "true" && editorIsEmpty(editor)) {
-        keyboardEvent.preventDefault();
-        closeField(id);
-      }
-    })
-  );
-  if (expandOnActivate) {
-    disposers.push(
-      delegate(root, "click", ".kui-token-search__expand", (_event, element) => {
-        const field = element.closest('[data-component="token-search-field"]');
-        const id = field?.dataset.tokenSearchId;
-        if (id && field?.dataset.disabled !== "true") openField(id);
-      })
-    );
-  }
-  if (collapseOnEmptyBlur) {
-    disposers.push(
-      delegate(root, "mousedown", '[data-component="token-search-field"][data-collapsible="true"] button', (event) => {
-        event.preventDefault();
-      })
-    );
-    disposers.push(
-      delegate(root, "focusout", "[data-token-search-editor]", (event, element) => {
-        const editor = element;
-        const field = editor.closest('[data-component="token-search-field"]');
-        const id = field?.dataset.tokenSearchId;
-        if (!id || field?.dataset.collapsible !== "true" || field.dataset.disabled === "true") return;
-        const next = event.relatedTarget;
-        if (next instanceof Node && field.contains(next)) return;
-        if (isExemptTarget(next instanceof Element ? next : null)) return;
-        if (!editorIsEmpty(editor)) return;
-        view().queueMicrotask(() => {
-          const active = field.ownerDocument.activeElement;
-          if (!field.contains(active) && !isExemptTarget(active)) setExpanded(id, false);
-        });
-      })
-    );
-  }
-  const dispose = () => {
-    for (const stop of disposers.splice(0)) stop();
-  };
-  const handle = (() => dispose());
-  handle.dispose = dispose;
-  handle.expanded = (id) => managed ? signalFor(id) : void 0;
-  handle.open = (id) => {
-    if (managed) openField(id);
-  };
-  handle.close = (id) => {
-    if (managed) closeField(id);
-  };
-  return handle;
-}
-
-export { wireTokenSearchFields };
-
-//# sourceMappingURL=chunk-CVZYNJJ5.js.map