@arbidocs/blocks 0.5.8 → 0.5.10

package/dist/{chunk-3IQUMSJI.js → chunk-VMMRK4SR.js}

@@ -1,5 +1,5 @@
 "use client";
-import { useConnectedNativeDocxAdapter } from './chunk-X5FS27BM.js';
+import { useConnectedNativeDocxAdapter } from './chunk-FJCSJLTM.js';
 import { NativeDocxComparison } from './chunk-I3MA7IHR.js';
 import { jsx } from 'react/jsx-runtime';
 
@@ -12,5 +12,5 @@ function ConnectedNativeDocxComparison({
 }
 
 export { ConnectedNativeDocxComparison };
-//# sourceMappingURL=chunk-3IQUMSJI.js.map
-//# sourceMappingURL=chunk-3IQUMSJI.js.map
+//# sourceMappingURL=chunk-VMMRK4SR.js.map
+//# sourceMappingURL=chunk-VMMRK4SR.js.map

package/dist/{chunk-3IQUMSJI.js.map → chunk-VMMRK4SR.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/connection/docx/ConnectedNativeDocxComparison.tsx"],"names":[],"mappings":";;;;AAOO,SAAS,6BAAA,CAA8B;AAAA,EAC5C,WAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAyF;AACvF,EAAA,MAAM,OAAA,GAAU,8BAA8B,WAAW,CAAA;AACzD,EAAA,2BAAQ,oBAAA,EAAA,EAAsB,GAAG,OAAO,OAAA,EAAkB,UAAA,EAAY,QAAQ,cAAA,EAAgB,CAAA;AAChG","file":"chunk-3IQUMSJI.js","sourcesContent":["import {\n  NativeDocxComparison,\n  type NativeDocxComparisonProps,\n} from '../../docx/NativeDocxComparison'\nimport { useConnectedNativeDocxAdapter } from './ConnectedNativeDocxEditor'\n\n/** The Word redline of two documents or versions, on the signed-in session. */\nexport function ConnectedNativeDocxComparison({\n  fontBaseUrl,\n  ...props\n}: Omit<NativeDocxComparisonProps, 'adapter' | 'onCompared'> & { fontBaseUrl?: string }) {\n  const adapter = useConnectedNativeDocxAdapter(fontBaseUrl)\n  return <NativeDocxComparison {...props} adapter={adapter} onCompared={adapter.onVersionSaved} />\n}\n"]}
+{"version":3,"sources":["../src/connection/docx/ConnectedNativeDocxComparison.tsx"],"names":[],"mappings":";;;;AAOO,SAAS,6BAAA,CAA8B;AAAA,EAC5C,WAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAyF;AACvF,EAAA,MAAM,OAAA,GAAU,8BAA8B,WAAW,CAAA;AACzD,EAAA,2BAAQ,oBAAA,EAAA,EAAsB,GAAG,OAAO,OAAA,EAAkB,UAAA,EAAY,QAAQ,cAAA,EAAgB,CAAA;AAChG","file":"chunk-VMMRK4SR.js","sourcesContent":["import {\n  NativeDocxComparison,\n  type NativeDocxComparisonProps,\n} from '../../docx/NativeDocxComparison'\nimport { useConnectedNativeDocxAdapter } from './ConnectedNativeDocxEditor'\n\n/** The Word redline of two documents or versions, on the signed-in session. */\nexport function ConnectedNativeDocxComparison({\n  fontBaseUrl,\n  ...props\n}: Omit<NativeDocxComparisonProps, 'adapter' | 'onCompared'> & { fontBaseUrl?: string }) {\n  const adapter = useConnectedNativeDocxAdapter(fontBaseUrl)\n  return <NativeDocxComparison {...props} adapter={adapter} onCompared={adapter.onVersionSaved} />\n}\n"]}

package/dist/chunk-VZOOGA47.cjs

@@ -0,0 +1,210 @@
+"use client";
+'use strict';
+
+var react = require('react');
+var lucideReact = require('lucide-react');
+var cmdk = require('cmdk');
+var ui = require('@arbidocs/react/ui');
+var jsxRuntime = require('react/jsx-runtime');
+
+// src/settings/DocumentPicker.tsx
+var TOKEN_WARNING_THRESHOLD = 15e4;
+var TOKEN_DANGER_THRESHOLD = 19e4;
+var DEFAULT_DOCUMENT_PICKER_LABELS = {
+  placeholder: "Select a document",
+  searchDocuments: "Search documents...",
+  noDocuments: "No documents found.",
+  selectedAsSource: "Selected as source",
+  selectAsSource: "Select as source",
+  largeDocument: "Large document \u2014 may take longer to process",
+  tooLong: "Document is too long to be read in its entirety",
+  pages: (n) => `${n.toLocaleString()} pages`,
+  tokens: (n) => `${n.toLocaleString()} tokens`
+};
+function DocumentPicker({
+  groups,
+  value,
+  onValueChange,
+  selected,
+  selectedIds,
+  onOpenDocument,
+  viewingId,
+  forceClosed = false,
+  listClassName,
+  labels
+}) {
+  const l = react.useMemo(() => ({ ...DEFAULT_DOCUMENT_PICKER_LABELS, ...labels }), [labels]);
+  const multi = selectedIds !== void 0;
+  const isChosen = (id) => multi ? selectedIds.includes(id) : value === id;
+  const [open, setOpen] = react.useState(false);
+  react.useEffect(() => {
+    if (forceClosed) setOpen(false);
+  }, [forceClosed]);
+  const anchorRef = react.useRef(null);
+  const leadingControl = (id) => onOpenDocument ? (
+    // cmdk selects a row on click and prevents its mousedown (to keep input focus), which would
+    // swallow a checkbox press. Stopping the events lets the checkbox toggle on its own.
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "span",
+      {
+        className: "mr-2 flex items-center",
+        onClick: (e) => e.stopPropagation(),
+        onMouseDown: (e) => e.stopPropagation(),
+        onPointerDown: (e) => e.stopPropagation(),
+        children: /* @__PURE__ */ jsxRuntime.jsx(
+          ui.Checkbox,
+          {
+            checked: isChosen(id),
+            onCheckedChange: () => onValueChange(id),
+            "aria-label": isChosen(id) ? l.selectedAsSource : l.selectAsSource,
+            "data-testid": `document-combobox-select-${id}`
+          }
+        )
+      }
+    )
+  ) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { className: ui.cn("mr-2 size-4", isChosen(id) ? "opacity-100" : "opacity-0") });
+  const itemClass = (id) => ui.cn(
+    onOpenDocument && "cursor-pointer",
+    onOpenDocument && isChosen(id) && "bg-primary/10 aria-selected:bg-primary/15",
+    // Inverted so the open one is unmistakable, over cmdk's own hover tint.
+    viewingId === id && "bg-foreground text-background data-[selected=true]:bg-foreground data-[selected=true]:text-background"
+  );
+  const renderGroups = () => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(ui.CommandEmpty, { children: l.noDocuments }),
+    groups.map((group) => /* @__PURE__ */ jsxRuntime.jsx(ui.CommandGroup, { heading: group.heading, children: group.docs.map((doc) => /* @__PURE__ */ jsxRuntime.jsxs(
+      ui.CommandItem,
+      {
+        value: doc.id,
+        keywords: [doc.title],
+        className: itemClass(doc.id),
+        onSelect: () => {
+          if (onOpenDocument) {
+            onOpenDocument(doc.id);
+            return;
+          }
+          onValueChange(doc.id);
+          if (!multi) setOpen(false);
+        },
+        children: [
+          leadingControl(doc.id),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "mr-2 flex shrink-0 items-center", children: ui.getDocIcon(doc.fileName ?? void 0) }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: ui.cn("truncate", onOpenDocument && "hover:underline"), children: doc.title })
+        ]
+      },
+      doc.id
+    )) }, group.id))
+  ] });
+  const contentClass = "w-[var(--radix-popover-trigger-width)] border-0 bg-muted p-0 shadow-md";
+  const tokens = selected?.tokens ?? null;
+  const pages = selected?.pages ?? null;
+  const isDanger = tokens != null && tokens > TOKEN_DANGER_THRESHOLD;
+  const isWarning = tokens != null && tokens > TOKEN_WARNING_THRESHOLD && !isDanger;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-slot": "document-picker", children: [
+    multi ? (
+      // The input IS the anchor: the list opens beneath the row as soon as it is focused or
+      // typed into. cmdk's context reaches the portaled list, so arrows/Enter still drive it.
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Command, { children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Popover, { open, onOpenChange: setOpen, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(ui.PopoverAnchor, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(
+          "div",
+          {
+            ref: anchorRef,
+            className: "flex h-9 w-full items-center gap-2 rounded-md border border-input bg-transparent px-3 shadow-sm transition-colors focus-within:ring-1 focus-within:ring-ring pointer-coarse:h-11",
+            "data-testid": "document-combobox-trigger",
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Search, { className: "size-4 shrink-0 opacity-50" }),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                cmdk.Command.Input,
+                {
+                  placeholder: l.placeholder,
+                  "aria-expanded": open,
+                  className: "h-full w-full bg-transparent text-base outline-none placeholder:text-muted-foreground md:text-sm",
+                  onFocus: () => setOpen(true),
+                  onValueChange: () => setOpen(true),
+                  onKeyDown: (e) => {
+                    if (e.key === "ArrowDown" || e.key === "ArrowUp") setOpen(true);
+                    if (e.key === "Escape") setOpen(false);
+                  },
+                  "data-testid": "document-combobox-search"
+                }
+              )
+            ]
+          }
+        ) }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          ui.PopoverContent,
+          {
+            className: contentClass,
+            align: "start",
+            onOpenAutoFocus: (e) => e.preventDefault(),
+            onFocusOutside: (e) => e.preventDefault(),
+            onInteractOutside: (e) => {
+              const target = e.target;
+              if (anchorRef.current?.contains(target) || target?.closest(
+                '[data-testid="parsed-viewer"], [role="dialog"], [data-radix-popper-content-wrapper]'
+              )) {
+                e.preventDefault();
+              }
+            },
+            children: /* @__PURE__ */ jsxRuntime.jsx(ui.CommandList, { className: listClassName, children: renderGroups() })
+          }
+        )
+      ] }) })
+    ) : /* @__PURE__ */ jsxRuntime.jsxs(ui.Popover, { open, onOpenChange: setOpen, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(ui.PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(
+        "button",
+        {
+          type: "button",
+          role: "combobox",
+          "aria-expanded": open,
+          className: ui.cn(
+            "flex h-9 w-full items-center justify-between rounded-md border border-input bg-transparent px-3 py-1 text-base shadow-sm transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring md:text-sm pointer-coarse:h-11",
+            !value && "text-muted-foreground"
+          ),
+          "data-testid": "document-combobox-trigger",
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate", children: selected?.title || l.placeholder }),
+            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronsUpDown, { className: "ml-2 size-4 shrink-0 opacity-50" })
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ jsxRuntime.jsx(ui.PopoverContent, { className: contentClass, align: "start", children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Command, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(ui.CommandInput, { placeholder: l.searchDocuments }),
+        /* @__PURE__ */ jsxRuntime.jsx(ui.CommandList, { className: listClassName, children: renderGroups() })
+      ] }) })
+    ] }),
+    selected && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-2 space-y-1", "data-testid": "document-combobox-info", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-sm text-muted-foreground", children: [
+        pages != null && /* @__PURE__ */ jsxRuntime.jsx("span", { children: l.pages(pages) }),
+        pages != null && tokens != null && /* @__PURE__ */ jsxRuntime.jsx("span", { children: " \xB7 " }),
+        tokens != null && /* @__PURE__ */ jsxRuntime.jsx("span", { children: l.tokens(tokens) })
+      ] }),
+      isWarning && /* @__PURE__ */ jsxRuntime.jsxs(
+        "p",
+        {
+          className: "flex items-center gap-1.5 text-sm text-yellow-text",
+          "data-testid": "document-combobox-warning",
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.TriangleAlert, { className: "size-3.5 shrink-0" }),
+            l.largeDocument
+          ]
+        }
+      ),
+      isDanger && /* @__PURE__ */ jsxRuntime.jsxs(
+        "p",
+        {
+          className: "flex items-center gap-1.5 text-sm text-red-text",
+          "data-testid": "document-combobox-danger",
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.TriangleAlert, { className: "size-3.5 shrink-0" }),
+            l.tooLong
+          ]
+        }
+      )
+    ] })
+  ] });
+}
+
+exports.DEFAULT_DOCUMENT_PICKER_LABELS = DEFAULT_DOCUMENT_PICKER_LABELS;
+exports.DocumentPicker = DocumentPicker;
+//# sourceMappingURL=chunk-VZOOGA47.cjs.map
+//# sourceMappingURL=chunk-VZOOGA47.cjs.map

package/dist/chunk-VZOOGA47.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/settings/DocumentPicker.tsx"],"names":["useMemo","useState","useEffect","useRef","jsx","Checkbox","Check","cn","jsxs","Fragment","CommandEmpty","CommandGroup","CommandItem","Command","Popover","PopoverAnchor","Search","CommandPrimitive","PopoverContent","CommandList","PopoverTrigger","ChevronsUpDown","CommandInput","TriangleAlert"],"mappings":"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","file":"chunk-VZOOGA47.cjs","sourcesContent":["import { useEffect, useMemo, useRef, useState, type ReactNode } from 'react'\nimport { Check, ChevronsUpDown, Search, TriangleAlert } from 'lucide-react'\nimport { Command as CommandPrimitive } from 'cmdk'\nimport {\n  Checkbox,\n  Command,\n  CommandEmpty,\n  CommandGroup,\n  CommandInput,\n  CommandItem,\n  CommandList,\n  Popover,\n  PopoverAnchor,\n  PopoverContent,\n  PopoverTrigger,\n  cn,\n  getDocIcon,\n} from '@arbidocs/react/ui'\n\nconst TOKEN_WARNING_THRESHOLD = 150_000\nconst TOKEN_DANGER_THRESHOLD = 190_000\n\n/** A document the picker can offer. `pages`/`tokens` are null for images and unparsed files. */\nexport interface PickerDocument {\n  id: string\n  title: string\n  fileName?: string | null\n  pages?: number | null\n  tokens?: number | null\n}\n\n/** A heading with its documents, already sorted. A group without heading is unlabeled. */\nexport interface PickerGroup {\n  id: string\n  heading?: string\n  docs: PickerDocument[]\n}\n\n/** Every fixed string of the document picker. */\nexport interface DocumentPickerLabels {\n  placeholder: string\n  searchDocuments: string\n  noDocuments: string\n  selectedAsSource: string\n  selectAsSource: string\n  largeDocument: string\n  tooLong: string\n  pages: (n: number) => string\n  tokens: (n: number) => string\n}\n\nexport const DEFAULT_DOCUMENT_PICKER_LABELS: DocumentPickerLabels = {\n  placeholder: 'Select a document',\n  searchDocuments: 'Search documents...',\n  noDocuments: 'No documents found.',\n  selectedAsSource: 'Selected as source',\n  selectAsSource: 'Select as source',\n  largeDocument: 'Large document — may take longer to process',\n  tooLong: 'Document is too long to be read in its entirety',\n  pages: (n) => `${n.toLocaleString()} pages`,\n  tokens: (n) => `${n.toLocaleString()} tokens`,\n}\n\nexport interface DocumentPickerProps {\n  groups: PickerGroup[]\n  /** The picked document (single mode). */\n  value: string\n  onValueChange: (id: string) => void\n  /** The picked document's details, shown under the picker (pages, tokens, size warnings). */\n  selected?: PickerDocument\n  /**\n   * Ids already chosen. Supplying this switches to MULTI mode: the search box is inline, the\n   * list stays open on select and ticks what is in.\n   */\n  selectedIds?: string[]\n  /**\n   * Splits each row in two: a click OPENS the document (this callback) and a leading checkbox\n   * selects it as a source via `onValueChange`. Requires `selectedIds`.\n   */\n  onOpenDocument?: (id: string) => void\n  /** The document open in the viewer: its row is inverted (multi mode). */\n  viewingId?: string | null\n  /** While true the list is shut (a neighbouring popup must not overlay it). */\n  forceClosed?: boolean\n  /** Extra classes of the results list, e.g. a taller `max-h-*` when the picker is the surface. */\n  listClassName?: string\n  labels?: Partial<DocumentPickerLabels>\n}\n\n/**\n * Searchable document picker. Single mode is a button that opens a searchable list; multi mode\n * puts the search inline. After a pick it shows page/token counts with size warnings.\n */\nexport function DocumentPicker({\n  groups,\n  value,\n  onValueChange,\n  selected,\n  selectedIds,\n  onOpenDocument,\n  viewingId,\n  forceClosed = false,\n  listClassName,\n  labels,\n}: DocumentPickerProps) {\n  const l = useMemo(() => ({ ...DEFAULT_DOCUMENT_PICKER_LABELS, ...labels }), [labels])\n  const multi = selectedIds !== undefined\n  const isChosen = (id: string) => (multi ? selectedIds.includes(id) : value === id)\n  const [open, setOpen] = useState(false)\n  useEffect(() => {\n    if (forceClosed) setOpen(false)\n  }, [forceClosed])\n  const anchorRef = useRef<HTMLDivElement>(null)\n\n  // A real checkbox when rows open on click; otherwise the tick that mirrors the pick.\n  const leadingControl = (id: string): ReactNode =>\n    onOpenDocument ? (\n      // cmdk selects a row on click and prevents its mousedown (to keep input focus), which would\n      // swallow a checkbox press. Stopping the events lets the checkbox toggle on its own.\n      <span\n        className=\"mr-2 flex items-center\"\n        onClick={(e) => e.stopPropagation()}\n        onMouseDown={(e) => e.stopPropagation()}\n        onPointerDown={(e) => e.stopPropagation()}\n      >\n        <Checkbox\n          checked={isChosen(id)}\n          onCheckedChange={() => onValueChange(id)}\n          aria-label={isChosen(id) ? l.selectedAsSource : l.selectAsSource}\n          data-testid={`document-combobox-select-${id}`}\n        />\n      </span>\n    ) : (\n      <Check className={cn('mr-2 size-4', isChosen(id) ? 'opacity-100' : 'opacity-0')} />\n    )\n\n  const itemClass = (id: string) =>\n    cn(\n      onOpenDocument && 'cursor-pointer',\n      onOpenDocument && isChosen(id) && 'bg-primary/10 aria-selected:bg-primary/15',\n      // Inverted so the open one is unmistakable, over cmdk's own hover tint.\n      viewingId === id &&\n        'bg-foreground text-background data-[selected=true]:bg-foreground data-[selected=true]:text-background'\n    )\n\n  const renderGroups = () => (\n    <>\n      <CommandEmpty>{l.noDocuments}</CommandEmpty>\n      {groups.map((group) => (\n        <CommandGroup key={group.id} heading={group.heading}>\n          {group.docs.map((doc) => (\n            <CommandItem\n              key={doc.id}\n              // Identity is the id: two documents can share a name, and a title-valued item would\n              // make cmdk treat them as one. The title stays searchable via keywords.\n              value={doc.id}\n              keywords={[doc.title]}\n              className={itemClass(doc.id)}\n              onSelect={() => {\n                if (onOpenDocument) {\n                  onOpenDocument(doc.id)\n                  return\n                }\n                onValueChange(doc.id)\n                if (!multi) setOpen(false)\n              }}\n            >\n              {leadingControl(doc.id)}\n              <span className=\"mr-2 flex shrink-0 items-center\">\n                {getDocIcon(doc.fileName ?? undefined)}\n              </span>\n              <span className={cn('truncate', onOpenDocument && 'hover:underline')}>\n                {doc.title}\n              </span>\n            </CommandItem>\n          ))}\n        </CommandGroup>\n      ))}\n    </>\n  )\n\n  const contentClass = 'w-[var(--radix-popover-trigger-width)] border-0 bg-muted p-0 shadow-md'\n  const tokens = selected?.tokens ?? null\n  const pages = selected?.pages ?? null\n  const isDanger = tokens != null && tokens > TOKEN_DANGER_THRESHOLD\n  const isWarning = tokens != null && tokens > TOKEN_WARNING_THRESHOLD && !isDanger\n\n  return (\n    <div data-slot=\"document-picker\">\n      {multi ? (\n        // The input IS the anchor: the list opens beneath the row as soon as it is focused or\n        // typed into. cmdk's context reaches the portaled list, so arrows/Enter still drive it.\n        <Command>\n          <Popover open={open} onOpenChange={setOpen}>\n            <PopoverAnchor asChild>\n              <div\n                ref={anchorRef}\n                className=\"flex h-9 w-full items-center gap-2 rounded-md border border-input bg-transparent px-3 shadow-sm transition-colors focus-within:ring-1 focus-within:ring-ring pointer-coarse:h-11\"\n                data-testid=\"document-combobox-trigger\"\n              >\n                <Search className=\"size-4 shrink-0 opacity-50\" />\n                <CommandPrimitive.Input\n                  placeholder={l.placeholder}\n                  aria-expanded={open}\n                  className=\"h-full w-full bg-transparent text-base outline-none placeholder:text-muted-foreground md:text-sm\"\n                  onFocus={() => setOpen(true)}\n                  onValueChange={() => setOpen(true)}\n                  onKeyDown={(e) => {\n                    if (e.key === 'ArrowDown' || e.key === 'ArrowUp') setOpen(true)\n                    if (e.key === 'Escape') setOpen(false)\n                  }}\n                  data-testid=\"document-combobox-search\"\n                />\n              </div>\n            </PopoverAnchor>\n            <PopoverContent\n              className={contentClass}\n              align=\"start\"\n              // Focus stays in the inline input, and opening a document hands focus to the viewer:\n              // neither may count as an outside click. Pointer-downs in the viewer, dialogs and\n              // poppers are ignored; Escape and any other outside click still close the list.\n              onOpenAutoFocus={(e) => e.preventDefault()}\n              onFocusOutside={(e) => e.preventDefault()}\n              onInteractOutside={(e) => {\n                const target = e.target as Element | null\n                if (\n                  anchorRef.current?.contains(target) ||\n                  target?.closest(\n                    '[data-testid=\"parsed-viewer\"], [role=\"dialog\"], [data-radix-popper-content-wrapper]'\n                  )\n                ) {\n                  e.preventDefault()\n                }\n              }}\n            >\n              <CommandList className={listClassName}>{renderGroups()}</CommandList>\n            </PopoverContent>\n          </Popover>\n        </Command>\n      ) : (\n        <Popover open={open} onOpenChange={setOpen}>\n          <PopoverTrigger asChild>\n            <button\n              type=\"button\"\n              role=\"combobox\"\n              aria-expanded={open}\n              className={cn(\n                'flex h-9 w-full items-center justify-between rounded-md border border-input bg-transparent px-3 py-1 text-base shadow-sm transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring md:text-sm pointer-coarse:h-11',\n                !value && 'text-muted-foreground'\n              )}\n              data-testid=\"document-combobox-trigger\"\n            >\n              <span className=\"truncate\">{selected?.title || l.placeholder}</span>\n              <ChevronsUpDown className=\"ml-2 size-4 shrink-0 opacity-50\" />\n            </button>\n          </PopoverTrigger>\n          <PopoverContent className={contentClass} align=\"start\">\n            <Command>\n              <CommandInput placeholder={l.searchDocuments} />\n              <CommandList className={listClassName}>{renderGroups()}</CommandList>\n            </Command>\n          </PopoverContent>\n        </Popover>\n      )}\n\n      {selected && (\n        <div className=\"mt-2 space-y-1\" data-testid=\"document-combobox-info\">\n          <p className=\"text-sm text-muted-foreground\">\n            {pages != null && <span>{l.pages(pages)}</span>}\n            {pages != null && tokens != null && <span> · </span>}\n            {tokens != null && <span>{l.tokens(tokens)}</span>}\n          </p>\n          {isWarning && (\n            <p\n              className=\"flex items-center gap-1.5 text-sm text-yellow-text\"\n              data-testid=\"document-combobox-warning\"\n            >\n              <TriangleAlert className=\"size-3.5 shrink-0\" />\n              {l.largeDocument}\n            </p>\n          )}\n          {isDanger && (\n            <p\n              className=\"flex items-center gap-1.5 text-sm text-red-text\"\n              data-testid=\"document-combobox-danger\"\n            >\n              <TriangleAlert className=\"size-3.5 shrink-0\" />\n              {l.tooLong}\n            </p>\n          )}\n        </div>\n      )}\n    </div>\n  )\n}\n"]}

package/dist/chunk-WNDIVNPT.js

@@ -0,0 +1,207 @@
+"use client";
+import { useMemo, useState, useEffect, useRef } from 'react';
+import { Search, ChevronsUpDown, TriangleAlert, Check } from 'lucide-react';
+import { Command as Command$1 } from 'cmdk';
+import { Command, Popover, PopoverAnchor, PopoverContent, CommandList, PopoverTrigger, cn, CommandInput, CommandEmpty, CommandGroup, CommandItem, getDocIcon, Checkbox } from '@arbidocs/react/ui';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+
+// src/settings/DocumentPicker.tsx
+var TOKEN_WARNING_THRESHOLD = 15e4;
+var TOKEN_DANGER_THRESHOLD = 19e4;
+var DEFAULT_DOCUMENT_PICKER_LABELS = {
+  placeholder: "Select a document",
+  searchDocuments: "Search documents...",
+  noDocuments: "No documents found.",
+  selectedAsSource: "Selected as source",
+  selectAsSource: "Select as source",
+  largeDocument: "Large document \u2014 may take longer to process",
+  tooLong: "Document is too long to be read in its entirety",
+  pages: (n) => `${n.toLocaleString()} pages`,
+  tokens: (n) => `${n.toLocaleString()} tokens`
+};
+function DocumentPicker({
+  groups,
+  value,
+  onValueChange,
+  selected,
+  selectedIds,
+  onOpenDocument,
+  viewingId,
+  forceClosed = false,
+  listClassName,
+  labels
+}) {
+  const l = useMemo(() => ({ ...DEFAULT_DOCUMENT_PICKER_LABELS, ...labels }), [labels]);
+  const multi = selectedIds !== void 0;
+  const isChosen = (id) => multi ? selectedIds.includes(id) : value === id;
+  const [open, setOpen] = useState(false);
+  useEffect(() => {
+    if (forceClosed) setOpen(false);
+  }, [forceClosed]);
+  const anchorRef = useRef(null);
+  const leadingControl = (id) => onOpenDocument ? (
+    // cmdk selects a row on click and prevents its mousedown (to keep input focus), which would
+    // swallow a checkbox press. Stopping the events lets the checkbox toggle on its own.
+    /* @__PURE__ */ jsx(
+      "span",
+      {
+        className: "mr-2 flex items-center",
+        onClick: (e) => e.stopPropagation(),
+        onMouseDown: (e) => e.stopPropagation(),
+        onPointerDown: (e) => e.stopPropagation(),
+        children: /* @__PURE__ */ jsx(
+          Checkbox,
+          {
+            checked: isChosen(id),
+            onCheckedChange: () => onValueChange(id),
+            "aria-label": isChosen(id) ? l.selectedAsSource : l.selectAsSource,
+            "data-testid": `document-combobox-select-${id}`
+          }
+        )
+      }
+    )
+  ) : /* @__PURE__ */ jsx(Check, { className: cn("mr-2 size-4", isChosen(id) ? "opacity-100" : "opacity-0") });
+  const itemClass = (id) => cn(
+    onOpenDocument && "cursor-pointer",
+    onOpenDocument && isChosen(id) && "bg-primary/10 aria-selected:bg-primary/15",
+    // Inverted so the open one is unmistakable, over cmdk's own hover tint.
+    viewingId === id && "bg-foreground text-background data-[selected=true]:bg-foreground data-[selected=true]:text-background"
+  );
+  const renderGroups = () => /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(CommandEmpty, { children: l.noDocuments }),
+    groups.map((group) => /* @__PURE__ */ jsx(CommandGroup, { heading: group.heading, children: group.docs.map((doc) => /* @__PURE__ */ jsxs(
+      CommandItem,
+      {
+        value: doc.id,
+        keywords: [doc.title],
+        className: itemClass(doc.id),
+        onSelect: () => {
+          if (onOpenDocument) {
+            onOpenDocument(doc.id);
+            return;
+          }
+          onValueChange(doc.id);
+          if (!multi) setOpen(false);
+        },
+        children: [
+          leadingControl(doc.id),
+          /* @__PURE__ */ jsx("span", { className: "mr-2 flex shrink-0 items-center", children: getDocIcon(doc.fileName ?? void 0) }),
+          /* @__PURE__ */ jsx("span", { className: cn("truncate", onOpenDocument && "hover:underline"), children: doc.title })
+        ]
+      },
+      doc.id
+    )) }, group.id))
+  ] });
+  const contentClass = "w-[var(--radix-popover-trigger-width)] border-0 bg-muted p-0 shadow-md";
+  const tokens = selected?.tokens ?? null;
+  const pages = selected?.pages ?? null;
+  const isDanger = tokens != null && tokens > TOKEN_DANGER_THRESHOLD;
+  const isWarning = tokens != null && tokens > TOKEN_WARNING_THRESHOLD && !isDanger;
+  return /* @__PURE__ */ jsxs("div", { "data-slot": "document-picker", children: [
+    multi ? (
+      // The input IS the anchor: the list opens beneath the row as soon as it is focused or
+      // typed into. cmdk's context reaches the portaled list, so arrows/Enter still drive it.
+      /* @__PURE__ */ jsx(Command, { children: /* @__PURE__ */ jsxs(Popover, { open, onOpenChange: setOpen, children: [
+        /* @__PURE__ */ jsx(PopoverAnchor, { asChild: true, children: /* @__PURE__ */ jsxs(
+          "div",
+          {
+            ref: anchorRef,
+            className: "flex h-9 w-full items-center gap-2 rounded-md border border-input bg-transparent px-3 shadow-sm transition-colors focus-within:ring-1 focus-within:ring-ring pointer-coarse:h-11",
+            "data-testid": "document-combobox-trigger",
+            children: [
+              /* @__PURE__ */ jsx(Search, { className: "size-4 shrink-0 opacity-50" }),
+              /* @__PURE__ */ jsx(
+                Command$1.Input,
+                {
+                  placeholder: l.placeholder,
+                  "aria-expanded": open,
+                  className: "h-full w-full bg-transparent text-base outline-none placeholder:text-muted-foreground md:text-sm",
+                  onFocus: () => setOpen(true),
+                  onValueChange: () => setOpen(true),
+                  onKeyDown: (e) => {
+                    if (e.key === "ArrowDown" || e.key === "ArrowUp") setOpen(true);
+                    if (e.key === "Escape") setOpen(false);
+                  },
+                  "data-testid": "document-combobox-search"
+                }
+              )
+            ]
+          }
+        ) }),
+        /* @__PURE__ */ jsx(
+          PopoverContent,
+          {
+            className: contentClass,
+            align: "start",
+            onOpenAutoFocus: (e) => e.preventDefault(),
+            onFocusOutside: (e) => e.preventDefault(),
+            onInteractOutside: (e) => {
+              const target = e.target;
+              if (anchorRef.current?.contains(target) || target?.closest(
+                '[data-testid="parsed-viewer"], [role="dialog"], [data-radix-popper-content-wrapper]'
+              )) {
+                e.preventDefault();
+              }
+            },
+            children: /* @__PURE__ */ jsx(CommandList, { className: listClassName, children: renderGroups() })
+          }
+        )
+      ] }) })
+    ) : /* @__PURE__ */ jsxs(Popover, { open, onOpenChange: setOpen, children: [
+      /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+        "button",
+        {
+          type: "button",
+          role: "combobox",
+          "aria-expanded": open,
+          className: cn(
+            "flex h-9 w-full items-center justify-between rounded-md border border-input bg-transparent px-3 py-1 text-base shadow-sm transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring md:text-sm pointer-coarse:h-11",
+            !value && "text-muted-foreground"
+          ),
+          "data-testid": "document-combobox-trigger",
+          children: [
+            /* @__PURE__ */ jsx("span", { className: "truncate", children: selected?.title || l.placeholder }),
+            /* @__PURE__ */ jsx(ChevronsUpDown, { className: "ml-2 size-4 shrink-0 opacity-50" })
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ jsx(PopoverContent, { className: contentClass, align: "start", children: /* @__PURE__ */ jsxs(Command, { children: [
+        /* @__PURE__ */ jsx(CommandInput, { placeholder: l.searchDocuments }),
+        /* @__PURE__ */ jsx(CommandList, { className: listClassName, children: renderGroups() })
+      ] }) })
+    ] }),
+    selected && /* @__PURE__ */ jsxs("div", { className: "mt-2 space-y-1", "data-testid": "document-combobox-info", children: [
+      /* @__PURE__ */ jsxs("p", { className: "text-sm text-muted-foreground", children: [
+        pages != null && /* @__PURE__ */ jsx("span", { children: l.pages(pages) }),
+        pages != null && tokens != null && /* @__PURE__ */ jsx("span", { children: " \xB7 " }),
+        tokens != null && /* @__PURE__ */ jsx("span", { children: l.tokens(tokens) })
+      ] }),
+      isWarning && /* @__PURE__ */ jsxs(
+        "p",
+        {
+          className: "flex items-center gap-1.5 text-sm text-yellow-text",
+          "data-testid": "document-combobox-warning",
+          children: [
+            /* @__PURE__ */ jsx(TriangleAlert, { className: "size-3.5 shrink-0" }),
+            l.largeDocument
+          ]
+        }
+      ),
+      isDanger && /* @__PURE__ */ jsxs(
+        "p",
+        {
+          className: "flex items-center gap-1.5 text-sm text-red-text",
+          "data-testid": "document-combobox-danger",
+          children: [
+            /* @__PURE__ */ jsx(TriangleAlert, { className: "size-3.5 shrink-0" }),
+            l.tooLong
+          ]
+        }
+      )
+    ] })
+  ] });
+}
+
+export { DEFAULT_DOCUMENT_PICKER_LABELS, DocumentPicker };
+//# sourceMappingURL=chunk-WNDIVNPT.js.map
+//# sourceMappingURL=chunk-WNDIVNPT.js.map

package/dist/chunk-WNDIVNPT.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/settings/DocumentPicker.tsx"],"names":["CommandPrimitive"],"mappings":"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","file":"chunk-WNDIVNPT.js","sourcesContent":["import { useEffect, useMemo, useRef, useState, type ReactNode } from 'react'\nimport { Check, ChevronsUpDown, Search, TriangleAlert } from 'lucide-react'\nimport { Command as CommandPrimitive } from 'cmdk'\nimport {\n  Checkbox,\n  Command,\n  CommandEmpty,\n  CommandGroup,\n  CommandInput,\n  CommandItem,\n  CommandList,\n  Popover,\n  PopoverAnchor,\n  PopoverContent,\n  PopoverTrigger,\n  cn,\n  getDocIcon,\n} from '@arbidocs/react/ui'\n\nconst TOKEN_WARNING_THRESHOLD = 150_000\nconst TOKEN_DANGER_THRESHOLD = 190_000\n\n/** A document the picker can offer. `pages`/`tokens` are null for images and unparsed files. */\nexport interface PickerDocument {\n  id: string\n  title: string\n  fileName?: string | null\n  pages?: number | null\n  tokens?: number | null\n}\n\n/** A heading with its documents, already sorted. A group without heading is unlabeled. */\nexport interface PickerGroup {\n  id: string\n  heading?: string\n  docs: PickerDocument[]\n}\n\n/** Every fixed string of the document picker. */\nexport interface DocumentPickerLabels {\n  placeholder: string\n  searchDocuments: string\n  noDocuments: string\n  selectedAsSource: string\n  selectAsSource: string\n  largeDocument: string\n  tooLong: string\n  pages: (n: number) => string\n  tokens: (n: number) => string\n}\n\nexport const DEFAULT_DOCUMENT_PICKER_LABELS: DocumentPickerLabels = {\n  placeholder: 'Select a document',\n  searchDocuments: 'Search documents...',\n  noDocuments: 'No documents found.',\n  selectedAsSource: 'Selected as source',\n  selectAsSource: 'Select as source',\n  largeDocument: 'Large document — may take longer to process',\n  tooLong: 'Document is too long to be read in its entirety',\n  pages: (n) => `${n.toLocaleString()} pages`,\n  tokens: (n) => `${n.toLocaleString()} tokens`,\n}\n\nexport interface DocumentPickerProps {\n  groups: PickerGroup[]\n  /** The picked document (single mode). */\n  value: string\n  onValueChange: (id: string) => void\n  /** The picked document's details, shown under the picker (pages, tokens, size warnings). */\n  selected?: PickerDocument\n  /**\n   * Ids already chosen. Supplying this switches to MULTI mode: the search box is inline, the\n   * list stays open on select and ticks what is in.\n   */\n  selectedIds?: string[]\n  /**\n   * Splits each row in two: a click OPENS the document (this callback) and a leading checkbox\n   * selects it as a source via `onValueChange`. Requires `selectedIds`.\n   */\n  onOpenDocument?: (id: string) => void\n  /** The document open in the viewer: its row is inverted (multi mode). */\n  viewingId?: string | null\n  /** While true the list is shut (a neighbouring popup must not overlay it). */\n  forceClosed?: boolean\n  /** Extra classes of the results list, e.g. a taller `max-h-*` when the picker is the surface. */\n  listClassName?: string\n  labels?: Partial<DocumentPickerLabels>\n}\n\n/**\n * Searchable document picker. Single mode is a button that opens a searchable list; multi mode\n * puts the search inline. After a pick it shows page/token counts with size warnings.\n */\nexport function DocumentPicker({\n  groups,\n  value,\n  onValueChange,\n  selected,\n  selectedIds,\n  onOpenDocument,\n  viewingId,\n  forceClosed = false,\n  listClassName,\n  labels,\n}: DocumentPickerProps) {\n  const l = useMemo(() => ({ ...DEFAULT_DOCUMENT_PICKER_LABELS, ...labels }), [labels])\n  const multi = selectedIds !== undefined\n  const isChosen = (id: string) => (multi ? selectedIds.includes(id) : value === id)\n  const [open, setOpen] = useState(false)\n  useEffect(() => {\n    if (forceClosed) setOpen(false)\n  }, [forceClosed])\n  const anchorRef = useRef<HTMLDivElement>(null)\n\n  // A real checkbox when rows open on click; otherwise the tick that mirrors the pick.\n  const leadingControl = (id: string): ReactNode =>\n    onOpenDocument ? (\n      // cmdk selects a row on click and prevents its mousedown (to keep input focus), which would\n      // swallow a checkbox press. Stopping the events lets the checkbox toggle on its own.\n      <span\n        className=\"mr-2 flex items-center\"\n        onClick={(e) => e.stopPropagation()}\n        onMouseDown={(e) => e.stopPropagation()}\n        onPointerDown={(e) => e.stopPropagation()}\n      >\n        <Checkbox\n          checked={isChosen(id)}\n          onCheckedChange={() => onValueChange(id)}\n          aria-label={isChosen(id) ? l.selectedAsSource : l.selectAsSource}\n          data-testid={`document-combobox-select-${id}`}\n        />\n      </span>\n    ) : (\n      <Check className={cn('mr-2 size-4', isChosen(id) ? 'opacity-100' : 'opacity-0')} />\n    )\n\n  const itemClass = (id: string) =>\n    cn(\n      onOpenDocument && 'cursor-pointer',\n      onOpenDocument && isChosen(id) && 'bg-primary/10 aria-selected:bg-primary/15',\n      // Inverted so the open one is unmistakable, over cmdk's own hover tint.\n      viewingId === id &&\n        'bg-foreground text-background data-[selected=true]:bg-foreground data-[selected=true]:text-background'\n    )\n\n  const renderGroups = () => (\n    <>\n      <CommandEmpty>{l.noDocuments}</CommandEmpty>\n      {groups.map((group) => (\n        <CommandGroup key={group.id} heading={group.heading}>\n          {group.docs.map((doc) => (\n            <CommandItem\n              key={doc.id}\n              // Identity is the id: two documents can share a name, and a title-valued item would\n              // make cmdk treat them as one. The title stays searchable via keywords.\n              value={doc.id}\n              keywords={[doc.title]}\n              className={itemClass(doc.id)}\n              onSelect={() => {\n                if (onOpenDocument) {\n                  onOpenDocument(doc.id)\n                  return\n                }\n                onValueChange(doc.id)\n                if (!multi) setOpen(false)\n              }}\n            >\n              {leadingControl(doc.id)}\n              <span className=\"mr-2 flex shrink-0 items-center\">\n                {getDocIcon(doc.fileName ?? undefined)}\n              </span>\n              <span className={cn('truncate', onOpenDocument && 'hover:underline')}>\n                {doc.title}\n              </span>\n            </CommandItem>\n          ))}\n        </CommandGroup>\n      ))}\n    </>\n  )\n\n  const contentClass = 'w-[var(--radix-popover-trigger-width)] border-0 bg-muted p-0 shadow-md'\n  const tokens = selected?.tokens ?? null\n  const pages = selected?.pages ?? null\n  const isDanger = tokens != null && tokens > TOKEN_DANGER_THRESHOLD\n  const isWarning = tokens != null && tokens > TOKEN_WARNING_THRESHOLD && !isDanger\n\n  return (\n    <div data-slot=\"document-picker\">\n      {multi ? (\n        // The input IS the anchor: the list opens beneath the row as soon as it is focused or\n        // typed into. cmdk's context reaches the portaled list, so arrows/Enter still drive it.\n        <Command>\n          <Popover open={open} onOpenChange={setOpen}>\n            <PopoverAnchor asChild>\n              <div\n                ref={anchorRef}\n                className=\"flex h-9 w-full items-center gap-2 rounded-md border border-input bg-transparent px-3 shadow-sm transition-colors focus-within:ring-1 focus-within:ring-ring pointer-coarse:h-11\"\n                data-testid=\"document-combobox-trigger\"\n              >\n                <Search className=\"size-4 shrink-0 opacity-50\" />\n                <CommandPrimitive.Input\n                  placeholder={l.placeholder}\n                  aria-expanded={open}\n                  className=\"h-full w-full bg-transparent text-base outline-none placeholder:text-muted-foreground md:text-sm\"\n                  onFocus={() => setOpen(true)}\n                  onValueChange={() => setOpen(true)}\n                  onKeyDown={(e) => {\n                    if (e.key === 'ArrowDown' || e.key === 'ArrowUp') setOpen(true)\n                    if (e.key === 'Escape') setOpen(false)\n                  }}\n                  data-testid=\"document-combobox-search\"\n                />\n              </div>\n            </PopoverAnchor>\n            <PopoverContent\n              className={contentClass}\n              align=\"start\"\n              // Focus stays in the inline input, and opening a document hands focus to the viewer:\n              // neither may count as an outside click. Pointer-downs in the viewer, dialogs and\n              // poppers are ignored; Escape and any other outside click still close the list.\n              onOpenAutoFocus={(e) => e.preventDefault()}\n              onFocusOutside={(e) => e.preventDefault()}\n              onInteractOutside={(e) => {\n                const target = e.target as Element | null\n                if (\n                  anchorRef.current?.contains(target) ||\n                  target?.closest(\n                    '[data-testid=\"parsed-viewer\"], [role=\"dialog\"], [data-radix-popper-content-wrapper]'\n                  )\n                ) {\n                  e.preventDefault()\n                }\n              }}\n            >\n              <CommandList className={listClassName}>{renderGroups()}</CommandList>\n            </PopoverContent>\n          </Popover>\n        </Command>\n      ) : (\n        <Popover open={open} onOpenChange={setOpen}>\n          <PopoverTrigger asChild>\n            <button\n              type=\"button\"\n              role=\"combobox\"\n              aria-expanded={open}\n              className={cn(\n                'flex h-9 w-full items-center justify-between rounded-md border border-input bg-transparent px-3 py-1 text-base shadow-sm transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring md:text-sm pointer-coarse:h-11',\n                !value && 'text-muted-foreground'\n              )}\n              data-testid=\"document-combobox-trigger\"\n            >\n              <span className=\"truncate\">{selected?.title || l.placeholder}</span>\n              <ChevronsUpDown className=\"ml-2 size-4 shrink-0 opacity-50\" />\n            </button>\n          </PopoverTrigger>\n          <PopoverContent className={contentClass} align=\"start\">\n            <Command>\n              <CommandInput placeholder={l.searchDocuments} />\n              <CommandList className={listClassName}>{renderGroups()}</CommandList>\n            </Command>\n          </PopoverContent>\n        </Popover>\n      )}\n\n      {selected && (\n        <div className=\"mt-2 space-y-1\" data-testid=\"document-combobox-info\">\n          <p className=\"text-sm text-muted-foreground\">\n            {pages != null && <span>{l.pages(pages)}</span>}\n            {pages != null && tokens != null && <span> · </span>}\n            {tokens != null && <span>{l.tokens(tokens)}</span>}\n          </p>\n          {isWarning && (\n            <p\n              className=\"flex items-center gap-1.5 text-sm text-yellow-text\"\n              data-testid=\"document-combobox-warning\"\n            >\n              <TriangleAlert className=\"size-3.5 shrink-0\" />\n              {l.largeDocument}\n            </p>\n          )}\n          {isDanger && (\n            <p\n              className=\"flex items-center gap-1.5 text-sm text-red-text\"\n              data-testid=\"document-combobox-danger\"\n            >\n              <TriangleAlert className=\"size-3.5 shrink-0\" />\n              {l.tooLong}\n            </p>\n          )}\n        </div>\n      )}\n    </div>\n  )\n}\n"]}

package/dist/{chunk-6HPBSKXG.cjs → chunk-XUKQQCOK.cjs}

@@ -1,7 +1,7 @@
 "use client";
 'use strict';
 
-var chunkPSTA227J_cjs = require('./chunk-PSTA227J.cjs');
+var chunkNG6AGVZ4_cjs = require('./chunk-NG6AGVZ4.cjs');
 var chunkZVJA66P7_cjs = require('./chunk-ZVJA66P7.cjs');
 var jsxRuntime = require('react/jsx-runtime');
 
@@ -9,10 +9,10 @@ function ConnectedNativeDocxComparison({
   fontBaseUrl,
   ...props
 }) {
-  const adapter = chunkPSTA227J_cjs.useConnectedNativeDocxAdapter(fontBaseUrl);
+  const adapter = chunkNG6AGVZ4_cjs.useConnectedNativeDocxAdapter(fontBaseUrl);
   return /* @__PURE__ */ jsxRuntime.jsx(chunkZVJA66P7_cjs.NativeDocxComparison, { ...props, adapter, onCompared: adapter.onVersionSaved });
 }
 
 exports.ConnectedNativeDocxComparison = ConnectedNativeDocxComparison;
-//# sourceMappingURL=chunk-6HPBSKXG.cjs.map
-//# sourceMappingURL=chunk-6HPBSKXG.cjs.map
+//# sourceMappingURL=chunk-XUKQQCOK.cjs.map
+//# sourceMappingURL=chunk-XUKQQCOK.cjs.map

package/dist/{chunk-6HPBSKXG.cjs.map → chunk-XUKQQCOK.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/connection/docx/ConnectedNativeDocxComparison.tsx"],"names":["useConnectedNativeDocxAdapter","NativeDocxComparison"],"mappings":";;;;;;AAOO,SAAS,6BAAA,CAA8B;AAAA,EAC5C,WAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAyF;AACvF,EAAA,MAAM,OAAA,GAAUA,gDAA8B,WAAW,CAAA;AACzD,EAAA,sCAAQC,sCAAA,EAAA,EAAsB,GAAG,OAAO,OAAA,EAAkB,UAAA,EAAY,QAAQ,cAAA,EAAgB,CAAA;AAChG","file":"chunk-6HPBSKXG.cjs","sourcesContent":["import {\n  NativeDocxComparison,\n  type NativeDocxComparisonProps,\n} from '../../docx/NativeDocxComparison'\nimport { useConnectedNativeDocxAdapter } from './ConnectedNativeDocxEditor'\n\n/** The Word redline of two documents or versions, on the signed-in session. */\nexport function ConnectedNativeDocxComparison({\n  fontBaseUrl,\n  ...props\n}: Omit<NativeDocxComparisonProps, 'adapter' | 'onCompared'> & { fontBaseUrl?: string }) {\n  const adapter = useConnectedNativeDocxAdapter(fontBaseUrl)\n  return <NativeDocxComparison {...props} adapter={adapter} onCompared={adapter.onVersionSaved} />\n}\n"]}
+{"version":3,"sources":["../src/connection/docx/ConnectedNativeDocxComparison.tsx"],"names":["useConnectedNativeDocxAdapter","NativeDocxComparison"],"mappings":";;;;;;AAOO,SAAS,6BAAA,CAA8B;AAAA,EAC5C,WAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAyF;AACvF,EAAA,MAAM,OAAA,GAAUA,gDAA8B,WAAW,CAAA;AACzD,EAAA,sCAAQC,sCAAA,EAAA,EAAsB,GAAG,OAAO,OAAA,EAAkB,UAAA,EAAY,QAAQ,cAAA,EAAgB,CAAA;AAChG","file":"chunk-XUKQQCOK.cjs","sourcesContent":["import {\n  NativeDocxComparison,\n  type NativeDocxComparisonProps,\n} from '../../docx/NativeDocxComparison'\nimport { useConnectedNativeDocxAdapter } from './ConnectedNativeDocxEditor'\n\n/** The Word redline of two documents or versions, on the signed-in session. */\nexport function ConnectedNativeDocxComparison({\n  fontBaseUrl,\n  ...props\n}: Omit<NativeDocxComparisonProps, 'adapter' | 'onCompared'> & { fontBaseUrl?: string }) {\n  const adapter = useConnectedNativeDocxAdapter(fontBaseUrl)\n  return <NativeDocxComparison {...props} adapter={adapter} onCompared={adapter.onVersionSaved} />\n}\n"]}

package/dist/connect/docx.cjs

@@ -1,9 +1,9 @@
 "use client";
 'use strict';
 
-var chunk6HPBSKXG_cjs = require('../chunk-6HPBSKXG.cjs');
-var chunkTUODUKDK_cjs = require('../chunk-TUODUKDK.cjs');
-var chunkPSTA227J_cjs = require('../chunk-PSTA227J.cjs');
+var chunkXUKQQCOK_cjs = require('../chunk-XUKQQCOK.cjs');
+var chunkDP4GMPI3_cjs = require('../chunk-DP4GMPI3.cjs');
+var chunkNG6AGVZ4_cjs = require('../chunk-NG6AGVZ4.cjs');
 require('../chunk-ZVJA66P7.cjs');
 require('../chunk-Z2CVGUWR.cjs');
 require('../chunk-464YPRAE.cjs');
@@ -12,14 +12,15 @@ require('../chunk-5FYU7ZIU.cjs');
 require('../chunk-JPWPR6QU.cjs');
 require('../chunk-QT3A4PFC.cjs');
 require('../chunk-RC25WMVB.cjs');
-require('../chunk-M6Z7HTJ2.cjs');
+require('../chunk-6TE3QA3Y.cjs');
 require('../chunk-BYCGAAV5.cjs');
-require('../chunk-2VHYOTWW.cjs');
+require('../chunk-AQPZ4QMV.cjs');
 require('../chunk-V4ISCZJ7.cjs');
 require('../chunk-AHDJXIUB.cjs');
 require('../chunk-2EI7NCUA.cjs');
 require('../chunk-HSAEIBRA.cjs');
 require('../chunk-C2CWWEHO.cjs');
+require('../chunk-VZOOGA47.cjs');
 require('../chunk-QGSVHWXR.cjs');
 require('../chunk-3LDVSHRD.cjs');
 require('../chunk-MB3S2ETI.cjs');
@@ -41,19 +42,19 @@ require('../chunk-DES3K4SD.cjs');
 
 Object.defineProperty(exports, "ConnectedNativeDocxComparison", {
   enumerable: true,
-  get: function () { return chunk6HPBSKXG_cjs.ConnectedNativeDocxComparison; }
+  get: function () { return chunkXUKQQCOK_cjs.ConnectedNativeDocxComparison; }
 });
 Object.defineProperty(exports, "ConnectedStreamedWordArtifact", {
   enumerable: true,
-  get: function () { return chunkTUODUKDK_cjs.ConnectedStreamedWordArtifact; }
+  get: function () { return chunkDP4GMPI3_cjs.ConnectedStreamedWordArtifact; }
 });
 Object.defineProperty(exports, "ConnectedNativeDocxEditor", {
   enumerable: true,
-  get: function () { return chunkPSTA227J_cjs.ConnectedNativeDocxEditor; }
+  get: function () { return chunkNG6AGVZ4_cjs.ConnectedNativeDocxEditor; }
 });
 Object.defineProperty(exports, "useConnectedNativeDocxAdapter", {
   enumerable: true,
-  get: function () { return chunkPSTA227J_cjs.useConnectedNativeDocxAdapter; }
+  get: function () { return chunkNG6AGVZ4_cjs.useConnectedNativeDocxAdapter; }
 });
 //# sourceMappingURL=docx.cjs.map
 //# sourceMappingURL=docx.cjs.map