@arbidocs/blocks 0.5.120 → 0.5.122

package/dist/databases/index.cjs

@@ -1,200 +1,200 @@
 "use client";
 'use strict';
 
-var chunk4XJEHKVZ_cjs = require('../chunk-4XJEHKVZ.cjs');
+var chunkPIYYBPHH_cjs = require('../chunk-PIYYBPHH.cjs');
 require('../chunk-BQOL4XNZ.cjs');
-require('../chunk-E7TE2WVT.cjs');
+require('../chunk-ZVEW3JBT.cjs');
 require('../chunk-PLIF5CUV.cjs');
 
 
 
 Object.defineProperty(exports, "ADD_COLUMN_COL_ID", {
   enumerable: true,
-  get: function () { return chunk4XJEHKVZ_cjs.ADD_COLUMN_COL_ID; }
+  get: function () { return chunkPIYYBPHH_cjs.ADD_COLUMN_COL_ID; }
 });
 Object.defineProperty(exports, "COLUMN_TYPE_ICONS", {
   enumerable: true,
-  get: function () { return chunk4XJEHKVZ_cjs.COLUMN_TYPE_ICONS; }
+  get: function () { return chunkPIYYBPHH_cjs.COLUMN_TYPE_ICONS; }
 });
 Object.defineProperty(exports, "COMPUTED_COLUMN_TYPES", {
   enumerable: true,
-  get: function () { return chunk4XJEHKVZ_cjs.COMPUTED_COLUMN_TYPES; }
+  get: function () { return chunkPIYYBPHH_cjs.COMPUTED_COLUMN_TYPES; }
 });
 Object.defineProperty(exports, "DATABASE_COLUMN_TYPES", {
   enumerable: true,
-  get: function () { return chunk4XJEHKVZ_cjs.DATABASE_COLUMN_TYPES; }
+  get: function () { return chunkPIYYBPHH_cjs.DATABASE_COLUMN_TYPES; }
 });
 Object.defineProperty(exports, "DATABASE_ROLLUP_OPS", {
   enumerable: true,
-  get: function () { return chunk4XJEHKVZ_cjs.DATABASE_ROLLUP_OPS; }
+  get: function () { return chunkPIYYBPHH_cjs.DATABASE_ROLLUP_OPS; }
 });
 Object.defineProperty(exports, "DEFAULT_COLUMN_CONFIG_LABELS", {
   enumerable: true,
-  get: function () { return chunk4XJEHKVZ_cjs.DEFAULT_COLUMN_CONFIG_LABELS; }
+  get: function () { return chunkPIYYBPHH_cjs.DEFAULT_COLUMN_CONFIG_LABELS; }
 });
 Object.defineProperty(exports, "DEFAULT_DATABASE_COLUMN_DIALOG_LABELS", {
   enumerable: true,
-  get: function () { return chunk4XJEHKVZ_cjs.DEFAULT_DATABASE_COLUMN_DIALOG_LABELS; }
+  get: function () { return chunkPIYYBPHH_cjs.DEFAULT_DATABASE_COLUMN_DIALOG_LABELS; }
 });
 Object.defineProperty(exports, "DEFAULT_DATABASE_COLUMN_LABELS", {
   enumerable: true,
-  get: function () { return chunk4XJEHKVZ_cjs.DEFAULT_DATABASE_COLUMN_LABELS; }
+  get: function () { return chunkPIYYBPHH_cjs.DEFAULT_DATABASE_COLUMN_LABELS; }
 });
 Object.defineProperty(exports, "DEFAULT_DATABASE_COLUMN_TYPE_LABELS", {
   enumerable: true,
-  get: function () { return chunk4XJEHKVZ_cjs.DEFAULT_DATABASE_COLUMN_TYPE_LABELS; }
+  get: function () { return chunkPIYYBPHH_cjs.DEFAULT_DATABASE_COLUMN_TYPE_LABELS; }
 });
 Object.defineProperty(exports, "DEFAULT_DATABASE_LIST_LABELS", {
   enumerable: true,
-  get: function () { return chunk4XJEHKVZ_cjs.DEFAULT_DATABASE_LIST_LABELS; }
+  get: function () { return chunkPIYYBPHH_cjs.DEFAULT_DATABASE_LIST_LABELS; }
 });
 Object.defineProperty(exports, "DEFAULT_DATABASE_ROW_DETAIL_LABELS", {
   enumerable: true,
-  get: function () { return chunk4XJEHKVZ_cjs.DEFAULT_DATABASE_ROW_DETAIL_LABELS; }
+  get: function () { return chunkPIYYBPHH_cjs.DEFAULT_DATABASE_ROW_DETAIL_LABELS; }
 });
 Object.defineProperty(exports, "DEFAULT_DATABASE_TABLE_LABELS", {
   enumerable: true,
-  get: function () { return chunk4XJEHKVZ_cjs.DEFAULT_DATABASE_TABLE_LABELS; }
+  get: function () { return chunkPIYYBPHH_cjs.DEFAULT_DATABASE_TABLE_LABELS; }
 });
 Object.defineProperty(exports, "DEFAULT_DATABASE_TOOLBAR_LABELS", {
   enumerable: true,
-  get: function () { return chunk4XJEHKVZ_cjs.DEFAULT_DATABASE_TOOLBAR_LABELS; }
+  get: function () { return chunkPIYYBPHH_cjs.DEFAULT_DATABASE_TOOLBAR_LABELS; }
 });
 Object.defineProperty(exports, "DEFAULT_NEW_DATABASE_DIALOG_LABELS", {
   enumerable: true,
-  get: function () { return chunk4XJEHKVZ_cjs.DEFAULT_NEW_DATABASE_DIALOG_LABELS; }
+  get: function () { return chunkPIYYBPHH_cjs.DEFAULT_NEW_DATABASE_DIALOG_LABELS; }
 });
 Object.defineProperty(exports, "DEFAULT_PICK_CELL_EDITOR_LABELS", {
   enumerable: true,
-  get: function () { return chunk4XJEHKVZ_cjs.DEFAULT_PICK_CELL_EDITOR_LABELS; }
+  get: function () { return chunkPIYYBPHH_cjs.DEFAULT_PICK_CELL_EDITOR_LABELS; }
 });
 Object.defineProperty(exports, "DatabaseColumnDialog", {
   enumerable: true,
-  get: function () { return chunk4XJEHKVZ_cjs.DatabaseColumnDialog; }
+  get: function () { return chunkPIYYBPHH_cjs.DatabaseColumnDialog; }
 });
 Object.defineProperty(exports, "DatabaseList", {
   enumerable: true,
-  get: function () { return chunk4XJEHKVZ_cjs.DatabaseList; }
+  get: function () { return chunkPIYYBPHH_cjs.DatabaseList; }
 });
 Object.defineProperty(exports, "DatabaseRowDetail", {
   enumerable: true,
-  get: function () { return chunk4XJEHKVZ_cjs.DatabaseRowDetail; }
+  get: function () { return chunkPIYYBPHH_cjs.DatabaseRowDetail; }
 });
 Object.defineProperty(exports, "DatabaseTable", {
   enumerable: true,
-  get: function () { return chunk4XJEHKVZ_cjs.DatabaseTable; }
+  get: function () { return chunkPIYYBPHH_cjs.DatabaseTable; }
 });
 Object.defineProperty(exports, "DatabaseToolbar", {
   enumerable: true,
-  get: function () { return chunk4XJEHKVZ_cjs.DatabaseToolbar; }
+  get: function () { return chunkPIYYBPHH_cjs.DatabaseToolbar; }
 });
 Object.defineProperty(exports, "LINK_COLUMN_TYPES", {
   enumerable: true,
-  get: function () { return chunk4XJEHKVZ_cjs.LINK_COLUMN_TYPES; }
+  get: function () { return chunkPIYYBPHH_cjs.LINK_COLUMN_TYPES; }
 });
 Object.defineProperty(exports, "LinkChip", {
   enumerable: true,
-  get: function () { return chunk4XJEHKVZ_cjs.LinkChip; }
+  get: function () { return chunkPIYYBPHH_cjs.LinkChip; }
 });
 Object.defineProperty(exports, "LinkChipsCell", {
   enumerable: true,
-  get: function () { return chunk4XJEHKVZ_cjs.LinkChipsCell; }
+  get: function () { return chunkPIYYBPHH_cjs.LinkChipsCell; }
 });
 Object.defineProperty(exports, "LookupCell", {
   enumerable: true,
-  get: function () { return chunk4XJEHKVZ_cjs.LookupCell; }
+  get: function () { return chunkPIYYBPHH_cjs.LookupCell; }
 });
 Object.defineProperty(exports, "NewDatabaseDialog", {
   enumerable: true,
-  get: function () { return chunk4XJEHKVZ_cjs.NewDatabaseDialog; }
+  get: function () { return chunkPIYYBPHH_cjs.NewDatabaseDialog; }
 });
 Object.defineProperty(exports, "OPEN_ROW_COL_ID", {
   enumerable: true,
-  get: function () { return chunk4XJEHKVZ_cjs.OPEN_ROW_COL_ID; }
+  get: function () { return chunkPIYYBPHH_cjs.OPEN_ROW_COL_ID; }
 });
 Object.defineProperty(exports, "PersonCell", {
   enumerable: true,
-  get: function () { return chunk4XJEHKVZ_cjs.PersonCell; }
+  get: function () { return chunkPIYYBPHH_cjs.PersonCell; }
 });
 Object.defineProperty(exports, "PersonChip", {
   enumerable: true,
-  get: function () { return chunk4XJEHKVZ_cjs.PersonChip; }
+  get: function () { return chunkPIYYBPHH_cjs.PersonChip; }
 });
 Object.defineProperty(exports, "PickCellEditor", {
   enumerable: true,
-  get: function () { return chunk4XJEHKVZ_cjs.PickCellEditor; }
+  get: function () { return chunkPIYYBPHH_cjs.PickCellEditor; }
 });
 Object.defineProperty(exports, "SelectCellEditor", {
   enumerable: true,
-  get: function () { return chunk4XJEHKVZ_cjs.SelectCellEditor; }
+  get: function () { return chunkPIYYBPHH_cjs.SelectCellEditor; }
 });
 Object.defineProperty(exports, "SelectChip", {
   enumerable: true,
-  get: function () { return chunk4XJEHKVZ_cjs.SelectChip; }
+  get: function () { return chunkPIYYBPHH_cjs.SelectChip; }
 });
 Object.defineProperty(exports, "canEditColumn", {
   enumerable: true,
-  get: function () { return chunk4XJEHKVZ_cjs.canEditColumn; }
+  get: function () { return chunkPIYYBPHH_cjs.canEditColumn; }
 });
 Object.defineProperty(exports, "cellIds", {
   enumerable: true,
-  get: function () { return chunk4XJEHKVZ_cjs.cellIds; }
+  get: function () { return chunkPIYYBPHH_cjs.cellIds; }
 });
 Object.defineProperty(exports, "cellList", {
   enumerable: true,
-  get: function () { return chunk4XJEHKVZ_cjs.cellList; }
+  get: function () { return chunkPIYYBPHH_cjs.cellList; }
 });
 Object.defineProperty(exports, "columnWidth", {
   enumerable: true,
-  get: function () { return chunk4XJEHKVZ_cjs.columnWidth; }
+  get: function () { return chunkPIYYBPHH_cjs.columnWidth; }
 });
 Object.defineProperty(exports, "compareCells", {
   enumerable: true,
-  get: function () { return chunk4XJEHKVZ_cjs.compareCells; }
+  get: function () { return chunkPIYYBPHH_cjs.compareCells; }
 });
 Object.defineProperty(exports, "createDatabaseColumns", {
   enumerable: true,
-  get: function () { return chunk4XJEHKVZ_cjs.createDatabaseColumns; }
+  get: function () { return chunkPIYYBPHH_cjs.createDatabaseColumns; }
 });
 Object.defineProperty(exports, "formatCell", {
   enumerable: true,
-  get: function () { return chunk4XJEHKVZ_cjs.formatCell; }
+  get: function () { return chunkPIYYBPHH_cjs.formatCell; }
 });
 Object.defineProperty(exports, "formatDateValue", {
   enumerable: true,
-  get: function () { return chunk4XJEHKVZ_cjs.formatDateValue; }
+  get: function () { return chunkPIYYBPHH_cjs.formatDateValue; }
 });
 Object.defineProperty(exports, "formatLookupValue", {
   enumerable: true,
-  get: function () { return chunk4XJEHKVZ_cjs.formatLookupValue; }
+  get: function () { return chunkPIYYBPHH_cjs.formatLookupValue; }
 });
 Object.defineProperty(exports, "formatNumberValue", {
   enumerable: true,
-  get: function () { return chunk4XJEHKVZ_cjs.formatNumberValue; }
+  get: function () { return chunkPIYYBPHH_cjs.formatNumberValue; }
 });
 Object.defineProperty(exports, "isComputedColumn", {
   enumerable: true,
-  get: function () { return chunk4XJEHKVZ_cjs.isComputedColumn; }
+  get: function () { return chunkPIYYBPHH_cjs.isComputedColumn; }
 });
 Object.defineProperty(exports, "optionTone", {
   enumerable: true,
-  get: function () { return chunk4XJEHKVZ_cjs.optionTone; }
+  get: function () { return chunkPIYYBPHH_cjs.optionTone; }
 });
 Object.defineProperty(exports, "rowTitle", {
   enumerable: true,
-  get: function () { return chunk4XJEHKVZ_cjs.rowTitle; }
+  get: function () { return chunkPIYYBPHH_cjs.rowTitle; }
 });
 Object.defineProperty(exports, "sameCellValue", {
   enumerable: true,
-  get: function () { return chunk4XJEHKVZ_cjs.sameCellValue; }
+  get: function () { return chunkPIYYBPHH_cjs.sameCellValue; }
 });
 Object.defineProperty(exports, "titleOf", {
   enumerable: true,
-  get: function () { return chunk4XJEHKVZ_cjs.titleOf; }
+  get: function () { return chunkPIYYBPHH_cjs.titleOf; }
 });
 Object.defineProperty(exports, "toApiValue", {
   enumerable: true,
-  get: function () { return chunk4XJEHKVZ_cjs.toApiValue; }
+  get: function () { return chunkPIYYBPHH_cjs.toApiValue; }
 });
 //# sourceMappingURL=index.cjs.map
 //# sourceMappingURL=index.cjs.map

package/dist/document-tools/DocumentToolButtons.d.ts

@@ -12,6 +12,8 @@ interface ToggleProps {
 }
 /** Annotate mode: highlight, comment, stamp, redact. */
 export declare function AnnotateButton({ active, onClick, compact }: ToggleProps): ReactElement;
+/** Clip mode: drag over a page to show that part of it in the presentation. */
+export declare function ClipButton({ active, onClick, compact }: ToggleProps): ReactElement;
 /** The markup is the default view of a marked-up PDF; this shows the untouched file. */
 export declare function ShowOriginalButton({ active, onClick, compact }: ToggleProps): ReactElement;
 /**

package/dist/document-tools/DocumentToolButtons.js

@@ -1,6 +1,6 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { Download, FileText, PencilLine } from "lucide-react";
+import { Download, FileText, PencilLine, Presentation } from "lucide-react";
 import { Button } from "@arbidocs/react/ui";
 const TOUCH = "pointer-coarse:min-h-11";
 function AnnotateButton({ active, onClick, compact }) {
@@ -23,6 +23,26 @@ function AnnotateButton({ active, onClick, compact }) {
     }
   );
 }
+function ClipButton({ active, onClick, compact }) {
+  return /* @__PURE__ */ jsxs(
+    Button,
+    {
+      type: "button",
+      variant: active ? "default" : "outline",
+      size: compact ? "icon" : "sm",
+      "aria-pressed": active,
+      title: "Clip: drag over a page to show that part in a presentation",
+      "aria-label": "Clip",
+      "data-testid": "clip-toggle",
+      className: TOUCH,
+      onClick,
+      children: [
+        /* @__PURE__ */ jsx(Presentation, { className: "size-4" }),
+        !compact && /* @__PURE__ */ jsx("span", { className: "ml-1", children: "Clip" })
+      ]
+    }
+  );
+}
 function ShowOriginalButton({ active, onClick, compact }) {
   return /* @__PURE__ */ jsxs(
     Button,
@@ -77,6 +97,7 @@ function SignedEditNote() {
 }
 export {
   AnnotateButton,
+  ClipButton,
   DownloadMarkupButton,
   ShowOriginalButton,
   SignedEditNote

package/dist/document-tools/DocumentToolButtons.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/document-tools/DocumentToolButtons.tsx"],
-  "sourcesContent": ["/**\n * The viewer-header buttons of the PDF document tools: Annotate, Show original, Download with\n * markup and Sign. Separate parts so a host can place them among its own header actions. On a\n * narrow (`compact`) header each is icon-only; its accessible name stays.\n */\n\nimport type { ReactElement } from 'react'\nimport { Download, FileText, PencilLine } from 'lucide-react'\nimport { Button } from '@arbidocs/react/ui'\n\nconst TOUCH = 'pointer-coarse:min-h-11'\n\ninterface ToggleProps {\n  /** On (pressed). */\n  active: boolean\n  onClick: () => void\n  compact?: boolean\n}\n\n/** Annotate mode: highlight, comment, stamp, redact. */\nexport function AnnotateButton({ active, onClick, compact }: ToggleProps): ReactElement {\n  return (\n    <Button\n      type=\"button\"\n      variant={active ? 'default' : 'outline'}\n      size={compact ? 'icon' : 'sm'}\n      aria-pressed={active}\n      title=\"Annotate: highlight, comment, stamp, redact\"\n      aria-label=\"Annotate\"\n      data-testid=\"annotate-toggle\"\n      className={TOUCH}\n      onClick={onClick}\n    >\n      <PencilLine className=\"size-4\" />\n      {!compact && <span className=\"ml-1\">Annotate</span>}\n    </Button>\n  )\n}\n\n/** The markup is the default view of a marked-up PDF; this shows the untouched file. */\nexport function ShowOriginalButton({ active, onClick, compact }: ToggleProps): ReactElement {\n  return (\n    <Button\n      type=\"button\"\n      variant={active ? 'default' : 'outline'}\n      size={compact ? 'icon' : 'sm'}\n      aria-pressed={active}\n      title={active ? 'Show the markup again' : 'Show the original, without markup'}\n      aria-label=\"Show original\"\n      data-testid=\"markup-show-original\"\n      className={TOUCH}\n      onClick={onClick}\n    >\n      <FileText className=\"size-4\" />\n      {!compact && <span className=\"ml-1\">Show original</span>}\n    </Button>\n  )\n}\n\n/**\n * \"Download with markup\": the PDF with its annotations, which Acrobat and Preview show. With a\n * `disabledReason` (a signed, locked version) it is off and says why.\n */\nexport function DownloadMarkupButton({\n  onClick,\n  disabledReason,\n}: {\n  onClick: () => void\n  disabledReason?: string\n}): ReactElement {\n  const button = (\n    <Button\n      type=\"button\"\n      variant=\"outline\"\n      size=\"icon\"\n      title={\n        disabledReason ??\n        'Download with markup: the PDF with its annotations (opens in Acrobat or Preview)'\n      }\n      aria-label=\"Download with markup\"\n      aria-description={disabledReason}\n      disabled={!!disabledReason}\n      data-testid=\"markup-download\"\n      className={TOUCH}\n      onClick={onClick}\n    >\n      <Download className=\"size-4\" />\n    </Button>\n  )\n  // A disabled button gets no pointer events, so the reason sits on a wrapper too.\n  return disabledReason ? (\n    <span title={disabledReason} className=\"inline-flex\" data-testid=\"markup-download-locked\">\n      {button}\n    </span>\n  ) : (\n    button\n  )\n}\n\n/** One line where a signed version's content can be edited: an edit is a new, unsigned version. */\nexport function SignedEditNote(): ReactElement {\n  return (\n    <p\n      className=\"border-b px-3 py-1.5 text-xs text-muted-foreground\"\n      data-testid=\"signed-edit-note\"\n    >\n      Editing creates a new unsigned version\n    </p>\n  )\n}\n"],
-  "mappings": ";AAsBI,SAWE,KAXF;AAfJ,SAAS,UAAU,UAAU,kBAAkB;AAC/C,SAAS,cAAc;AAEvB,MAAM,QAAQ;AAUP,SAAS,eAAe,EAAE,QAAQ,SAAS,QAAQ,GAA8B;AACtF,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,SAAS,SAAS,YAAY;AAAA,MAC9B,MAAM,UAAU,SAAS;AAAA,MACzB,gBAAc;AAAA,MACd,OAAM;AAAA,MACN,cAAW;AAAA,MACX,eAAY;AAAA,MACZ,WAAW;AAAA,MACX;AAAA,MAEA;AAAA,4BAAC,cAAW,WAAU,UAAS;AAAA,QAC9B,CAAC,WAAW,oBAAC,UAAK,WAAU,QAAO,sBAAQ;AAAA;AAAA;AAAA,EAC9C;AAEJ;AAGO,SAAS,mBAAmB,EAAE,QAAQ,SAAS,QAAQ,GAA8B;AAC1F,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,SAAS,SAAS,YAAY;AAAA,MAC9B,MAAM,UAAU,SAAS;AAAA,MACzB,gBAAc;AAAA,MACd,OAAO,SAAS,0BAA0B;AAAA,MAC1C,cAAW;AAAA,MACX,eAAY;AAAA,MACZ,WAAW;AAAA,MACX;AAAA,MAEA;AAAA,4BAAC,YAAS,WAAU,UAAS;AAAA,QAC5B,CAAC,WAAW,oBAAC,UAAK,WAAU,QAAO,2BAAa;AAAA;AAAA;AAAA,EACnD;AAEJ;AAMO,SAAS,qBAAqB;AAAA,EACnC;AAAA,EACA;AACF,GAGiB;AACf,QAAM,SACJ;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,OACE,kBACA;AAAA,MAEF,cAAW;AAAA,MACX,oBAAkB;AAAA,MAClB,UAAU,CAAC,CAAC;AAAA,MACZ,eAAY;AAAA,MACZ,WAAW;AAAA,MACX;AAAA,MAEA,8BAAC,YAAS,WAAU,UAAS;AAAA;AAAA,EAC/B;AAGF,SAAO,iBACL,oBAAC,UAAK,OAAO,gBAAgB,WAAU,eAAc,eAAY,0BAC9D,kBACH,IAEA;AAEJ;AAGO,SAAS,iBAA+B;AAC7C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MACV,eAAY;AAAA,MACb;AAAA;AAAA,EAED;AAEJ;",
+  "sourcesContent": ["/**\n * The viewer-header buttons of the PDF document tools: Annotate, Show original, Download with\n * markup and Sign. Separate parts so a host can place them among its own header actions. On a\n * narrow (`compact`) header each is icon-only; its accessible name stays.\n */\n\nimport type { ReactElement } from 'react'\nimport { Download, FileText, PencilLine, Presentation } from 'lucide-react'\nimport { Button } from '@arbidocs/react/ui'\n\nconst TOUCH = 'pointer-coarse:min-h-11'\n\ninterface ToggleProps {\n  /** On (pressed). */\n  active: boolean\n  onClick: () => void\n  compact?: boolean\n}\n\n/** Annotate mode: highlight, comment, stamp, redact. */\nexport function AnnotateButton({ active, onClick, compact }: ToggleProps): ReactElement {\n  return (\n    <Button\n      type=\"button\"\n      variant={active ? 'default' : 'outline'}\n      size={compact ? 'icon' : 'sm'}\n      aria-pressed={active}\n      title=\"Annotate: highlight, comment, stamp, redact\"\n      aria-label=\"Annotate\"\n      data-testid=\"annotate-toggle\"\n      className={TOUCH}\n      onClick={onClick}\n    >\n      <PencilLine className=\"size-4\" />\n      {!compact && <span className=\"ml-1\">Annotate</span>}\n    </Button>\n  )\n}\n\n/** Clip mode: drag over a page to show that part of it in the presentation. */\nexport function ClipButton({ active, onClick, compact }: ToggleProps): ReactElement {\n  return (\n    <Button\n      type=\"button\"\n      variant={active ? 'default' : 'outline'}\n      size={compact ? 'icon' : 'sm'}\n      aria-pressed={active}\n      title=\"Clip: drag over a page to show that part in a presentation\"\n      aria-label=\"Clip\"\n      data-testid=\"clip-toggle\"\n      className={TOUCH}\n      onClick={onClick}\n    >\n      <Presentation className=\"size-4\" />\n      {!compact && <span className=\"ml-1\">Clip</span>}\n    </Button>\n  )\n}\n\n/** The markup is the default view of a marked-up PDF; this shows the untouched file. */\nexport function ShowOriginalButton({ active, onClick, compact }: ToggleProps): ReactElement {\n  return (\n    <Button\n      type=\"button\"\n      variant={active ? 'default' : 'outline'}\n      size={compact ? 'icon' : 'sm'}\n      aria-pressed={active}\n      title={active ? 'Show the markup again' : 'Show the original, without markup'}\n      aria-label=\"Show original\"\n      data-testid=\"markup-show-original\"\n      className={TOUCH}\n      onClick={onClick}\n    >\n      <FileText className=\"size-4\" />\n      {!compact && <span className=\"ml-1\">Show original</span>}\n    </Button>\n  )\n}\n\n/**\n * \"Download with markup\": the PDF with its annotations, which Acrobat and Preview show. With a\n * `disabledReason` (a signed, locked version) it is off and says why.\n */\nexport function DownloadMarkupButton({\n  onClick,\n  disabledReason,\n}: {\n  onClick: () => void\n  disabledReason?: string\n}): ReactElement {\n  const button = (\n    <Button\n      type=\"button\"\n      variant=\"outline\"\n      size=\"icon\"\n      title={\n        disabledReason ??\n        'Download with markup: the PDF with its annotations (opens in Acrobat or Preview)'\n      }\n      aria-label=\"Download with markup\"\n      aria-description={disabledReason}\n      disabled={!!disabledReason}\n      data-testid=\"markup-download\"\n      className={TOUCH}\n      onClick={onClick}\n    >\n      <Download className=\"size-4\" />\n    </Button>\n  )\n  // A disabled button gets no pointer events, so the reason sits on a wrapper too.\n  return disabledReason ? (\n    <span title={disabledReason} className=\"inline-flex\" data-testid=\"markup-download-locked\">\n      {button}\n    </span>\n  ) : (\n    button\n  )\n}\n\n/** One line where a signed version's content can be edited: an edit is a new, unsigned version. */\nexport function SignedEditNote(): ReactElement {\n  return (\n    <p\n      className=\"border-b px-3 py-1.5 text-xs text-muted-foreground\"\n      data-testid=\"signed-edit-note\"\n    >\n      Editing creates a new unsigned version\n    </p>\n  )\n}\n"],
+  "mappings": ";AAsBI,SAWE,KAXF;AAfJ,SAAS,UAAU,UAAU,YAAY,oBAAoB;AAC7D,SAAS,cAAc;AAEvB,MAAM,QAAQ;AAUP,SAAS,eAAe,EAAE,QAAQ,SAAS,QAAQ,GAA8B;AACtF,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,SAAS,SAAS,YAAY;AAAA,MAC9B,MAAM,UAAU,SAAS;AAAA,MACzB,gBAAc;AAAA,MACd,OAAM;AAAA,MACN,cAAW;AAAA,MACX,eAAY;AAAA,MACZ,WAAW;AAAA,MACX;AAAA,MAEA;AAAA,4BAAC,cAAW,WAAU,UAAS;AAAA,QAC9B,CAAC,WAAW,oBAAC,UAAK,WAAU,QAAO,sBAAQ;AAAA;AAAA;AAAA,EAC9C;AAEJ;AAGO,SAAS,WAAW,EAAE,QAAQ,SAAS,QAAQ,GAA8B;AAClF,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,SAAS,SAAS,YAAY;AAAA,MAC9B,MAAM,UAAU,SAAS;AAAA,MACzB,gBAAc;AAAA,MACd,OAAM;AAAA,MACN,cAAW;AAAA,MACX,eAAY;AAAA,MACZ,WAAW;AAAA,MACX;AAAA,MAEA;AAAA,4BAAC,gBAAa,WAAU,UAAS;AAAA,QAChC,CAAC,WAAW,oBAAC,UAAK,WAAU,QAAO,kBAAI;AAAA;AAAA;AAAA,EAC1C;AAEJ;AAGO,SAAS,mBAAmB,EAAE,QAAQ,SAAS,QAAQ,GAA8B;AAC1F,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,SAAS,SAAS,YAAY;AAAA,MAC9B,MAAM,UAAU,SAAS;AAAA,MACzB,gBAAc;AAAA,MACd,OAAO,SAAS,0BAA0B;AAAA,MAC1C,cAAW;AAAA,MACX,eAAY;AAAA,MACZ,WAAW;AAAA,MACX;AAAA,MAEA;AAAA,4BAAC,YAAS,WAAU,UAAS;AAAA,QAC5B,CAAC,WAAW,oBAAC,UAAK,WAAU,QAAO,2BAAa;AAAA;AAAA;AAAA,EACnD;AAEJ;AAMO,SAAS,qBAAqB;AAAA,EACnC;AAAA,EACA;AACF,GAGiB;AACf,QAAM,SACJ;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,OACE,kBACA;AAAA,MAEF,cAAW;AAAA,MACX,oBAAkB;AAAA,MAClB,UAAU,CAAC,CAAC;AAAA,MACZ,eAAY;AAAA,MACZ,WAAW;AAAA,MACX;AAAA,MAEA,8BAAC,YAAS,WAAU,UAAS;AAAA;AAAA,EAC/B;AAGF,SAAO,iBACL,oBAAC,UAAK,OAAO,gBAAgB,WAAU,eAAc,eAAY,0BAC9D,kBACH,IAEA;AAEJ;AAGO,SAAS,iBAA+B;AAC7C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MACV,eAAY;AAAA,MACb;AAAA;AAAA,EAED;AAEJ;",
   "names": []
 }

package/dist/document-tools/index.cjs

@@ -1,7 +1,7 @@
 "use client";
 'use strict';
 
-var chunkYYPZOEED_cjs = require('../chunk-YYPZOEED.cjs');
+var chunkLHWOKOMP_cjs = require('../chunk-LHWOKOMP.cjs');
 var chunkGNZAH6UI_cjs = require('../chunk-GNZAH6UI.cjs');
 var chunkJH6JTI76_cjs = require('../chunk-JH6JTI76.cjs');
 require('../chunk-QQMMCXBP.cjs');
@@ -15,47 +15,51 @@ require('../chunk-PLIF5CUV.cjs');
 
 Object.defineProperty(exports, "AnnotateButton", {
   enumerable: true,
-  get: function () { return chunkYYPZOEED_cjs.AnnotateButton; }
+  get: function () { return chunkLHWOKOMP_cjs.AnnotateButton; }
+});
+Object.defineProperty(exports, "ClipButton", {
+  enumerable: true,
+  get: function () { return chunkLHWOKOMP_cjs.ClipButton; }
 });
 Object.defineProperty(exports, "DEFAULT_VERSION_SNAPSHOT_BAR_LABELS", {
   enumerable: true,
-  get: function () { return chunkYYPZOEED_cjs.DEFAULT_VERSION_SNAPSHOT_BAR_LABELS; }
+  get: function () { return chunkLHWOKOMP_cjs.DEFAULT_VERSION_SNAPSHOT_BAR_LABELS; }
 });
 Object.defineProperty(exports, "DownloadMarkupButton", {
   enumerable: true,
-  get: function () { return chunkYYPZOEED_cjs.DownloadMarkupButton; }
+  get: function () { return chunkLHWOKOMP_cjs.DownloadMarkupButton; }
 });
 Object.defineProperty(exports, "FileShareDialog", {
   enumerable: true,
-  get: function () { return chunkYYPZOEED_cjs.FileShareDialog; }
+  get: function () { return chunkLHWOKOMP_cjs.FileShareDialog; }
 });
 Object.defineProperty(exports, "MarkupNotices", {
   enumerable: true,
-  get: function () { return chunkYYPZOEED_cjs.MarkupNotices; }
+  get: function () { return chunkLHWOKOMP_cjs.MarkupNotices; }
 });
 Object.defineProperty(exports, "MarkupViewNote", {
   enumerable: true,
-  get: function () { return chunkYYPZOEED_cjs.MarkupViewNote; }
+  get: function () { return chunkLHWOKOMP_cjs.MarkupViewNote; }
 });
 Object.defineProperty(exports, "PlaceMySignatureMenuItems", {
   enumerable: true,
-  get: function () { return chunkYYPZOEED_cjs.PlaceMySignatureMenuItems; }
+  get: function () { return chunkLHWOKOMP_cjs.PlaceMySignatureMenuItems; }
 });
 Object.defineProperty(exports, "ShowOriginalButton", {
   enumerable: true,
-  get: function () { return chunkYYPZOEED_cjs.ShowOriginalButton; }
+  get: function () { return chunkLHWOKOMP_cjs.ShowOriginalButton; }
 });
 Object.defineProperty(exports, "SignatureRequestBanner", {
   enumerable: true,
-  get: function () { return chunkYYPZOEED_cjs.SignatureRequestBanner; }
+  get: function () { return chunkLHWOKOMP_cjs.SignatureRequestBanner; }
 });
 Object.defineProperty(exports, "SignedEditNote", {
   enumerable: true,
-  get: function () { return chunkYYPZOEED_cjs.SignedEditNote; }
+  get: function () { return chunkLHWOKOMP_cjs.SignedEditNote; }
 });
 Object.defineProperty(exports, "VersionSnapshotBar", {
   enumerable: true,
-  get: function () { return chunkYYPZOEED_cjs.VersionSnapshotBar; }
+  get: function () { return chunkLHWOKOMP_cjs.VersionSnapshotBar; }
 });
 Object.defineProperty(exports, "DELETE_SAVED_SIGNATURE_TEXT", {
   enumerable: true,

package/dist/document-tools/index.d.ts

@@ -1,4 +1,4 @@
-export { AnnotateButton, DownloadMarkupButton, ShowOriginalButton, SignedEditNote, } from './DocumentToolButtons';
+export { AnnotateButton, ClipButton, DownloadMarkupButton, ShowOriginalButton, SignedEditNote, } from './DocumentToolButtons';
 export { MarkupNotices, type MarkupNoticesProps } from './MarkupNotices';
 export { MarkupViewNote, type MarkupViewNoteProps } from './MarkupViewNote';
 export { SignDocumentDialog, type SignDocumentDialogProps } from './SignDocumentDialog';

package/dist/document-tools/index.js

@@ -1,6 +1,7 @@
 "use client";
 import {
   AnnotateButton,
+  ClipButton,
   DownloadMarkupButton,
   ShowOriginalButton,
   SignedEditNote
@@ -25,6 +26,7 @@ import { FileShareDialog } from "./FileShareDialog.js";
 export {
   AdoptSignatureDialog,
   AnnotateButton,
+  ClipButton,
   DEFAULT_VERSION_SNAPSHOT_BAR_LABELS,
   DELETE_SAVED_SIGNATURE_TEXT,
   DownloadMarkupButton,

package/dist/document-tools/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/document-tools/index.ts"],
-  "sourcesContent": ["// @arbidocs/blocks/document-tools: the light UI of the PDF document tools: header buttons\n// (Annotate, Show original, Download with markup, Sign), the markup notices, the Sign dialog, the\n// signature details and the read-only version bar. Data comes from `@arbidocs/react/document-tools`\n// (`useDocumentMarkup`, `useDocumentSignatures`) and a `<DocumentToolsProvider>`. The viewers that\n// draw on the PDF (and bring in pdf-lib) are the separate, lazily loaded\n// `@arbidocs/blocks/document-tools/viewer` entry.\nexport {\n  AnnotateButton,\n  DownloadMarkupButton,\n  ShowOriginalButton,\n  SignedEditNote,\n} from './DocumentToolButtons'\nexport { MarkupNotices, type MarkupNoticesProps } from './MarkupNotices'\nexport { MarkupViewNote, type MarkupViewNoteProps } from './MarkupViewNote'\nexport { SignDocumentDialog, type SignDocumentDialogProps } from './SignDocumentDialog'\nexport { SignatureStatus, formatSignedAt, type SignatureStatusProps } from './SignatureStatus'\nexport { SignatureCertificate, type SignatureCertificateProps } from './SignatureCertificate'\nexport {\n  DEFAULT_VERSION_SNAPSHOT_BAR_LABELS,\n  VersionSnapshotBar,\n  type VersionSnapshotBarLabels,\n  type VersionSnapshotBarProps,\n} from './VersionSnapshotBar'\nexport {\n  AdoptSignatureDialog,\n  TYPED_SIGNATURE_STYLE,\n  type AdoptSignatureDialogProps,\n  type AdoptedMark,\n} from './AdoptSignatureDialog'\nexport { PlaceMySignatureMenuItems, type PlacedMark } from './PlaceMySignatureMenuItems'\nexport { SavedSignatureSettings, DELETE_SAVED_SIGNATURE_TEXT } from './SavedSignatureSettings'\nexport { SignatureRequestBanner, type SignatureRequestBannerProps } from './SignatureRequestBanner'\nexport { FileShareDialog } from './FileShareDialog'\n"],
-  "mappings": ";AAMA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,qBAA8C;AACvD,SAAS,sBAAgD;AACzD,SAAS,0BAAwD;AACjE,SAAS,iBAAiB,sBAAiD;AAC3E,SAAS,4BAA4D;AACrE;AAAA,EACE;AAAA,EACA;AAAA,OAGK;AACP;AAAA,EACE;AAAA,EACA;AAAA,OAGK;AACP,SAAS,iCAAkD;AAC3D,SAAS,wBAAwB,mCAAmC;AACpE,SAAS,8BAAgE;AACzE,SAAS,uBAAuB;",
+  "sourcesContent": ["// @arbidocs/blocks/document-tools: the light UI of the PDF document tools: header buttons\n// (Annotate, Show original, Download with markup, Sign), the markup notices, the Sign dialog, the\n// signature details and the read-only version bar. Data comes from `@arbidocs/react/document-tools`\n// (`useDocumentMarkup`, `useDocumentSignatures`) and a `<DocumentToolsProvider>`. The viewers that\n// draw on the PDF (and bring in pdf-lib) are the separate, lazily loaded\n// `@arbidocs/blocks/document-tools/viewer` entry.\nexport {\n  AnnotateButton,\n  ClipButton,\n  DownloadMarkupButton,\n  ShowOriginalButton,\n  SignedEditNote,\n} from './DocumentToolButtons'\nexport { MarkupNotices, type MarkupNoticesProps } from './MarkupNotices'\nexport { MarkupViewNote, type MarkupViewNoteProps } from './MarkupViewNote'\nexport { SignDocumentDialog, type SignDocumentDialogProps } from './SignDocumentDialog'\nexport { SignatureStatus, formatSignedAt, type SignatureStatusProps } from './SignatureStatus'\nexport { SignatureCertificate, type SignatureCertificateProps } from './SignatureCertificate'\nexport {\n  DEFAULT_VERSION_SNAPSHOT_BAR_LABELS,\n  VersionSnapshotBar,\n  type VersionSnapshotBarLabels,\n  type VersionSnapshotBarProps,\n} from './VersionSnapshotBar'\nexport {\n  AdoptSignatureDialog,\n  TYPED_SIGNATURE_STYLE,\n  type AdoptSignatureDialogProps,\n  type AdoptedMark,\n} from './AdoptSignatureDialog'\nexport { PlaceMySignatureMenuItems, type PlacedMark } from './PlaceMySignatureMenuItems'\nexport { SavedSignatureSettings, DELETE_SAVED_SIGNATURE_TEXT } from './SavedSignatureSettings'\nexport { SignatureRequestBanner, type SignatureRequestBannerProps } from './SignatureRequestBanner'\nexport { FileShareDialog } from './FileShareDialog'\n"],
+  "mappings": ";AAMA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,qBAA8C;AACvD,SAAS,sBAAgD;AACzD,SAAS,0BAAwD;AACjE,SAAS,iBAAiB,sBAAiD;AAC3E,SAAS,4BAA4D;AACrE;AAAA,EACE;AAAA,EACA;AAAA,OAGK;AACP;AAAA,EACE;AAAA,EACA;AAAA,OAGK;AACP,SAAS,iCAAkD;AAC3D,SAAS,wBAAwB,mCAAmC;AACpE,SAAS,8BAAgE;AACzE,SAAS,uBAAuB;",
   "names": []
 }

package/dist/embed/index.cjs

@@ -1,17 +1,19 @@
 "use client";
 'use strict';
 
-var chunkCKCG4NDB_cjs = require('../chunk-CKCG4NDB.cjs');
-require('../chunk-557MJ4IH.cjs');
-require('../chunk-BP3IJ34D.cjs');
-require('../chunk-3GWWOYGS.cjs');
-require('../chunk-6UTKM5AB.cjs');
+var chunkOHHKBURG_cjs = require('../chunk-OHHKBURG.cjs');
+require('../chunk-XF355M7O.cjs');
+require('../chunk-2F57IO7S.cjs');
+require('../chunk-7NLO7ASW.cjs');
+require('../chunk-7PN3YENO.cjs');
+require('../chunk-UFT22LAB.cjs');
 require('../chunk-TJY7XPDE.cjs');
 require('../chunk-XNW62J54.cjs');
 require('../chunk-KXIRVKCJ.cjs');
-require('../chunk-BUVIBHFU.cjs');
-require('../chunk-NJCK6V6U.cjs');
-require('../chunk-NLSWDP42.cjs');
+require('../chunk-5QERK4PK.cjs');
+require('../chunk-T73BHNQX.cjs');
+require('../chunk-HYUKPHCT.cjs');
+require('../chunk-ALK3PUUB.cjs');
 require('../chunk-223D4727.cjs');
 require('../chunk-SNUBQMIS.cjs');
 require('../chunk-P5AQYC4D.cjs');
@@ -44,7 +46,7 @@ require('../chunk-RL2HI6NP.cjs');
 require('../chunk-6UZC4XVV.cjs');
 require('../chunk-YVCOQHCE.cjs');
 require('../chunk-JV5TVUOU.cjs');
-require('../chunk-E7TE2WVT.cjs');
+require('../chunk-ZVEW3JBT.cjs');
 require('../chunk-V6C2MBFY.cjs');
 require('../chunk-M74FWYNL.cjs');
 require('../chunk-QUMUAJ2P.cjs');
@@ -84,27 +86,27 @@ require('../chunk-PLIF5CUV.cjs');
 
 Object.defineProperty(exports, "ArbiChat", {
   enumerable: true,
-  get: function () { return chunkCKCG4NDB_cjs.ArbiChat; }
+  get: function () { return chunkOHHKBURG_cjs.ArbiChat; }
 });
 Object.defineProperty(exports, "ConnectedCompactLogin", {
   enumerable: true,
-  get: function () { return chunkCKCG4NDB_cjs.ConnectedCompactLogin; }
+  get: function () { return chunkOHHKBURG_cjs.ConnectedCompactLogin; }
 });
 Object.defineProperty(exports, "ConnectedEmbeddedChat", {
   enumerable: true,
-  get: function () { return chunkCKCG4NDB_cjs.ConnectedEmbeddedChat; }
+  get: function () { return chunkOHHKBURG_cjs.ConnectedEmbeddedChat; }
 });
 Object.defineProperty(exports, "ConnectedLoginPage", {
   enumerable: true,
-  get: function () { return chunkCKCG4NDB_cjs.ConnectedLoginPage; }
+  get: function () { return chunkOHHKBURG_cjs.ConnectedLoginPage; }
 });
 Object.defineProperty(exports, "EmbeddedChatPanel", {
   enumerable: true,
-  get: function () { return chunkCKCG4NDB_cjs.EmbeddedChatPanel; }
+  get: function () { return chunkOHHKBURG_cjs.EmbeddedChatPanel; }
 });
 Object.defineProperty(exports, "defaultHost", {
   enumerable: true,
-  get: function () { return chunkCKCG4NDB_cjs.defaultHost; }
+  get: function () { return chunkOHHKBURG_cjs.defaultHost; }
 });
 Object.defineProperty(exports, "useConnection", {
   enumerable: true,

package/dist/files/GridViewImpl.js

@@ -276,7 +276,7 @@ function GridView({
   );
   const handleFirstDataRendered = useCallback(() => {
     ensureSelectionColumnVisible();
-    snapshotDesiredHidden();
+    if (!desiredHiddenRef.current) snapshotDesiredHidden();
   }, [ensureSelectionColumnVisible, snapshotDesiredHidden]);
   const handleModelUpdated = useCallback(() => {
   }, []);