@inkbar/svelte 0.9.0 → 0.10.0

package/README.md

@@ -191,11 +191,71 @@ Plugin stores undo with annotations. In controlled mode with `history`, each und
 
 The bar handles Escape itself and stops it there, so an `onkeydown` you pass to `InkFindBar` never sees Escape.
 
+## Sidebars
+
+`InkSidebar` holds `InkPanel`s and places nothing itself: put it beside `InkViewport` with your own flex or grid layout. Each panel has an `id`, a `label`, an optional `icon` (an `IconNode` from `@inkbar/icons`) and an optional `badge`, a number or short string hidden when empty or 0. Its children are the panel's content, your own component or one of Inkbar's.
+
+```svelte
+<InkRoot {src} {assets}>
+  <div class="app">
+    <InkSidebar side="left" layout="rail" bind:open>
+      <InkPanel id="pages" label="Pages" icon={Square}>
+        <InkThumbnails />
+      </InkPanel>
+      <InkPanel id="notes" label="Notes" icon={MessageSquare} badge={noteCount}>
+        <MyNotes />
+      </InkPanel>
+    </InkSidebar>
+    <InkViewport />
+  </div>
+</InkRoot>
+```
+
+`layout` is `rail` (default: icon buttons beside the document, and activating the open panel's button closes it), `tabs` (labelled tabs, one panel open) or `stack` (a header per panel, any number expanded). `side` (`left` by default) decides which edge the rail and border sit on. `bind:open` is the open panel's id, or `null`, for rail and tabs, and the expanded ids for stack. Left out, the first panel starts open. When the open panel goes (an `{#if}`), rail and tabs open the first one left and stack drops it, and the bound `open` receives the new value. In the rail, the open panel shows its label as a title above its content. `visible` (default `true`) shows or hides the whole sidebar; it keeps the open panel, its content and its scroll for when it shows again. Your code decides when: `visible={hits > 0}` keeps a results sidebar out of the way until a search finds something.
+
+Panels take their place in the order they appear in the markup, including one added later with `{#if}`. A closed panel stays mounted and hidden, so its content keeps its state and scroll position, across layout changes too. The keys and ARIA are core's: see the [`@inkbar/core` README](https://github.com/inkbar/inkbar/tree/main/packages/core#sidebars). The sidebar needs no document and works outside `InkRoot`. On the server it renders its frame with the open panel showing, and the stack headers; rail and tab buttons follow once it has mounted.
+
+## Thumbnails
+
+`InkThumbnail` draws one page (0-based `page`) as a small image, with its annotations and plugin marks. Give it a `width` or a `height` and the other follows the page; with neither it is 120px wide. `annotations={false}` and `marks={false}` leave those out, and `label` replaces its accessible name ("Page 4" for page 3). It is an image with no focus or click behaviour, so wrap it in the control you need, a checkbox label in a dialog for instance.
+
+`InkThumbnails` lists the pages as thumbnails, each a button that scrolls the viewport to its page, with the current page marked `aria-current="page"`. It fills its parent's height and scrolls. `pages` lists the pages to show, in order. The thumbnails fill the list's width less a 16px gutter each side and follow it as it resizes; `width` fixes them at that many pixels instead. `annotations` and `marks` pass to each thumbnail. Only the items near the visible part are mounted. The `item` snippet adds to each item after its page number:
+
+```svelte
+<InkThumbnails>
+  {#snippet item({ page, current })}
+    <span class="page-count">{counts[page]}</span>
+  {/snippet}
+</InkThumbnails>
+```
+
+An item's height is worked out from its page alone, so position what you add absolutely. The `item` snippet renders inside the item's `<button>`: keep it non-interactive, with no links, buttons or inputs. Both need `InkRoot` and render empty on the server.
+
+## Record lists
+
+`InkRecordList` lists a plugin's records as cards, the same cards their marks open, with the same actions. Name the records `<plugin>.<name>`:
+
+```svelte
+<InkPanel id="suggestions" label="Suggestions" icon={MessageSquare} badge={count}>
+  <InkRecordList records="review.suggestions" bind:count>
+    {#snippet empty()}No suggestions left.{/snippet}
+  </InkRecordList>
+</InkPanel>
+```
+
+The list and the marks share one selection: choosing a card selects its mark and scrolls the viewer there, and activating a mark selects its card. Each action runs in one undo step. `card`, `where` and `sort` replace the marks' card, filter and reading order. A new function rebuilds the list, so define them once in the script, never inline in the markup. `bind:count` receives the number listed whenever it changes, ready for a panel badge. The `empty` snippet replaces "Nothing here yet.". To list something of your own, pass a `source` (a `RecordListSource`, as core's `recordsSource` and `searchSource` build) in place of `records`: it gets the same cards, keys and selection. With both, `source` wins.
+
+`InkSearchResults` is the same list over the document search: one card per hit, titled with its page ("Page 2"), with its place on that page ("Match 3") and the text around it. Choosing a card makes its hit current, as the find bar's next and previous do. It has its own field, labelled "Find in document", above the cards and the find bar's match count in a footer below them; `field={false}` leaves the field out when a find bar is on the page. Field and find bar share the search state, so they never disagree.
+
+To build your own, `useRecords<T>(name)` returns the live `records` and the `handle` to read and write them, each write one undo step, and `useRecordSelection(name)` returns `selected` and `select(id | null)`. Both need `InkRoot`. Plugins are set up once it has mounted, so until then `handle` is null, `records` is empty and nothing is selected. Both lists fill their parent's height and render empty on the server. The keys, focus and announcements are core's: see the [`@inkbar/core` README](https://github.com/inkbar/inkbar/tree/main/packages/core#record-lists).
+
 ## Custom rendering
 
-Slots are snippets. `InkViewport` takes `loading`, `empty`, `error`, `annotation` and `pageError`. `InkThreadPopover` takes `children` as a snippet that receives the popover's props. `InkToolButton` takes `children` as a snippet of `{ active, label }`, and `InkCommand` one of `{ label, busy }`. The props each receives are typed as `AnnotationSlotProps` and `ThreadPopoverSlotProps`, the same types the Vue and React packages export.
+Slots are snippets. `InkViewport` takes `loading`, `empty`, `error`, `annotation` and `pageError`. `InkThreadPopover` takes `children` as a snippet that receives the popover's props. `InkToolButton` takes `children` as a snippet of `{ active, label }`, and `InkCommand` one of `{ label, busy }`. `InkThumbnails` takes `item`, and `InkRecordList` takes `empty`. The props each receives are typed as `AnnotationSlotProps` and `ThreadPopoverSlotProps`, the same types the Vue and React packages export.
+
+`InkDownloadButton` and `InkPrintButton` download and print the open PDF; `filename` names the download (the opened `File`'s name, else the URL's last segment, else `document.pdf`). Printing loads the file into a hidden frame and opens the browser's print dialog for it; on iOS the PDF opens in a new tab instead. Until saving into the PDF ships, both give the file as it was opened, without this session's annotations.
 
-`InkRoot`, `InkToolbar`, `InkToolButton`, `InkCommand`, `InkUndo`, `InkRedo`, `InkPrevPage`, `InkNextPage`, `InkZoomIn` and `InkZoomOut` take a `child` snippet to render your own element. Spread the `props` it gives you on that element. The snippet type is exported as `ChildSnippet`.
+`InkRoot`, `InkToolbar`, `InkToolButton`, `InkCommand`, `InkUndo`, `InkRedo`, `InkDownloadButton`, `InkPrintButton`, `InkPrevPage`, `InkNextPage`, `InkZoomIn` and `InkZoomOut` take a `child` snippet to render your own element. Spread the `props` it gives you on that element. The snippet type is exported as `ChildSnippet`.
 
 ```svelte
 <InkToolbar>
@@ -213,6 +273,7 @@ The scroll area takes focus. From there:
 - With the `note` tool active, `Enter` places a note at the centre of the current page and opens it.
 - With the `signature` tool active, `Enter` places the chosen signature at the centre of the current page.
 - `Ctrl` or `Cmd` + `Z` undoes. `Ctrl` or `Cmd` + `Shift` + `Z`, or `Ctrl` + `Y`, redoes. `Ctrl` and `Cmd` both work on every platform. The keys do what `InkUndo` and `InkRedo` do, from anywhere in `InkRoot`, toolbars included, and act only while that button is enabled. In a text field or editable content the keys stay with the element, so a field keeps its own text undo. In a `<select>` they are left to the browser, which does nothing with them.
+- `Ctrl` or `Cmd` + `P` prints the PDF and `Ctrl` or `Cmd` + `S` downloads it, as `InkPrintButton` and `InkDownloadButton` do, from anywhere in `InkRoot` once the document is ready. Outside `InkRoot` the browser keeps them.
 
 On a focused annotation:
 
@@ -230,7 +291,7 @@ Components carry state on data attributes, for example `[data-annotation][data-s
 
 ## Hooks
 
-`useDocument`, `useAnnotations`, `useTool`, `useSelection`, `useZoom`, `usePage`, `useHistory`, `useEmbedded` and `useCommand` read the state of the nearest `InkRoot`. Call them during component initialisation, as you would `getContext`. Each returns an object whose reactive members are getters: read `useZoom().zoom` in your template or an effect and it tracks; destructure it (`const { zoom } = useZoom()`) and you copy the value once. Keep the object and read through it. Tool options, such as the shape kind, last as long as `InkRoot`. The tool style that `useToolStyle` reads and sets (colours, line style, text style) belongs to the document: opening another one starts again from the theme's defaults.
+`useDocument`, `useAnnotations`, `useTool`, `useSelection`, `useZoom`, `usePage`, `useHistory`, `useEmbedded`, `useCommand`, `useRecords` and `useRecordSelection` read the state of the nearest `InkRoot`. Call them during component initialisation, as you would `getContext`. Each returns an object whose reactive members are getters: read `useZoom().zoom` in your template or an effect and it tracks; destructure it (`const { zoom } = useZoom()`) and you copy the value once. Keep the object and read through it. Tool options, such as the shape kind, last as long as `InkRoot`. The tool style that `useToolStyle` reads and sets (colours, line style, text style) belongs to the document: opening another one starts again from the theme's defaults.
 
 ## Licence
 

package/dist/components/InkDownloadButton.svelte

@@ -0,0 +1,62 @@
+<script lang="ts" module>
+  import type { ChildSnippet } from './child-snippet.js'
+  import type { Snippet } from 'svelte'
+  import type { HTMLButtonAttributes } from 'svelte/elements'
+
+  export interface InkDownloadButtonProps extends Omit<HTMLButtonAttributes, 'children'> {
+    children?: Snippet | undefined
+    /** Render your own button: spread `props` on it. */
+    child?: ChildSnippet | undefined
+    /** The name to save under. Default: the document's `fileName`. */
+    filename?: string | undefined
+  }
+</script>
+
+<script lang="ts">
+  /*
+   * Saves the open document's file through the browser's download, under its `fileName`
+   * or `filename`. Disabled until the document is ready. Today that is the file as it was opened,
+   * without this session's annotations.
+   */
+  import { downloadDocument } from '@inkbar/core/dom'
+  import { Download } from '@inkbar/icons'
+  import { Toolbar } from 'bits-ui'
+
+  import { useInkContext } from '../context.js'
+
+  import { asBitsProps } from './child-snippet.js'
+  import InkIcon from './InkIcon.svelte'
+
+  let {
+    class: className,
+    children,
+    child,
+    disabled,
+    onclick,
+    filename,
+    ...rest
+  }: InkDownloadButtonProps = $props()
+
+  const ctx = useInkContext('InkDownloadButton')
+  const ready = $derived(ctx.document !== null && ctx.status.state === 'ready')
+</script>
+
+<Toolbar.Button
+  class={['ink-download', className]}
+  data-ink-download=""
+  aria-label="Download"
+  title="Download"
+  disabled={!ready || !!disabled}
+  {...child ? { child } : {}}
+  {...asBitsProps(rest)}
+  onclick={(e) => {
+    onclick?.(e)
+    const doc = ctx.document
+    if (e.defaultPrevented || !doc) return
+    void downloadDocument(doc, filename === undefined ? {} : { filename }).catch(
+      () => undefined
+    )
+  }}
+>
+  {#if children}{@render children()}{:else}<InkIcon icon={Download} />{/if}
+</Toolbar.Button>

package/dist/components/InkDownloadButton.svelte.d.ts

@@ -0,0 +1,14 @@
+import type { ChildSnippet } from './child-snippet.js';
+import type { Snippet } from 'svelte';
+import type { HTMLButtonAttributes } from 'svelte/elements';
+export interface InkDownloadButtonProps extends Omit<HTMLButtonAttributes, 'children'> {
+    children?: Snippet | undefined;
+    /** Render your own button: spread `props` on it. */
+    child?: ChildSnippet | undefined;
+    /** The name to save under. Default: the document's `fileName`. */
+    filename?: string | undefined;
+}
+declare const InkDownloadButton: import("svelte").Component<InkDownloadButtonProps, {}, "">;
+type InkDownloadButton = ReturnType<typeof InkDownloadButton>;
+export default InkDownloadButton;
+//# sourceMappingURL=InkDownloadButton.svelte.d.ts.map

package/dist/components/InkDownloadButton.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InkDownloadButton.svelte.d.ts","sourceRoot":"","sources":["../../src/lib/components/InkDownloadButton.svelte.ts"],"names":[],"mappings":"AAGE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAA;AACtD,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAA;AACrC,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAA;AAE3D,MAAM,WAAW,sBAAuB,SAAQ,IAAI,CAAC,oBAAoB,EAAE,UAAU,CAAC;IACpF,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;IAC9B,oDAAoD;IACpD,KAAK,CAAC,EAAE,YAAY,GAAG,SAAS,CAAA;IAChC,kEAAkE;IAClE,QAAQ,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;CAC9B;AAyDH,QAAA,MAAM,iBAAiB,4DAAwC,CAAC;AAChE,KAAK,iBAAiB,GAAG,UAAU,CAAC,OAAO,iBAAiB,CAAC,CAAC;AAC9D,eAAe,iBAAiB,CAAC"}

package/dist/components/InkFindBar.svelte

@@ -18,7 +18,7 @@
    * Closing returns focus to where it was before the bar opened, else to the document.
    */
   import { findAnnouncer, findCountText } from '@inkbar/core/dom'
-  import { CaseSensitive, ChevronDown, ChevronUp, X } from '@inkbar/icons'
+  import { CaseSensitive, ChevronDown, ChevronUp, Search, X } from '@inkbar/icons'
   import { untrack } from 'svelte'
 
   import { useInkContext } from '../context.js'
@@ -149,20 +149,23 @@
     hidden={!open}
     {@attach into(target)}
   >
-    <input
-      bind:this={field}
-      type="text"
-      aria-label="Find in document"
-      autocomplete="off"
-      spellcheck={false}
-      oninput={(e) => search.setQuery(e.currentTarget.value)}
-      onkeydown={(e) => {
-        if (e.key !== 'Enter' || e.isComposing) return
-        e.preventDefault()
-        if (e.shiftKey) search.previous()
-        else search.next()
-      }}
-    />
+    <div class="ink-input-group">
+      <span class="ink-input-accessory"><InkIcon icon={Search} /></span>
+      <input
+        bind:this={field}
+        type="text"
+        aria-label="Find in document"
+        autocomplete="off"
+        spellcheck={false}
+        oninput={(e) => search.setQuery(e.currentTarget.value)}
+        onkeydown={(e) => {
+          if (e.key !== 'Enter' || e.isComposing) return
+          e.preventDefault()
+          if (e.shiftKey) search.previous()
+          else search.next()
+        }}
+      />
+    </div>
     <span class="ink-find-count" data-ink-find-count=""
       >{findCountText(search.state)}</span
     >

package/dist/components/InkFindBar.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InkFindBar.svelte.d.ts","sourceRoot":"","sources":["../../src/lib/components/InkFindBar.svelte.ts"],"names":[],"mappings":"AAGE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAA;AAErD,MAAM,MAAM,eAAe,GAAG,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC,CAC/E;AAmLD,QAAA,MAAM,UAAU,qDAAwC,CAAC;AACzD,KAAK,UAAU,GAAG,UAAU,CAAC,OAAO,UAAU,CAAC,CAAC;AAChD,eAAe,UAAU,CAAC"}
+{"version":3,"file":"InkFindBar.svelte.d.ts","sourceRoot":"","sources":["../../src/lib/components/InkFindBar.svelte.ts"],"names":[],"mappings":"AAGE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAA;AAErD,MAAM,MAAM,eAAe,GAAG,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC,CAC/E;AAsLD,QAAA,MAAM,UAAU,qDAAwC,CAAC;AACzD,KAAK,UAAU,GAAG,UAAU,CAAC,OAAO,UAAU,CAAC,CAAC;AAChD,eAAe,UAAU,CAAC"}

package/dist/components/InkPanel.svelte

@@ -0,0 +1,73 @@
+<script module lang="ts">
+  import type { IconNode } from '@inkbar/icons'
+  import type { Snippet } from 'svelte'
+
+  export interface InkPanelProps {
+    /** Names the panel in the sidebar's `open`. */
+    id: string
+    /** Names its trigger. */
+    label: string
+    /** An `@inkbar/icons` node, shown on the rail. */
+    icon?: IconNode | undefined
+    /** A count or short text beside it, hidden when empty or 0. */
+    badge?: string | number | undefined
+    /** The panel's content. */
+    children?: Snippet | undefined
+  }
+</script>
+
+<script lang="ts">
+  /*
+   * One panel of an `InkSidebar`, holding `children` as its content. Closed, the panel stays
+   * mounted and hidden. In a stack it renders its own header above its content.
+   */
+  import { useSidebarContext } from './sidebar-context.js'
+  import SidebarTrigger from './SidebarTrigger.svelte'
+
+  import type { SidebarPanelInfo } from '@inkbar/core/dom'
+
+  let { id, label, icon, badge, children }: InkPanelProps = $props()
+
+  const ctx = useSidebarContext('InkPanel')
+  let wrapper = $state<HTMLDivElement | null>(null)
+
+  const info = (): SidebarPanelInfo => ({
+    id,
+    label,
+    ...(icon !== undefined && { icon }),
+    ...(badge !== undefined && { badge }),
+  })
+  // Registered now, so the server renders this panel's attributes; ordered once in the DOM.
+  const unregister = ctx.register({ info, element: () => wrapper })
+  $effect(() => {
+    ctx.arrange()
+    return unregister
+  })
+
+  const view = $derived.by(() => {
+    const s = ctx.state.current
+    return {
+      stack: s.layout === 'stack',
+      trigger: ctx.controller.triggerAttrs(id),
+      panel: ctx.controller.panelAttrs(id),
+    }
+  })
+</script>
+
+<!-- A section in a stack; in rail and tabs the theme leaves the layout to the panel. Kept in
+     every layout, so the content is never remounted. -->
+<div
+  bind:this={wrapper}
+  class={['ink-sidebar-slot', view.stack && 'ink-sidebar-section']}
+>
+  {#if view.stack}
+    <button class="ink-sidebar-header" {...view.trigger}>
+      <SidebarTrigger panel={info()} rail={false} />
+    </button>
+  {/if}
+  <div class="ink-sidebar-panel" {...view.panel}>
+    <!-- The rail button names the panel for assistive technology; this repeats it on screen. -->
+    <div class="ink-sidebar-panel-title" aria-hidden="true">{label}</div>
+    <div class="ink-sidebar-panel-body">{@render children?.()}</div>
+  </div>
+</div>

package/dist/components/InkPanel.svelte.d.ts

@@ -0,0 +1,18 @@
+import type { IconNode } from '@inkbar/icons';
+import type { Snippet } from 'svelte';
+export interface InkPanelProps {
+    /** Names the panel in the sidebar's `open`. */
+    id: string;
+    /** Names its trigger. */
+    label: string;
+    /** An `@inkbar/icons` node, shown on the rail. */
+    icon?: IconNode | undefined;
+    /** A count or short text beside it, hidden when empty or 0. */
+    badge?: string | number | undefined;
+    /** The panel's content. */
+    children?: Snippet | undefined;
+}
+declare const InkPanel: import("svelte").Component<InkPanelProps, {}, "">;
+type InkPanel = ReturnType<typeof InkPanel>;
+export default InkPanel;
+//# sourceMappingURL=InkPanel.svelte.d.ts.map

package/dist/components/InkPanel.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InkPanel.svelte.d.ts","sourceRoot":"","sources":["../../src/lib/components/InkPanel.svelte.ts"],"names":[],"mappings":"AAGE,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAC7C,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAA;AAErC,MAAM,WAAW,aAAa;IAC5B,+CAA+C;IAC/C,EAAE,EAAE,MAAM,CAAA;IACV,yBAAyB;IACzB,KAAK,EAAE,MAAM,CAAA;IACb,kDAAkD;IAClD,IAAI,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAA;IAC3B,+DAA+D;IAC/D,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAA;IACnC,2BAA2B;IAC3B,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;CAC/B;AAiEH,QAAA,MAAM,QAAQ,mDAAwC,CAAC;AACvD,KAAK,QAAQ,GAAG,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC;AAC5C,eAAe,QAAQ,CAAC"}

package/dist/components/InkPrintButton.svelte

@@ -0,0 +1,57 @@
+<script lang="ts" module>
+  import type { ChildSnippet } from './child-snippet.js'
+  import type { Snippet } from 'svelte'
+  import type { HTMLButtonAttributes } from 'svelte/elements'
+
+  export interface InkPrintButtonProps extends Omit<HTMLButtonAttributes, 'children'> {
+    children?: Snippet | undefined
+    /** Render your own button: spread `props` on it. */
+    child?: ChildSnippet | undefined
+  }
+</script>
+
+<script lang="ts">
+  /*
+   * Prints the open document's file with the browser's own PDF viewer (on iOS, in a new
+   * tab). Disabled until the document is ready. Today that is the file as it was opened,
+   * without this session's annotations.
+   */
+  import { printDocument } from '@inkbar/core/dom'
+  import { Printer } from '@inkbar/icons'
+  import { Toolbar } from 'bits-ui'
+
+  import { useInkContext } from '../context.js'
+
+  import { asBitsProps } from './child-snippet.js'
+  import InkIcon from './InkIcon.svelte'
+
+  let {
+    class: className,
+    children,
+    child,
+    disabled,
+    onclick,
+    ...rest
+  }: InkPrintButtonProps = $props()
+
+  const ctx = useInkContext('InkPrintButton')
+  const ready = $derived(ctx.document !== null && ctx.status.state === 'ready')
+</script>
+
+<Toolbar.Button
+  class={['ink-print', className]}
+  data-ink-print=""
+  aria-label="Print"
+  title="Print"
+  disabled={!ready || !!disabled}
+  {...child ? { child } : {}}
+  {...asBitsProps(rest)}
+  onclick={(e) => {
+    onclick?.(e)
+    const doc = ctx.document
+    if (e.defaultPrevented || !doc) return
+    void printDocument(doc).catch(() => undefined)
+  }}
+>
+  {#if children}{@render children()}{:else}<InkIcon icon={Printer} />{/if}
+</Toolbar.Button>

package/dist/components/InkPrintButton.svelte.d.ts

@@ -0,0 +1,12 @@
+import type { ChildSnippet } from './child-snippet.js';
+import type { Snippet } from 'svelte';
+import type { HTMLButtonAttributes } from 'svelte/elements';
+export interface InkPrintButtonProps extends Omit<HTMLButtonAttributes, 'children'> {
+    children?: Snippet | undefined;
+    /** Render your own button: spread `props` on it. */
+    child?: ChildSnippet | undefined;
+}
+declare const InkPrintButton: import("svelte").Component<InkPrintButtonProps, {}, "">;
+type InkPrintButton = ReturnType<typeof InkPrintButton>;
+export default InkPrintButton;
+//# sourceMappingURL=InkPrintButton.svelte.d.ts.map

package/dist/components/InkPrintButton.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InkPrintButton.svelte.d.ts","sourceRoot":"","sources":["../../src/lib/components/InkPrintButton.svelte.ts"],"names":[],"mappings":"AAGE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAA;AACtD,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAA;AACrC,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAA;AAE3D,MAAM,WAAW,mBAAoB,SAAQ,IAAI,CAAC,oBAAoB,EAAE,UAAU,CAAC;IACjF,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;IAC9B,oDAAoD;IACpD,KAAK,CAAC,EAAE,YAAY,GAAG,SAAS,CAAA;CACjC;AAsDH,QAAA,MAAM,cAAc,yDAAwC,CAAC;AAC7D,KAAK,cAAc,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AACxD,eAAe,cAAc,CAAC"}

package/dist/components/InkRecordList.svelte

@@ -0,0 +1,91 @@
+<script module lang="ts">
+  import type { RecordBase } from '@inkbar/core'
+  import type { CardSpec, RecordListSource } from '@inkbar/core/dom'
+  import type { Snippet } from 'svelte'
+  import type { HTMLAttributes } from 'svelte/elements'
+
+  export interface InkRecordListProps<
+    T extends RecordBase & { page: number } = RecordBase & { page: number },
+  > extends Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
+    /** The records to list, as `<plugin>.<name>`. */
+    records?: string | undefined
+    /**
+     * A host's own source, listed in place of `records` with the same controller and cards.
+     * `card`, `where` and `sort` do not apply to it.
+     */
+    source?: RecordListSource | undefined
+    /** The card each record shows. Default: its mark's card. */
+    card?: ((record: T) => CardSpec) | undefined
+    /** Which records to list. Default: those that have a mark. */
+    where?: ((record: T) => boolean) | undefined
+    /** The order. Default: reading order by the marks' rects. */
+    sort?: ((a: T, b: T) => number) | undefined
+    /** Bindable, read-only: the number listed, from once the list has mounted. */
+    count?: number | undefined
+    /** Replaces "Nothing here yet.". */
+    empty?: Snippet | undefined
+  }
+</script>
+
+<script
+  lang="ts"
+  generics="T extends RecordBase & { page: number } = RecordBase & { page: number }"
+>
+  /*
+   * The records a plugin keeps under `records` (`<plugin>.<name>`) as a list of cards, the same
+   * cards their marks open, with the same actions: `createRecordList` on core's record list
+   * controller. The list, the marks and `useRecordSelection` share one selection. `card`, `where`
+   * and `sort` replace the marks' card, filter and reading order; a new function rebuilds the
+   * list, so pass functions defined once rather than inline. `bind:count` gives the number
+   * listed whenever it changes; the `empty` snippet replaces "Nothing here yet.". It fills its
+   * parent's height. Inside `InkRoot`; it renders empty on the server.
+   *
+   * In place of `records`, `source` takes a host's own `RecordListSource` and lists it with the
+   * same controller and cards. Give one of the two: with both, `source` wins and a development
+   * build warns.
+   */
+  import { recordsSource, type RecordsSourceOptions } from '@inkbar/core/dom'
+  import { DEV } from 'esm-env'
+
+  import { useInkContext } from '../context.js'
+  import { toReadable } from '../to-readable.svelte.js'
+
+  import RecordCards from './RecordCards.svelte'
+
+  let {
+    records,
+    source,
+    card,
+    where,
+    sort,
+    // Written, never read: the list reports its count to the host.
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    count = $bindable(),
+    empty,
+    ...rest
+  }: InkRecordListProps<T> = $props()
+
+  const ctx = useInkContext('InkRecordList')
+  const viewport = toReadable(() => ctx.viewport)
+
+  if (DEV)
+    $effect(() => {
+      if (records !== undefined && source !== undefined)
+        console.warn(
+          '[inkbar] InkRecordList takes `records` or `source`, not both: it lists `source`.'
+        )
+    })
+
+  const listed = $derived.by((): RecordListSource | null => {
+    if (source) return source
+    const pluginHost = ctx.pluginHost
+    if (!pluginHost || records === undefined) return null
+    const opts: RecordsSourceOptions<T> = {}
+    if (card) opts.card = card
+    if (where) opts.where = where
+    if (sort) opts.sort = sort
+    return recordsSource<T>({ pluginHost, viewport }, records, opts)
+  })
+</script>
+
+<RecordCards {...rest} source={listed} {empty} oncount={(n) => (count = n)} />

package/dist/components/InkRecordList.svelte.d.ts

@@ -0,0 +1,72 @@
+import type { RecordBase } from '@inkbar/core';
+import type { CardSpec, RecordListSource } from '@inkbar/core/dom';
+import type { Snippet } from 'svelte';
+import type { HTMLAttributes } from 'svelte/elements';
+export interface InkRecordListProps<T extends RecordBase & {
+    page: number;
+} = RecordBase & {
+    page: number;
+}> extends Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
+    /** The records to list, as `<plugin>.<name>`. */
+    records?: string | undefined;
+    /**
+     * A host's own source, listed in place of `records` with the same controller and cards.
+     * `card`, `where` and `sort` do not apply to it.
+     */
+    source?: RecordListSource | undefined;
+    /** The card each record shows. Default: its mark's card. */
+    card?: ((record: T) => CardSpec) | undefined;
+    /** Which records to list. Default: those that have a mark. */
+    where?: ((record: T) => boolean) | undefined;
+    /** The order. Default: reading order by the marks' rects. */
+    sort?: ((a: T, b: T) => number) | undefined;
+    /** Bindable, read-only: the number listed, from once the list has mounted. */
+    count?: number | undefined;
+    /** Replaces "Nothing here yet.". */
+    empty?: Snippet | undefined;
+}
+declare function $$render<T extends RecordBase & {
+    page: number;
+} = RecordBase & {
+    page: number;
+}>(): {
+    props: InkRecordListProps<T>;
+    exports: {};
+    bindings: "count";
+    slots: {};
+    events: {};
+};
+declare class __sveltets_Render<T extends RecordBase & {
+    page: number;
+} = RecordBase & {
+    page: number;
+}> {
+    props(): ReturnType<typeof $$render<T>>['props'];
+    events(): ReturnType<typeof $$render<T>>['events'];
+    slots(): ReturnType<typeof $$render<T>>['slots'];
+    bindings(): "count";
+    exports(): {};
+}
+interface $$IsomorphicComponent {
+    new <T extends RecordBase & {
+        page: number;
+    } = RecordBase & {
+        page: number;
+    }>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<T>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<T>['props']>, ReturnType<__sveltets_Render<T>['events']>, ReturnType<__sveltets_Render<T>['slots']>> & {
+        $$bindings?: ReturnType<__sveltets_Render<T>['bindings']>;
+    } & ReturnType<__sveltets_Render<T>['exports']>;
+    <T extends RecordBase & {
+        page: number;
+    } = RecordBase & {
+        page: number;
+    }>(internal: unknown, props: ReturnType<__sveltets_Render<T>['props']> & {}): ReturnType<__sveltets_Render<T>['exports']>;
+    z_$$bindings?: ReturnType<__sveltets_Render<any>['bindings']>;
+}
+declare const InkRecordList: $$IsomorphicComponent;
+type InkRecordList<T extends RecordBase & {
+    page: number;
+} = RecordBase & {
+    page: number;
+}> = InstanceType<typeof InkRecordList<T>>;
+export default InkRecordList;
+//# sourceMappingURL=InkRecordList.svelte.d.ts.map

package/dist/components/InkRecordList.svelte.d.ts.map

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

package/dist/components/InkRoot.svelte

@@ -130,6 +130,7 @@
     writable,
   } from '@inkbar/core'
   import {
+    attachFileKeys,
     attachHistoryKeys,
     createPluginHost,
     createSearchController,
@@ -464,9 +465,12 @@
     const stopFocus = keepHistoryFocus(el, () =>
       el.querySelector<HTMLElement>('[data-ink-scroll]')
     )
+    // Ctrl or Cmd+P prints and +S downloads, as InkPrintButton and InkDownloadButton do.
+    const stopFileKeys = attachFileKeys(el, () => document)
     return () => {
       stopKeys()
       stopFocus()
+      stopFileKeys()
     }
   })
 

package/dist/components/InkRoot.svelte.d.ts.map

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