@webority/ui-react 0.83.6 → 0.84.0

package/dist/types/components/AppChartCard.d.ts

@@ -28,7 +28,7 @@
  * @param {import('react').ReactNode} props.children The chart.
  * @param {string} [props.className] Extra classes on the card.
  */
-export default function AppChartCard({ title, subtitle, toolbar, onRetry, footer, children, className, ...rest }: {
+export default function AppChartCard(props: {
     title: string;
     subtitle?: string;
     toolbar?: boolean;

package/dist/types/components/AppChip.d.ts

@@ -25,7 +25,7 @@
  * @param {string} [props.removeLabel] aria-label for the dismiss button.
  * @param {string} [props.className]
  */
-export default function AppChip({ label, children, tone, variant, size, leadingIcon, avatar, onRemove, onClick, disabled, removeLabel, className, ...rest }: {
+export default function AppChip(props: {
     label?: import('react').ReactNode;
     children?: import('react').ReactNode;
     tone?: "neutral" | "primary" | "success" | "warning" | "danger" | "info";

package/dist/types/components/AppChipGroup.d.ts

@@ -13,7 +13,7 @@ import "@webority/ui-elements/elements/overflow";
  * @param {string} [props.label] Accessible name for the group.
  * @param {string} [props.className]
  */
-export default function AppChipGroup({ children, overflow, moreLabel, label, className, ...rest }: {
+export default function AppChipGroup(props: {
     children: import('react').ReactNode;
     overflow?: "wrap" | "menu";
     moreLabel?: string;

package/dist/types/components/AppChoiceCard.d.ts

@@ -27,10 +27,7 @@
  *   `stacked` puts the icon on its own line with the title and description below it.
  * @param {string} [props.className]
  */
-export default function AppChoiceCard({ name, multiple, value, checked, onChange, icon, iconNode, // custom icon element; overrides the `icon` name when provided
-iconSize, image, // image URL — renders an image-forward card (overrides icon)
-imageAlt, children, // custom body template — overrides title/description when provided
-title, description, checkIcon, checkSize, hideCheck, disabled, size, layout, className, ...rest }: {
+export default function AppChoiceCard(props: {
     name: string;
     multiple?: boolean;
     value: string;

package/dist/types/components/AppChoiceChip.d.ts

@@ -15,7 +15,7 @@
  * @param {boolean} [props.disabled=false] The chip dims and cannot be picked.
  * @param {string} [props.className]
  */
-export default function AppChoiceChip({ multiple, label, name, value, checked, onChange, children, count, size, disabled, className, ...rest }: {
+export default function AppChoiceChip(props: {
     multiple?: boolean;
     label?: import('react').ReactNode;
     name?: string;

package/dist/types/components/AppCodeBlock.d.ts

@@ -16,7 +16,7 @@ import "@webority/ui-elements/elements/code-block";
  * @param {string} [props.copiedLabel="Copied"] The copy button's label for two seconds after a copy.
  * @param {string} [props.className]
  */
-export default function AppCodeBlock({ code, language, lineNumbers, wrap, label, copyLabel, copiedLabel, className, ...rest }: {
+export default function AppCodeBlock(props: {
     code: string;
     language?: "text" | "json" | "js" | "cs" | "sql" | "bash" | "http" | "html" | "css";
     lineNumbers?: boolean;

package/dist/types/components/AppColorField.d.ts

@@ -24,7 +24,7 @@
  * @param {string} [props.className] Applied to the hex text input (the control).
  * @param {string} [props.fieldClassName] Applied to the `.field` wrapper.
  */
-export default function AppColorField({ value, onChange, label, required, error, hint, name, id, disabled, size, className, fieldClassName, ...rest }: {
+export default function AppColorField(props: {
     value: string;
     onChange: (hex: string) => void;
     label?: import('react').ReactNode;

package/dist/types/components/AppColumnMenu.d.ts

@@ -10,7 +10,7 @@
  * @param {string} [props.label="Columns"] Accessible name and tooltip of the button, and the menu heading.
  * @param {string} [props.className] Extra classes on the menu panel.
  */
-export default function AppColumnMenu({ columns, hiddenColumns, onToggle, label, className, ...rest }: {
+export default function AppColumnMenu(props: {
     columns: {
         key: string;
         label: import('react').ReactNode;

package/dist/types/components/AppCommandPalette.d.ts

@@ -62,7 +62,7 @@ import "@webority/ui-elements/elements/command-palette";
  * @param {string} [props.id] Seeds the result and heading ids; defaults to a generated id.
  * @param {string} [props.className] Extra classes on the dialog card.
  */
-export default function AppCommandPalette({ open, onClose, query, onQueryChange, placeholder, groups, path, onPathChange, rootLabel, backLabel, recentsKey, recentsLimit, recentsLabel, loading, emptyText, footer, ariaLabel, highlight, id, className, ...rest }: {
+export default function AppCommandPalette(props: {
     open: boolean;
     onClose: () => void;
     query?: string;

package/dist/types/components/AppCommentThread.d.ts

@@ -88,7 +88,7 @@ export type CommentThreadItem = {
  * @param {string} [props.id] The root's id. Generated when omitted.
  * @param {string} [props.className] Extra classes on the root.
  */
-export default function AppCommentThread({ comments, onPost, onReply, onEdit, onDelete, onReact, people, loadPeople, reactionChoices, readOnly, label, id, className, ...rest }: {
+export default function AppCommentThread(props: {
     comments?: CommentThreadItem[];
     onPost?: (body: string) => unknown | Promise<unknown>;
     onReply?: (parentId: string, body: string) => unknown | Promise<unknown>;

package/dist/types/components/AppCompareTable.d.ts

@@ -17,7 +17,7 @@
  * @param {string} [props.caption] Accessible description of what is being compared.
  * @param {string} [props.className]
  */
-export default function AppCompareTable({ columns, rows, caption, className, ...rest }: {
+export default function AppCompareTable(props: {
     columns: {
         label: string;
         highlight?: boolean;

package/dist/types/components/AppConfirmDialog.d.ts

@@ -1,20 +1 @@
-export default function AppConfirmDialog({ open, title, message, confirmLabel, cancelLabel, danger, tone, image, iconSize, confirmPhrase, onConfirm, onClose, loading, staticBackdrop, placement, size, className, ...rest }: {
-    [x: string]: any;
-    cancelLabel?: string;
-    className?: string;
-    confirmLabel?: string;
-    confirmPhrase: any;
-    danger?: boolean;
-    iconSize: any;
-    image: any;
-    loading?: boolean;
-    message: any;
-    onClose: any;
-    onConfirm: any;
-    open: any;
-    placement?: string;
-    size?: string;
-    staticBackdrop?: boolean;
-    title: any;
-    tone: any;
-}): import("react").JSX.Element;
+export default function AppConfirmDialog(props: any): import("react").JSX.Element;

package/dist/types/components/AppConsentBanner.d.ts

@@ -36,7 +36,7 @@ import "@webority/ui-elements/elements/consent-banner";
  * @param {string} [props.className] Extra classes on the element.
  * @param {import('react').CSSProperties} [props.style] Inline style; lands on the element with `className`.
  */
-export default function AppConsentBanner({ heading, description, policyHref, policyLabel, analyticsDescription, functionalDescription, marketingDescription, categories, position, standalone, className, style, ...rest }: {
+export default function AppConsentBanner(props: {
     heading?: string;
     description?: string;
     policyHref?: string;

package/dist/types/components/AppContextMenu.d.ts

@@ -30,7 +30,7 @@ import "@webority/ui-elements/elements/context-menu";
  * @param {string} [props.menuClassName] Extra classes on the menu panel.
  * @param {import('react').ElementType} [props.linkComponent] Component for `to` items (e.g. Link).
  */
-export default function AppContextMenu({ items, target, children, ariaLabel, disabled, onOpen, menuClassName, linkComponent, ...rest }: {
+export default function AppContextMenu(props: {
     items?: {
         key: string;
         label?: string;

package/dist/types/components/AppCopyButton.d.ts

@@ -17,7 +17,7 @@
  * @param {string} [props.tooltip]      A collision-aware hover/focus tooltip (via AppTooltip / Popper) — flips to stay on-screen.
  * @param {"auto"|"top"|"bottom"|"start"|"end"} [props.tooltipPlacement="auto"] Preferred tooltip side; `auto` picks the side with the most room.
  */
-export default function AppCopyButton({ text, label, copiedLabel, iconOnly, size, variant, onCopied, className, tooltip, tooltipPlacement, ...rest }: {
+export default function AppCopyButton(props: {
     text: string;
     label?: string;
     copiedLabel?: string;

package/dist/types/components/AppDashboardCell.d.ts

@@ -7,7 +7,7 @@
  * @param {import('react').ReactNode} props.children The card or tile.
  * @param {string} [props.className] Extra classes on the cell.
  */
-export default function AppDashboardCell({ span, children, className, ...rest }: {
+export default function AppDashboardCell(props: {
     span?: 3 | 4 | 6 | 12;
     children: import('react').ReactNode;
     className?: string;

package/dist/types/components/AppDashboardGrid.d.ts

@@ -16,7 +16,7 @@
  * @param {import('react').ReactNode} props.children `AppDashboardCell`s.
  * @param {string} [props.className] Extra classes on the grid.
  */
-export default function AppDashboardGrid({ children, className, ...rest }: {
+export default function AppDashboardGrid(props: {
     children: import('react').ReactNode;
     className?: string;
 }): import("react").JSX.Element;

package/dist/types/components/AppDataTable.d.ts

@@ -95,7 +95,7 @@
  * A sort or reorder of up to 200 rows glides each row to its new place; not under reduced motion, and not
  * on a `virtual` table.
  */
-export default function AppDataTable({ columns, rows, rowKey, sort, onSort, loading, skeletonRows, empty, emptyFiltered, sourceCount, rowActions, rowActionsLabel, pagination, ariaLabel, className, wrapperClassName, selectable, selectedIds, isRowSelectable, onToggleRow, onToggleAll, onSelectRange, renderExpanded, density, striped, flush, rowDrag, maxHeight, stickyFirstColumn, stickyActions, stackOnMobile, hiddenColumns, rowStatus, rowHref, onRowClick, activeRowKey, resizableColumns, viewKey, groupBy, groupLabel, virtual, rowSaving, rowSaveError, ...rest }: {
+export default function AppDataTable(props: {
     columns: object[];
     rows: object[];
     rowKey?: (row: object, index: number) => string | number;

package/dist/types/components/AppDescriptions.d.ts

@@ -17,7 +17,7 @@
  * @param {import('react').ReactNode} [props.title] Optional heading above the grid.
  * @param {string} [props.className] Extra classes on the grid container.
  */
-export default function AppDescriptions({ items, columns, size, bordered, layout, title, className, ...rest }: {
+export default function AppDescriptions(props: {
     items: {
         label: string;
         value: import('react').ReactNode;

package/dist/types/components/AppDrawer.d.ts

@@ -29,7 +29,7 @@ import "@webority/ui-elements/elements/drawer";
  * @param {string} [props.className]
  * @param {import('react').ReactNode} props.children
  */
-export default function AppDrawer({ open, onClose, title, subtitle, ariaLabel, side, size, snapPoints, defaultSnap, onSnapChange, dismissible, staticBackdrop, confirmDiscard, dirty, footer, className, children, ...rest }: {
+export default function AppDrawer(props: {
     open?: boolean;
     onClose?: () => void;
     title?: string;

package/dist/types/components/AppDropZone.d.ts

@@ -21,7 +21,7 @@
  * @param {string} [props.fieldClassName] Class to apply to the wrapper field div.
  * @param {object} [props.style] Inline style; lands on the control with `className`.
  */
-export default function AppDropZone({ label, id, onChange, multiple, accept, maxSizeMb, error, hint, disabled, className, fieldClassName, style, ...rest }: {
+export default function AppDropZone(props: {
     onChange: (file: File | File[]) => void;
     label?: string;
     id?: string;

package/dist/types/components/AppDropdown.d.ts

@@ -42,7 +42,7 @@
  *   pick (react-bootstrap's `source`), and the close on a scroll that moves the toggle or a window
  *   resize (`source` "scroll" or "resize"). Fires in both modes.
  */
-export default function AppDropdown({ icon, iconSize, toggleClassName, label, ariaLabel, align, items, menuClassName, linkComponent, children, trigger, show, onToggle, ...rest }: {
+export default function AppDropdown(props: {
     icon: string;
     iconSize?: number;
     toggleClassName?: string;

package/dist/types/components/AppDueDate.d.ts

@@ -10,7 +10,7 @@
  * @param {string} [props.overdueLabel] Replaces the date text when overdue, for example "Validity ended".
  * @param {string} [props.className]
  */
-export default function AppDueDate({ date, soonDays, overdue, overdueLabel, className, ...rest }: {
+export default function AppDueDate(props: {
     date?: Date;
     soonDays?: number;
     overdue?: boolean;

package/dist/types/components/AppEmptyState.d.ts

@@ -21,7 +21,7 @@
  * @param {string} [props.className]
  * @param {import('react').CSSProperties} [props.style]
  */
-export default function AppEmptyState({ icon, illustration, iconSize, size, title, text, action, className, style, ...rest }: {
+export default function AppEmptyState(props: {
     icon?: string | import('react').ReactNode;
     illustration?: string | import('react').ReactNode;
     iconSize?: number;

package/dist/types/components/AppErrorSummary.d.ts

@@ -13,7 +13,7 @@
  * @param {string} [props.id]
  * @param {string} [props.className]
  */
-export default function AppErrorSummary({ errors, title, autoFocus, id, className, ...rest }: {
+export default function AppErrorSummary(props: {
     errors?: {
         field: string;
         message: string;

package/dist/types/components/AppFileAttachment.d.ts

@@ -37,9 +37,7 @@ export type AttachmentFile = {
  * @param {string} [props.error]
  * @param {string} [props.id]
  */
-export default function AppFileAttachment({ label, value, // File | { url, name } | array | null
-name, onChange, multiple, accept, maxSizeMb, optional, validate, error, // external error, shown alongside internal validation errors
-id, ...rest }: {
+export default function AppFileAttachment(props: {
     label?: string;
     value?: File | AttachmentFile | Array<File | AttachmentFile> | null;
     name?: string;

package/dist/types/components/AppFilePicker.d.ts

@@ -30,7 +30,7 @@
  * @param {string} [props.fieldClassName] Class to apply to the wrapper field div — e.g. a `file-w-*` width preset.
  * @param {object} [props.style] Inline style; lands on the control with `className`.
  */
-export default function AppFilePicker({ label, value, name, id, onPick, multiple, maxFiles, accept, maxSizeMb, required, error, hint, loading, className, fieldClassName, style, ...rest }: {
+export default function AppFilePicker(props: {
     label?: string;
     value?: File | {
         url: string;

package/dist/types/components/AppFilterBar.d.ts

@@ -34,7 +34,7 @@ import "@webority/ui-elements/elements/filter-popover";
  * @param {boolean} [props.apply=false] Hold search and date range edits until Apply (or Enter in a search box), as the Razor app-filter-bar does; other choices still apply when they change. Apply shows only when a text or dateRange facet is present, and never with floating.
  * @param {string} [props.className]
  */
-export default function AppFilterBar({ facets: allFacets, value, onChange, inline, floating, apply, className, ...rest }: {
+export default function AppFilterBar(props: {
     facets: {
         key: string;
         label: string;

package/dist/types/components/AppFloatingDock.d.ts

@@ -24,7 +24,7 @@ import "@webority/ui-elements/elements/dock";
  * @param {number} [props.radius] Px falloff distance for the magnification (element default 100).
  * @param {string} [props.className]
  */
-export default function AppFloatingDock({ items, linkComponent, ariaLabel, magnify, maxScale, radius, className, ...rest }: {
+export default function AppFloatingDock(props: {
     items: {
         key?: string;
         title: string;

package/dist/types/components/AppFormActions.d.ts

@@ -11,7 +11,7 @@
  * @param {"end"|"start"|"between"} [props.align="end"] Alignment of children.
  * @param {string} [props.className]
  */
-export default function AppFormActions({ children, sticky, align, className, ...rest }: {
+export default function AppFormActions(props: {
     children: import('react').ReactNode;
     sticky?: boolean;
     align?: "end" | "start" | "between";

package/dist/types/components/AppFormRow.d.ts

@@ -10,7 +10,7 @@
  * @param {1|2|3} [props.columns=2] Number of columns.
  * @param {string} [props.className]
  */
-export default function AppFormRow({ children, columns, className, ...rest }: {
+export default function AppFormRow(props: {
     children: import('react').ReactNode;
     columns?: 1 | 2 | 3;
     className?: string;

package/dist/types/components/AppFormSection.d.ts

@@ -19,7 +19,7 @@
  * @param {2|3|4} [props.headingLevel=3] Heading level of the section title, so it nests under the page or drawer heading.
  * @param {string} [props.className]
  */
-export default function AppFormSection({ children, title, description, layout, labels, density, headingLevel, className, ...rest }: {
+export default function AppFormSection(props: {
     children: import('react').ReactNode;
     title?: import('react').ReactNode;
     description?: import('react').ReactNode;

package/dist/types/components/AppHoverCard.d.ts

@@ -22,7 +22,7 @@ import "@webority/ui-elements/elements/hover-card";
  * @param {(open: boolean) => void} [props.onOpenChange] Called when the card opens or closes.
  * @param {string} [props.className]
  */
-export default function AppHoverCard({ trigger, children, loading, loadingLabel, label, openDelay, closeDelay, onOpenChange, className, ...rest }: {
+export default function AppHoverCard(props: {
     trigger: import('react').ReactNode;
     children?: import('react').ReactNode;
     loading?: boolean;

package/dist/types/components/AppIcon.d.ts

@@ -37,7 +37,7 @@ export declare function registerIcons(map: Record<string, (props: {
  * @param {string} [props.color]
  * @param {object} [props.style]
  */
-export default function AppIcon({ name, size, variant, tooltip, tooltipPlacement, className, color, style, ...rest }: {
+export default function AppIcon(props: {
     name: string;
     size?: number;
     variant?: 'linear' | 'outline' | 'bold' | 'bulk' | 'broken' | 'twotone';

package/dist/types/components/AppInfoList.d.ts

@@ -12,7 +12,7 @@
  * @param {{ key?: string, icon: string|import('react').ReactNode, label: string, value: import('react').ReactNode, href?: string }[]} props.items
  * @param {string} [props.className]
  */
-export default function AppInfoList({ items, className, ...rest }: {
+export default function AppInfoList(props: {
     items: {
         key?: string;
         icon: string | import('react').ReactNode;

package/dist/types/components/AppInfoTip.d.ts

@@ -1,8 +1 @@
-export default function AppInfoTip({ label, children, placement, width, className, ...rest }: {
-    [x: string]: any;
-    children: any;
-    className?: string;
-    label: any;
-    placement?: string;
-    width?: string;
-}): import("react").JSX.Element;
+export default function AppInfoTip(props: any): import("react").JSX.Element;

package/dist/types/components/AppInlineEdit.d.ts

@@ -39,7 +39,7 @@ import "@webority/ui-elements/elements/select";
  * @param {string} [props.className] Extra classes on the root element.
  * @param {string} [props.id] The root's id; the control and error ids derive from it. Generated when omitted.
  */
-export default function AppInlineEdit({ value, onSave, type, options, label, placeholder, validate, renderValue, disabled, className, id, ...rest }: {
+export default function AppInlineEdit(props: {
     value?: string | number | null;
     onSave?: (next: string | number | null) => void | Promise<unknown>;
     type?: 'text' | 'number' | 'select' | 'date' | 'textarea';

package/dist/types/components/AppInputGroup.d.ts

@@ -17,7 +17,7 @@
  * @param {'sm'|'md'|'lg'} [props.size='md'] Height of text add-ons; set the same size on the field and on button add-ons.
  * @param {string} [props.className]
  */
-export default function AppInputGroup({ children, leading, trailing, label, htmlFor, required, size, className, ...rest }: {
+export default function AppInputGroup(props: {
     children: import('react').ReactNode;
     leading?: import('react').ReactNode;
     trailing?: import('react').ReactNode;

package/dist/types/components/AppKanban.d.ts

@@ -64,7 +64,7 @@
  * @param {string} [props.className]
  * @param {string} [props.id] The board's id; the column, body and help ids derive from it. Generated when omitted.
  */
-export default function AppKanban({ columns, cards, renderCard, renderColumnActions, getCardKey, getCardColumn, getCardValue, cardLabel, isCardLocked, onLocked, onMove, accept, filter, boardId, ariaLabel, emptyText, readOnly, swipeHint, fill, columnWidth, fillOffset, activeCardKey, headLayout, summaryFormat, summaryUnit, className, id, ...rest }: {
+export default function AppKanban(props: {
     columns: {
         key: string;
         title: string;

package/dist/types/components/AppKbd.d.ts

@@ -9,7 +9,7 @@
  * @param {string|number} props.children The key: "K", "Enter", "Ctrl K".
  * @param {string} [props.className]
  */
-export default function AppKbd({ children, className, ...rest }: {
+export default function AppKbd(props: {
     children: string | number;
     className?: string;
 }): import("react").JSX.Element;

package/dist/types/components/AppKpiTile.d.ts

@@ -38,7 +38,7 @@
  * @param {string} [props.deltaClassName] Extra class(es) on the delta.
  * @param {string} [props.sparklineClassName] Extra class(es) on the sparkline.
  */
-export default function AppKpiTile({ label, value, caption, icon, iconTone, iconVariant, delta, deltaDirection, deltaTone, sparkline, variant, size, valueSize, inline, attention, href, linkComponent: Link, className, style, iconClassName, labelClassName, valueClassName, captionClassName, deltaClassName, sparklineClassName, ...rest }: {
+export default function AppKpiTile(props: {
     label: string;
     value: import('react').ReactNode;
     caption?: import('react').ReactNode;

package/dist/types/components/AppLightbox.d.ts

@@ -23,7 +23,7 @@ import "@webority/ui-elements/elements/lightbox";
  * @param {() => void} [props.onClose] Called when the full-screen view closes.
  * @param {string} [props.className]
  */
-export default function AppLightbox({ items, download, label, onChange, onClose, className, ...rest }: {
+export default function AppLightbox(props: {
     items: {
         src: string;
         thumb?: string;

package/dist/types/components/AppLink.d.ts

@@ -1,15 +1 @@
-export default function AppLink({ children, label, href, animation, leftIcon, rightIcon, size, surface, external, disabled, linkComponent: Link, className, ...rest }: {
-    [x: string]: any;
-    animation?: string;
-    children: any;
-    className?: string;
-    disabled?: boolean;
-    external?: boolean;
-    href: any;
-    label: any;
-    leftIcon?: any;
-    linkComponent: any;
-    rightIcon?: any;
-    size?: string;
-    surface?: string;
-}): import("react").JSX.Element;
+export default function AppLink(props: any): import("react").JSX.Element;

package/dist/types/components/AppLogoPicker.d.ts

@@ -1,34 +1,2 @@
 import "@webority/ui-elements/elements/image-crop";
-export default function AppLogoPicker({ value, // current image URL | null
-fallback, // node shown when there's no image (e.g. initials)
-name, onPick, // (file) => void — receives a validated File
-onRemove, // () => void — clears the current logo
-loading, // show a spinner + block interaction while the pick is uploading
-disabled, accept, maxSizeMb, crop, overlayIcon, overlayLabel, ariaLabel, removeLabel, label, hint, error, layout, title, subtitle, required, variant, size, shape, className, ...rest }: {
-    [x: string]: any;
-    accept?: string;
-    ariaLabel?: string;
-    className?: string;
-    crop: any;
-    disabled?: boolean;
-    error: any;
-    fallback: any;
-    hint: any;
-    label: any;
-    layout?: string;
-    loading?: boolean;
-    maxSizeMb?: number;
-    name: any;
-    onPick: any;
-    onRemove: any;
-    overlayIcon?: string;
-    overlayLabel?: string;
-    removeLabel?: string;
-    required?: boolean;
-    shape?: string;
-    size?: string;
-    subtitle: any;
-    title: any;
-    value: any;
-    variant?: string;
-}): import("react").JSX.Element;
+export default function AppLogoPicker(props: any): import("react").JSX.Element;

package/dist/types/components/AppMarkdown.d.ts

@@ -16,7 +16,7 @@ import "@webority/ui-elements/elements/markdown";
  *   in-app route. Without it an in-app route renders as a plain anchor.
  * @param {string} [props.className]
  */
-export default function AppMarkdown({ value, className, linkComponent, resolveLink, ...rest }: {
+export default function AppMarkdown(props: {
     value?: string;
     resolveLink?: (href: string) => string | null | undefined;
     linkComponent?: import('react').ElementType;

package/dist/types/components/AppMenubar.d.ts

@@ -21,7 +21,7 @@ import "@webority/ui-elements/elements/menubar";
  * @param {import('react').ElementType} [props.linkComponent] Component for `to` rows (e.g. Link).
  * @param {string} [props.className]
  */
-export default function AppMenubar({ menus, ariaLabel, linkComponent, className, ...rest }: {
+export default function AppMenubar(props: {
     menus: {
         key: string;
         label: string;

package/dist/types/components/AppMeter.d.ts

@@ -17,7 +17,7 @@
  * @param {boolean} [props.showLabel=false] Render the label text above the bar.
  * @param {string} [props.className]
  */
-export default function AppMeter({ value, min, max, tone, optimum, low, high, size, label, showLabel, className, ...rest }: {
+export default function AppMeter(props: {
     value: number;
     min?: number;
     max?: number;

package/dist/types/components/AppMetricStrip.d.ts

@@ -8,7 +8,7 @@
  * @param {'sm'|'md'} [props.size='md'] The value and label scale.
  * @param {string} [props.className]
  */
-export default function AppMetricStrip({ items, columns, size, className, ...rest }: {
+export default function AppMetricStrip(props: {
     items: {
         label: string;
         value: import('react').ReactNode;

package/dist/types/components/AppModal.d.ts

@@ -28,7 +28,7 @@
  * @param {string} [props.className] Extra classes on the modal card.
  * @param {import('react').ReactNode} props.children
  */
-export default function AppModal({ open, eyebrow, title, subtitle, headerIcon, tone, dismissible, onClose, footer, size, placement, hideHeader, staticBackdrop, confirmDiscard, dirty, ariaLabel, className, children, ...rest }: {
+export default function AppModal(props: {
     open: boolean;
     eyebrow?: import('react').ReactNode;
     title?: import('react').ReactNode;

package/dist/types/components/AppNavigationMenu.d.ts

@@ -20,7 +20,7 @@ import "@webority/ui-elements/elements/navigation-menu";
  * @param {import('react').ElementType} [props.linkComponent] Component for `to` links (e.g. Link).
  * @param {string} [props.className]
  */
-export default function AppNavigationMenu({ items, ariaLabel, linkComponent, className, ...rest }: {
+export default function AppNavigationMenu(props: {
     items: {
         key: string;
         label: string;

package/dist/types/components/AppNotificationCenter.d.ts

@@ -66,7 +66,7 @@ export type NotificationItem = {
  * @param {(open: boolean) => void} [props.onOpenChange] Called when the panel opens or closes.
  * @param {string} [props.className]
  */
-export default function AppNotificationCenter({ items, unread, label, emptyText, viewAllHref, defaultOpen, now, onMarkAllRead, onItemClick, onOpenChange, className, ...rest }: {
+export default function AppNotificationCenter(props: {
     items: NotificationItem[];
     unread?: number;
     label?: string;

package/dist/types/components/AppOnboardingChecklist.d.ts

@@ -26,7 +26,7 @@ import "@webority/ui-elements/elements/onboarding-checklist";
  * @param {import('react').ElementType} [props.linkComponent] Router link for a step with an `href`; it receives `to` instead of `href`.
  * @param {string} [props.className]
  */
-export default function AppOnboardingChecklist({ steps, title, defaultCollapsed, defaultDismissed, storageKey, dismissLabel, restoreLabel, onDismiss, onRestore, onCollapsedChange, linkComponent: Link, className, ...rest }: {
+export default function AppOnboardingChecklist(props: {
     steps: {
         key?: string;
         label: string;

package/dist/types/components/AppPageHeader.d.ts

@@ -38,7 +38,7 @@
  * @param {boolean} [props.sticky=false]  Stick the masthead to the top of the scroll container.
  * @param {string} [props.className]
  */
-export default function AppPageHeader({ title, as, subtitle, eyebrow, icon, tone, status, breadcrumbs, actions, views, tools, meta, metaPlacement, bulkFor, bulk, size, align, divider, sticky, className, ...rest }: {
+export default function AppPageHeader(props: {
     title: import('react').ReactNode;
     as?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
     subtitle?: import('react').ReactNode;

package/dist/types/components/AppPagination.d.ts

@@ -14,7 +14,7 @@
  * @param {string} [props.ariaLabel='Pagination'] Accessible label for the <nav>.
  * @param {string} [props.className] Extra CSS class to add to the nav wrapper.
  */
-export default function AppPagination({ page, totalPages, onChange, siblings, size, ariaLabel, className, ...rest }: {
+export default function AppPagination(props: {
     page: number;
     totalPages: number;
     onChange: (page: number) => void;

package/dist/types/components/AppPricingCard.d.ts

@@ -21,7 +21,7 @@
  * @param {string} [props.badge='Most popular'] Text of the featured flag.
  * @param {string} [props.className]
  */
-export default function AppPricingCard({ name, price, unit, tagline, features, cta, featured, current, badge, className, ...rest }: {
+export default function AppPricingCard(props: {
     name: string;
     price: import('react').ReactNode;
     unit?: string;