@eifi1/ui-kit 0.10.0 → 0.12.0

package/dist/components/file-button.d.ts

@@ -1,210 +1,53 @@
-import * as react from 'react';
-import { ComponentPropsWithoutRef, ReactNode, ReactElement } from 'react';
-import { Button } from './ui.js';
+import 'react';
+export { M as DEFAULT_FILE_PICKER_LABELS, aa as FileButton, ab as FileButtonProps, b8 as FilePickHandler, ad as FilePickerLabels, ae as FileRejection, af as FileRejectionReason, ag as FileScreenOptions, aW as UseFilePickerOptions, aX as UseFilePickerReturn, b9 as formatAccept, ba as judgePick, a_ as matchesAccept, bb as screenFiles, bc as summariseRejections, b1 as useFilePicker } from '../kit-labels-v3biUF1L.js';
+import './data-table-labels.js';
+import './mini-calendar.js';
+import './calendar-heatmap.js';
+import './popover.js';
+import './chip.js';
+import 'lucide-react';
+import './field-sync.js';
 import './tooltip.js';
 import '../hooks/use-anchored-rect.js';
-
-/**
- * A button that opens the file picker — the shape all three apps kept writing by hand
- * as a `<Button>` plus a hidden `<input type="file">` plus a ref between them (seven
- * copies in keksdose, two each in kastlan and lenkbank).
- *
- * Every copy had to remember the same four things, and each one forgot at least one:
- *
- *  1. **Reset the input after every pick.** A file input fires `change` only when its
- *     value CHANGES, so picking the same file twice in a row — the retry after a failed
- *     upload, the second photo of the same receipt — did nothing at all, which reads as
- *     a broken button. `value = ""` after each pick; always, not per call site.
- *  2. **`type="button"`.** `<Button>` does not set it, and inside a form a bare button
- *     submits the form before the picker opens.
- *  3. **Check the file.** `accept` filters the DIALOG, not the result: the dialog's
- *     "All files" switch, a drop, and a mobile share sheet all hand over whatever the
- *     user chose. So `accept` is re-checked here, along with `maxSize`, `maxFiles` and
- *     an optional `isValid`.
- *  4. **Say no without a toast.** A rejection is reported through `onReject`, with a
- *     translated message per file, and spoken through a live region — the kit does not
- *     decide how an app surfaces errors (keksdose's proposal §1 asked for exactly that).
- *
- * The part that is not a button — the hidden input, the check, the announcement — is
- * {@link useFilePicker}, for the case where the thing that opens the picker is someone
- * else's control (a card's "Add" action, a menu item, a second button for the camera).
- */
-/** Every string the file pickers ({@link FileButton}, `FileDropzone`) render or speak.
- *  Messages are functions of the file name so a translation can put it anywhere. */
-interface FilePickerLabels {
-    /** The file's type is not in `accept`, when no `accept` is known to name (see
-     *  `rejectedTypeOnly`). */
-    rejectedType: (name: string) => string;
-    /** The file's type is not in `accept`, naming what IS accepted: `accept`'s tokens,
-     *  lower-cased and joined with ", " (`".csv"` => "Only .csv files"). Used whenever
-     *  `accept` is set — kastlan kept a custom `isValid` + `invalidMessage` per form only
-     *  to say this, and `accept` already knows it. */
-    rejectedTypeOnly: (accept: string, name: string) => string;
-    /** The file is larger than `maxSize`; `maxSize` arrives formatted ("5 MB"). */
-    rejectedSize: (name: string, maxSize: string) => string;
-    /** The file was one too many for `maxFiles`. */
-    rejectedCount: (name: string, maxFiles: number) => string;
-    /** `isValid` said no and the caller gave no `invalidMessage`. */
-    rejectedInvalid: (name: string) => string;
-    /** Spoken instead of the per-file message when more than one file was refused. */
-    rejectedMany: (count: number) => string;
-    /** Spoken (and shown, on a dropzone) when `onPick` refused the WHOLE pick.
-     *  Receives the number of files in it. */
-    rejectedPick: (count: number) => string;
-    /** Spoken after a pick the component itself echoes (the dropzone). */
-    selected: (count: number, firstName: string) => string;
-    /** The dropzone's remove button for one file. */
-    remove: (name: string) => string;
-    /** The dropzone's remove-everything button in `multiple` mode. */
-    clearAll: string;
-    /** Spoken after a remove / clear, since the button that was pressed is gone. */
-    removed: (name: string) => string;
-    cleared: string;
-    /** The dropzone's accessible name, when the host passes no `dropLabel`. */
-    dropzone: string;
-    /** The dropzone's Browse button, when the host passes no `browseLabel`. */
-    browse: string;
-    /** What an empty single-file dropzone says (no `emptyLabel` given). */
-    empty: string;
-    /** …and an empty `multiple` one. */
-    emptyMultiple: string;
-    /** The dropzone's second line (no `hint` given). Receives `accept` as a person
-     *  reads it (`".pdf, image/png"`), or `""` when anything goes. */
-    hint: (accept: string) => string;
-    /** What a `busy` dropzone says in place of its body ("Uploading…"). */
-    busy: string;
-}
-declare const DEFAULT_FILE_PICKER_LABELS: FilePickerLabels;
-type FileRejectionReason = "type" | "size" | "count" | "invalid";
-/** One file the picker refused, and why. `message` is already translated (see
- *  {@link FilePickerLabels}, or the caller's `invalidMessage`), so a host that just
- *  wants to show it can render `rejections[0].message` as is. */
-interface FileRejection {
-    file: File;
-    reason: FileRejectionReason;
-    message: string;
-}
-/**
- * Does `file` satisfy an `accept` string, the way the browser's dialog reads it?
- * Comma-separated tokens: `.ext` (case-insensitive suffix of the name), `type/*`
- * (a MIME family) or an exact MIME type. An empty or absent `accept` takes anything.
- *
- * A file with no `type` — common for `.step`, `.dat`, anything the OS has no MIME
- * mapping for — can only match by extension, which is why lenkbank lists `.stp` AND
- * `model/step`: that is how `accept` has to be written for the dialog anyway.
- */
-declare function matchesAccept(file: File, accept: string | undefined): boolean;
-/** @internal `" .PDF, image/png ,"` => `".pdf, image/png"` — `accept` as a person reads
- *  it. Also the dropzone's default hint. */
-declare function formatAccept(accept: string): string;
-/** What the pickers screen a pick with. All optional; nothing set accepts everything. */
-interface FileScreenOptions {
-    accept?: string;
-    /** Bytes. Larger files are refused with reason `"size"`. */
-    maxSize?: number;
-    /** How many files one pick may deliver. The rest are refused with reason `"count"`
-     *  — first come, first kept. For a running cap ("at most 5 attachments") pass what
-     *  is LEFT: `maxFiles={5 - attachments.length}`. */
-    maxFiles?: number;
-    /** The caller's own check, after `accept` and `maxSize`. */
-    isValid?: (file: File) => boolean;
-    /** The message for an `isValid` refusal; `labels.rejectedInvalid` otherwise. */
-    invalidMessage?: string;
-}
-/** @internal Split a pick into the files that pass and the ones that do not. */
-declare function screenFiles(files: readonly File[], opts: FileScreenOptions, labels: FilePickerLabels, formatSize: (bytes: number) => string): {
-    accepted: File[];
-    rejected: FileRejection[];
-};
-/**
- * Judges a pick as a whole — keksdose's "refuse the pick if any file is bad", which
- * with `onFiles` + `onReject` alone had to be rebuilt from two calls in a microtask.
- *
- * Called ONCE per pick, after screening and before `onFiles` / `onReject`, with both
- * halves (either may be empty). Return `false` to refuse the whole pick: the accepted
- * files are not delivered, `onReject` still receives what screening refused, and one
- * sentence (`labels.rejectedPick`) is spoken for the pick instead of a per-file one.
- * Return nothing to let the pick through as usual.
- *
- * ```tsx
- * onPick={(ok, bad) => bad.length === 0 || false}  // all or nothing
- * ```
- */
-type FilePickHandler = (accepted: File[], rejected: FileRejection[]) => boolean | void;
-/** @internal The shared tail of both pickers: run `onPick`, and say whether the pick
- *  stands. A pick with nothing accepted has nothing to refuse, so `false` there is
- *  treated as no verdict and the usual per-file messages are kept. */
-declare function judgePick(onPick: FilePickHandler | undefined, accepted: File[], rejected: FileRejection[]): boolean;
-/** One sentence for a whole batch of refusals: the file's own message for one, a
- *  count for several — reading out five sentences in a row helps nobody. */
-declare function summariseRejections(rejected: readonly FileRejection[], labels: FilePickerLabels): string;
-interface UseFilePickerOptions extends FileScreenOptions {
-    /** Let one pick deliver several files. Without it a drop of several keeps the first. */
-    multiple?: boolean;
-    /**
-     * Ask a phone for its camera instead of the file chooser: `"environment"` is the
-     * back camera, `"user"` the front. A HINT — desktop browsers ignore it, and Chrome
-     * drops it when `multiple` is also set (a camera cannot deliver a list), which is why
-     * keksdose's camera input has no `multiple`. Pass one or the other.
-     */
-    capture?: boolean | "user" | "environment";
-    /** The files that passed, in pick order. Never called with an empty array.
-     *  Optional since 0.7 for a caller that takes the pick through `onPick` alone. */
-    onFiles?: (files: File[]) => void;
-    /** See {@link FilePickHandler}: the whole pick at once, with the power to refuse it. */
-    onPick?: FilePickHandler;
-    /** The files that did not, with a translated message each. The refusals are also
-     *  spoken through a live region, so this is for SHOWING them, not for a11y. */
-    onReject?: (rejections: FileRejection[]) => void;
-    /** `open()` and `take()` do nothing while set. */
-    disabled?: boolean;
-    /** Per-instance overrides of the `filePicker` label namespace. */
-    labels?: Partial<FilePickerLabels>;
-}
-interface UseFilePickerReturn {
-    /** Open the system picker. Call it from a click handler — browsers only open a file
-     *  dialog in response to a user gesture. */
-    open: () => void;
-    /** Screen and deliver files that arrived some other way — a drop, a paste. Honours
-     *  `multiple` (only the first file without it) and every check. */
-    take: (files: ArrayLike<File> | null | undefined) => void;
-    /** The hidden input and the live region. Render it once, anywhere — it takes no
-     *  space and needs no positioned ancestor. */
-    element: ReactElement;
-}
-/**
- * The headless half of {@link FileButton}: a hidden file input you can open from any
- * control, with the reset, the screening and the announcement built in.
- *
- * ```tsx
- * const picker = useFilePicker({ accept: ".pdf", onFiles: ([f]) => upload(f) });
- * return <>{picker.element}<DetailTableCard onAdd={picker.open} … /></>;
- * ```
- */
-declare function useFilePicker({ accept, multiple, capture, maxSize, maxFiles, isValid, invalidMessage, onFiles, onPick, onReject, disabled, labels: labelsProp, }: UseFilePickerOptions): UseFilePickerReturn;
-type ButtonOwnProps = ComponentPropsWithoutRef<typeof Button>;
-interface FileButtonProps extends Omit<UseFilePickerOptions, "disabled">, Omit<ButtonOwnProps, "type" | "children" | "accept" | "capture" | "multiple"> {
-    /** The button's content — usually an icon and a word. It is the accessible name. */
-    children: ReactNode;
-    /** Busy: disabled, `aria-busy`, and a spinner before the content — for "uploading". */
-    pending?: boolean;
-    /** Also accept files dropped ON the button (lenkbank's "drop onto the button").
-     *  Off by default: a button that silently takes drops is a surprise on a page that
-     *  has a real drop target elsewhere. */
-    droppable?: boolean;
-}
-/**
- * {@link useFilePicker} behind a {@link Button}: `variant` and every other button prop
- * pass through, and the ref is the `<button>` (so `ref.current.click()` opens the
- * picker from elsewhere too).
- *
- * ```tsx
- * <FileButton accept="image/*,application/pdf" capture="environment" variant="secondary"
- *   maxSize={10_000_000} onFiles={([f]) => upload(f)} onReject={([r]) => setError(r.message)}>
- *   <Camera aria-hidden /> Photograph receipt
- * </FileButton>
- * ```
- */
-declare const FileButton: react.ForwardRefExoticComponent<FileButtonProps & react.RefAttributes<HTMLButtonElement>>;
-
-export { DEFAULT_FILE_PICKER_LABELS, FileButton, type FileButtonProps, type FilePickHandler, type FilePickerLabels, type FileRejection, type FileRejectionReason, type FileScreenOptions, type UseFilePickerOptions, type UseFilePickerReturn, formatAccept, judgePick, matchesAccept, screenFiles, summariseRejections, useFilePicker };
+import '../lib/clipping.js';
+import '../wizard/types.js';
+import '../tour/tour.js';
+import '../search/command-palette.js';
+import '../search/global-search.js';
+import '../search/search-index.js';
+import './month-picker.js';
+import './page-contents.js';
+import './series-chart-labels.js';
+import './pie-chart-labels.js';
+import './sparkline.js';
+import './stat-tile.js';
+import './signature-pad.js';
+import './password-strength.js';
+import './danger-confirm.js';
+import './swatch-picker.js';
+import './tile-radio.js';
+import './icon-picker.js';
+import './dialog-frame.js';
+import './modal.js';
+import '../hooks/use-search-param-state.js';
+import './measured-grid.js';
+import '../feedback/feedback-attachment.js';
+import '../feedback/feedback-dialog.js';
+import '../feedback/feedback-thread.js';
+import '../feedback/feedback-inbox.js';
+import './account-settings-labels.js';
+import './confirm-dialog.js';
+import './floating-panel.js';
+import './bulk-action-bar.js';
+import './list.js';
+import './breadcrumbs.js';
+import './toast.js';
+import './description-list.js';
+import './line-items.js';
+import './progress-bar.js';
+import './signed-amount.js';
+import './error-boundary.js';
+import './authed-image.js';
+import '../hooks/use-authed-src.js';
+import './image-grid.js';
+import './lightbox.js';

package/dist/components/file-dropzone.d.ts

@@ -1,9 +1,57 @@
 import * as react from 'react';
 import { ComponentPropsWithoutRef, ReactNode } from 'react';
-import { FileRejection, FilePickHandler, FilePickerLabels } from './file-button.js';
-import './ui.js';
+import { ae as FileRejection, b8 as FilePickHandler, ad as FilePickerLabels } from '../kit-labels-v3biUF1L.js';
+import './data-table-labels.js';
+import './mini-calendar.js';
+import './calendar-heatmap.js';
+import './popover.js';
+import './chip.js';
+import 'lucide-react';
+import './field-sync.js';
 import './tooltip.js';
 import '../hooks/use-anchored-rect.js';
+import '../lib/clipping.js';
+import '../wizard/types.js';
+import '../tour/tour.js';
+import '../search/command-palette.js';
+import '../search/global-search.js';
+import '../search/search-index.js';
+import './month-picker.js';
+import './page-contents.js';
+import './series-chart-labels.js';
+import './pie-chart-labels.js';
+import './sparkline.js';
+import './stat-tile.js';
+import './signature-pad.js';
+import './password-strength.js';
+import './danger-confirm.js';
+import './swatch-picker.js';
+import './tile-radio.js';
+import './icon-picker.js';
+import './dialog-frame.js';
+import './modal.js';
+import '../hooks/use-search-param-state.js';
+import './measured-grid.js';
+import '../feedback/feedback-attachment.js';
+import '../feedback/feedback-dialog.js';
+import '../feedback/feedback-thread.js';
+import '../feedback/feedback-inbox.js';
+import './account-settings-labels.js';
+import './confirm-dialog.js';
+import './floating-panel.js';
+import './bulk-action-bar.js';
+import './list.js';
+import './breadcrumbs.js';
+import './toast.js';
+import './description-list.js';
+import './line-items.js';
+import './progress-bar.js';
+import './signed-amount.js';
+import './error-boundary.js';
+import './authed-image.js';
+import '../hooks/use-authed-src.js';
+import './image-grid.js';
+import './lightbox.js';
 
 /**
  * Where a refused file's message goes.

package/dist/components/floating-panel.d.ts

@@ -1,9 +1,18 @@
 import * as react from 'react';
-import { ButtonHTMLAttributes, ReactNode, Ref } from 'react';
+import { ButtonHTMLAttributes, ReactNode, MouseEvent, ReactElement, Ref, HTMLAttributes } from 'react';
+import { TooltipSide } from './tooltip.js';
+import '../hooks/use-anchored-rect.js';
+import '../lib/clipping.js';
 
 interface FloatingPanelLabels {
     /** Accessible name of the panel header's X. */
     close: string;
+    /**
+     * What a {@link FloatingAction}'s count badge adds to its accessible name ("3 new"),
+     * read after the label: "Invoices, 3 new". The dot itself is hidden from a reader —
+     * a bare "3" read out of context says nothing about what is counted.
+     */
+    badge: (count: number) => string;
 }
 declare const DEFAULT_FLOATING_PANEL_LABELS: FloatingPanelLabels;
 /** A LOGICAL corner: `bottom-end` is bottom-right in LTR and bottom-left in RTL. */
@@ -44,6 +53,49 @@ interface FloatingActionButtonProps extends Omit<ButtonHTMLAttributes<HTMLButton
      * in both states; `aria-pressed` already says which one it is in.
      */
     pressed?: boolean;
+    /**
+     * Show `label` beside the icon: the EXTENDED FAB, a pill rather than a disc. For a
+     * corner control whose words are the point — kastlan's offline indicator
+     * (shared/offline/offline-indicator.tsx:39) is a pill saying "Offline — 2 photo(s)
+     * queued" / "Syncing…", hand-placed at `fixed bottom-4 left-4`, i.e. over the
+     * bottom nav and on the wrong side in RTL. Same height as the disc (3rem), so a
+     * {@link FloatingPanel} card above it still clears it.
+     */
+    extended?: boolean;
+    /**
+     * Announce `label` whenever it changes, through a polite `role="status"` region — for
+     * an extended FAB that REPORTS something (kastlan's offline/sync state), where a
+     * sighted user sees the words change and a screen reader user otherwise hears
+     * nothing until they happen to land on the button.
+     *
+     * ⚠️ A live region announces changes, not its own arrival: a FAB that mounts already
+     * saying "Offline" says it to nobody. Keep it mounted and pass `hidden` while there
+     * is nothing to report (kastlan returns `null` when online and idle); the region
+     * stays in the page, and the first real status is heard.
+     */
+    live?: boolean;
+    /**
+     * `primary` (default): the solid brand disc of a page's main action. `surface`: the
+     * page's surface with a hairline border — for a FAB that is a status rather than a
+     * call to action, as kastlan's offline pill is (a brand pill would shout "press me"
+     * at a user who is merely offline). Ignored while `pressed` is set; a toggle has its
+     * own two looks.
+     */
+    variant?: "primary" | "surface";
+    /**
+     * Hover and focus label in the kit {@link Tooltip}, instead of the native `title` —
+     * keksdose has ONE tooltip (dev#523) and wrapped its assistant launcher by hand,
+     * which cannot work: the tooltip's anchor is a `relative inline-flex` span, and this
+     * button is `fixed` and portalled. With `tooltip` the FAB positions a fixed wrapper
+     * instead and the button sits in the tooltip inside it. `true` shows the `label`;
+     * any other content shows that. Implies no native `title` (whatever `nativeTitle`
+     * says): one hover hint, not two. `style` stays on the button; the corner and
+     * `offset` move to the wrapper.
+     */
+    tooltip?: ReactNode;
+    /** Where the {@link tooltip} opens. Default `top`; the bubble is portalled and kept on
+     *  screen, so a corner button's label is not pushed off the edge. */
+    tooltipSide?: TooltipSide;
     ref?: Ref<HTMLButtonElement>;
 }
 /**
@@ -63,7 +115,7 @@ interface FloatingActionButtonProps extends Omit<ButtonHTMLAttributes<HTMLButton
  * Portalled, because `position: fixed` inside any transformed ancestor (an animated
  * page transition) is fixed to that ancestor, not to the screen.
  */
-declare function FloatingActionButton({ label, icon, corner, offset, nativeTitle, pressed, className, style, type, title, ...rest }: FloatingActionButtonProps): react.JSX.Element;
+declare function FloatingActionButton({ label, icon, corner, offset, nativeTitle, pressed, extended, live, variant, tooltip, tooltipSide, className, style, type, title, ...rest }: FloatingActionButtonProps): react.JSX.Element;
 interface FloatingPanelProps {
     /** The panel's heading, and its accessible name. */
     title: ReactNode;
@@ -84,6 +136,10 @@ interface FloatingPanelProps {
     /** The FAB's native `title` — see {@link FloatingActionButtonProps.nativeTitle}.
      *  `false` for keksdose's assistant launcher, under its one-tooltip rule (dev#523). */
     fabNativeTitle?: boolean;
+    /** The FAB's kit tooltip — see {@link FloatingActionButtonProps.tooltip}. `true` for
+     *  keksdose's assistant launcher, which wanted the kit bubble and had no way to
+     *  put one on a fixed, portalled button (dev#523). */
+    fabTooltip?: ReactNode;
     /** Default: `floatingPanel.close` from the {@link UiKitProvider}, else "Close". */
     closeLabel?: string;
     /**
@@ -129,6 +185,102 @@ interface FloatingPanelProps {
  * panel unmounts when closed; an app that must keep a draft across a close keeps it in
  * its own state, where it also survives a reload.
  */
-declare function FloatingPanel({ title, fabLabel, fabIcon, open: openProp, defaultOpen, onOpenChange, corner, offset, fabNativeTitle, closeLabel, initialFocus, className, bodyClassName, children, }: FloatingPanelProps): react.JSX.Element;
+declare function FloatingPanel({ title, fabLabel, fabIcon, open: openProp, defaultOpen, onOpenChange, corner, offset, fabNativeTitle, fabTooltip, closeLabel, initialFocus, className, bodyClassName, children, }: FloatingPanelProps): react.JSX.Element;
+interface FloatingActionGroupProps extends Omit<HTMLAttributes<HTMLDivElement>, "role"> {
+    /** Name the group ("Register actions"); a reader then introduces the members as one
+     *  set. A group with no name is one more unlabelled wrapper. */
+    "aria-label"?: string;
+    /** Default `bottom-end`. */
+    corner?: FloatingCorner;
+    /** Distance above the nav / home indicator — see {@link FloatingActionButtonProps.offset}. */
+    offset?: string;
+    /** {@link FloatingAction}s, in reading order. */
+    children: ReactNode;
+    ref?: Ref<HTMLDivElement>;
+}
+/**
+ * A floating pill of {@link FloatingAction}s — one to four `size-12` toggles, actions
+ * or links with hairline dividers — pinned to a corner exactly as the
+ * {@link FloatingActionButton} is: `--app-nav-h` and the home indicator cleared, a
+ * logical corner, portalled.
+ *
+ * keksdose built it twice by hand: the /transactions phone toolbar
+ * (transactions-page.tsx:644 — upcoming and pending toggles, an invoices link with a
+ * pending count, and the brand "+") and the feedback page's "awaiting only" toggle
+ * (feedback-page.tsx:854, one button in the group anyway, so the two pages look
+ * alike). Both at `right-4 bottom-20` — `right`, not `end`, so over the page's leading
+ * edge in RTL — with `divide-x`, slate hovers, and each member's `Tooltip` spelled out.
+ *
+ * `role="group"`, NOT a toolbar: every member keeps its own tab stop, as the
+ * hand-built ones did, and there is no arrow-key roving to learn. Hide it where it
+ * does not belong with a class (`md:hidden`, as both keksdose pages do).
+ */
+declare function FloatingActionGroup({ corner, offset, className, style, children, ...rest }: FloatingActionGroupProps): react.JSX.Element;
+/** What {@link FloatingActionProps.renderLink} is handed. Spread it onto your router's
+ *  link, mapping `href` — `renderLink={({ href, ...p }) => <Link to={href} {...p} />}`. */
+interface FloatingActionLinkProps {
+    href: string;
+    /** The member's whole look — keep it. */
+    className: string;
+    children: ReactNode;
+    "aria-label": string;
+    onClick?: (event: MouseEvent<HTMLAnchorElement>) => void;
+    [key: `aria-${string}`]: string | boolean | number | undefined;
+    [key: `data-${string}`]: unknown;
+}
+interface FloatingActionProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, "children" | "onClick"> {
+    /** The accessible name, and the tooltip's text. Keep it the same in both states of a
+     *  toggle; `aria-pressed` says which one it is in. */
+    label: string;
+    icon: ReactNode;
+    /** Make it a toggle: `aria-pressed` and the brand "on" look (the brand glyph on the
+     *  quiet brand fill), as {@link FloatingActionButtonProps.pressed}. Ignored on a link.
+     *  For the state without the tint, see {@link pressedStyle}. */
+    pressed?: boolean;
+    /**
+     * How `pressed` looks. `tint` (default): the brand "on" look. `plain`: the member
+     * keeps its quiet look in both states and only `aria-pressed` changes — for a toggle
+     * whose icon already says which state it is in (keksdose's /transactions "Upcoming"
+     * swaps two icons; a tint on top said it twice). The same as passing `aria-pressed`
+     * without `pressed`, which also rides through untinted.
+     */
+    pressedStyle?: "tint" | "plain";
+    /**
+     * `primary`: the brand-filled member, for the group's main action (the /transactions
+     * "+"). Default: the quiet one.
+     */
+    variant?: "default" | "primary";
+    /**
+     * A count in a dot at the member's top end corner — the /transactions invoices link's
+     * pending count. Nothing is drawn for `0` or less; above 99 it reads `99+`. The count
+     * joins the accessible name through `floatingPanel.badge` ("Invoices, 3 new"), or
+     * `badgeLabel` when passed.
+     */
+    badge?: number;
+    /** The badge's words for a reader, replacing `floatingPanel.badge` — "3 to review". */
+    badgeLabel?: string;
+    /** The dot's colour. Default `warning`, the pending count's. */
+    badgeTone?: "warning" | "danger" | "brand";
+    /** Show `label` in the kit {@link Tooltip} on hover and focus. Default `true`: the
+     *  members are icon-only and this is their only visible label. */
+    tooltip?: boolean;
+    /** Where the tooltip opens. Default `top` — the group sits at the bottom of the screen. */
+    tooltipSide?: TooltipSide;
+    /** Make it a link — the /transactions invoices member. Drawn by `renderLink`, else
+     *  the `<UiKitProvider linkComponent>` (an in-app `href`), else a plain `<a>`. */
+    href?: string;
+    /** Render the link through your router's `Link` — see {@link FloatingActionLinkProps}. */
+    renderLink?: (props: FloatingActionLinkProps) => ReactElement;
+    onClick?: (event: MouseEvent<HTMLElement>) => void;
+    ref?: Ref<HTMLButtonElement>;
+}
+/**
+ * One member of a {@link FloatingActionGroup}: a `size-12` icon button, toggle or link
+ * with its label in a styled tooltip — what each keksdose member wrapped by hand in
+ * `<Tooltip portal>`. The tooltip is portalled because the group clips (`overflow-hidden`
+ * keeps the brand member's fill inside the pill's corners), and the focus ring is inset
+ * for the same reason.
+ */
+declare function FloatingAction({ label, icon, pressed, pressedStyle, variant, badge, badgeLabel, badgeTone, tooltip, tooltipSide, href, renderLink, className, type, onClick, ref, ...rest }: FloatingActionProps): react.JSX.Element;
 
-export { DEFAULT_FLOATING_PANEL_LABELS, FloatingActionButton, type FloatingActionButtonProps, type FloatingCorner, FloatingPanel, type FloatingPanelLabels, type FloatingPanelProps };
+export { DEFAULT_FLOATING_PANEL_LABELS, FloatingAction, FloatingActionButton, type FloatingActionButtonProps, FloatingActionGroup, type FloatingActionGroupProps, type FloatingActionLinkProps, type FloatingActionProps, type FloatingCorner, FloatingPanel, type FloatingPanelLabels, type FloatingPanelProps };