@webority/ui-react 0.83.6 → 0.85.0

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

@@ -15,7 +15,7 @@
  * @param {boolean} [props.indeterminate=false] Unknown-duration sweep; drops the value/label.
  * @param {string} [props.className]
  */
-export default function AppProgress({ value, max, tone, size, label, showLabel, striped, animated, indeterminate, className, ...rest }: {
+export default function AppProgress(props: {
     value: number;
     max?: number;
     tone?: 'info' | 'success' | 'warning' | 'danger' | 'neutral';

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

@@ -19,7 +19,7 @@
  * @param {string} [props.className]
  * @param {import('react').CSSProperties} [props.style]
  */
-export default function AppQrCode({ value, size, title, className, style, ...rest }: {
+export default function AppQrCode(props: {
     value: string;
     size?: number;
     title?: string;

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

@@ -29,7 +29,7 @@
  * @param {import('react').CSSProperties} [props.style] Inline style; lands on the group with `className`.
  * @param {string} [props.fieldClassName] Class on the `.field` wrapper.
  */
-export default function AppRadioGroup({ label, options, name, value, defaultValue, onChange, variant, inline, required, disabled, error, hint, help, helpLabel, id, className, fieldClassName, style, ...rest }: {
+export default function AppRadioGroup(props: {
     label: import('react').ReactNode;
     options: {
         value: string;

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

@@ -27,7 +27,7 @@ import "@webority/ui-elements/elements/rating";
  * @param {string} [props.className] Class on the stars (the control).
  * @param {string} [props.fieldClassName] Input only: class on the `.field` wrapper.
  */
-export default function AppRating({ value, defaultValue, onChange, max, readOnly, half, showValue, size, label, name, required, disabled, error, hint, id, className, fieldClassName, ...rest }: {
+export default function AppRating(props: {
     value?: number;
     defaultValue?: number;
     onChange?: (value: number) => void;

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

@@ -24,7 +24,7 @@ import "@webority/ui-elements/elements/record-pager";
  * @param {boolean} [props.keys=false] J and K press next and previous.
  * @param {string} [props.className]
  */
-export default function AppRecordPager({ index, total, prevHref, onPrev, nextHref, onNext, prevLabel, nextLabel, keys, className, ...rest }: {
+export default function AppRecordPager(props: {
     index?: number;
     total?: number;
     prevHref?: string;

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

@@ -11,7 +11,7 @@
  * @param {'auto'|'top'|'bottom'|'start'|'end'} [props.tooltipPlacement='auto'] Preferred side of the exact-time tooltip.
  * @param {string} [props.className]
  */
-export default function AppRelativeTime({ value, tooltipPlacement, className, ...rest }: {
+export default function AppRelativeTime(props: {
     value: string | number | Date;
     tooltipPlacement?: 'auto' | 'top' | 'bottom' | 'start' | 'end';
     className?: string;

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

@@ -30,7 +30,7 @@
  * @param {boolean} [props.numbered=true] Show the row index.
  * @param {string} [props.className]
  */
-export default function AppRepeater({ rows, renderRow, rowLabel, onAdd, onRemove, addLabel, addVariant, removeLabel, emptyText, min, max, numbered, className, ...rest }: {
+export default function AppRepeater(props: {
     rows: {
         id?: string | number;
     }[];

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

@@ -4,4 +4,4 @@
  *
  * @returns {import('react').JSX.Element}
  */
-export default function AppRequiredMark(): import('react').JSX.Element;
+export default function AppRequiredMark(props: any): import('react').JSX.Element;

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

@@ -21,7 +21,7 @@ export declare const ResizableDirection: import("react").Context<string>;
  * @param {import('react').ReactNode} [props.children] `AppResizablePanel`s with an `AppResizableHandle` between each pair.
  * @param {string} [props.className]
  */
-export default function AppResizable({ direction, storageKey, onChange, children, className, ...rest }: {
+export default function AppResizable(props: {
     direction?: 'horizontal' | 'vertical';
     storageKey?: string;
     onChange?: (sizes: number[]) => void;

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

@@ -7,7 +7,7 @@
  * @param {string} [props.label='Resize panels'] Its accessible name; say what it resizes ("Resize the list").
  * @param {string} [props.className]
  */
-export default function AppResizableHandle({ label, className, ...rest }: {
+export default function AppResizableHandle(props: {
     label?: string;
     className?: string;
 }): import("react").JSX.Element;

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

@@ -10,7 +10,7 @@
  * @param {string} [props.className]
  * @param {import('react').CSSProperties} [props.style]
  */
-export default function AppResizablePanel({ defaultSize, minSize, maxSize, children, className, style, ...rest }: {
+export default function AppResizablePanel(props: {
     defaultSize?: number;
     minSize?: number;
     maxSize?: number;

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

@@ -17,7 +17,7 @@
  *   library router-agnostic.
  * @param {string} [props.className]
  */
-export default function AppResourceCard({ icon, title, text, href, external, linkComponent: Link, className, ...rest }: {
+export default function AppResourceCard(props: {
     icon: string;
     title: string;
     text?: string;

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

@@ -17,7 +17,7 @@
  * @param {1|2|3} [props.headingLevel=2] The title's heading level: 1 when the result is the whole page.
  * @param {string} [props.className] Extra classes on the result container.
  */
-export default function AppResult({ status, title, subtitle, icon, actions, children, headingLevel, className, ...rest }: {
+export default function AppResult(props: {
     status?: 'success' | 'error' | 'warning' | 'info' | '403' | '404' | '500';
     title: string;
     subtitle?: import('react').ReactNode;

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

@@ -17,7 +17,7 @@ import "@webority/ui-elements/elements/rolling-number";
  * @param {number} [props.duration=600] How long the roll takes, in milliseconds.
  * @param {string} [props.className]
  */
-export default function AppRollingNumber({ value, format, unit, decimals, duration, className, ...rest }: {
+export default function AppRollingNumber(props: {
     value?: number;
     format?: 'number' | 'currency' | 'percent';
     unit?: 'rupees' | 'paise';

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

@@ -21,7 +21,7 @@
  * @param {import('react').ReactNode} [props.children] Extra content below the actions, such as a support link.
  * @param {string} [props.className] Extra classes on the outer container.
  */
-export default function AppRouteError({ kind, homeHref, onRetry, brand, fullPage, children, className, ...rest }: {
+export default function AppRouteError(props: {
     kind?: 'error' | 'stale-build' | 'not-found';
     homeHref?: string;
     onRetry?: () => void;

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

@@ -22,7 +22,7 @@
  * @param {string} [props.className] Class on the scale (the control).
  * @param {string} [props.fieldClassName] Class on the `.field` wrapper.
  */
-export default function AppScoreScale({ value, onChange, min, max, label, lowLabel, highLabel, name, disabled, error, hint, id, className, fieldClassName, }: {
+export default function AppScoreScale(props: {
     value?: number | null;
     onChange?: (value: number) => void;
     min?: number;

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

@@ -13,7 +13,7 @@
  *   scrolls. A number is treated as pixels.
  * @param {object} [props.style] Extra inline styles, merged with maxHeight.
  */
-export default function AppScrollbar({ children, className, maxHeight, style, ...rest }: {
+export default function AppScrollbar(props: {
     children: import('react').ReactNode;
     className?: string;
     maxHeight?: number | string;

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

@@ -15,8 +15,7 @@
  * @param {string} [props.form] Id of the filter form this search joins, so it submits with the filters.
  * @param {(event: import('react').KeyboardEvent<HTMLInputElement>) => void} [props.onKeyDown] Called for every key in the field, before a collapsible search folds on Escape.
  */
-export default function AppSearch({ value, onChange, placeholder, ariaLabel, iconSize, size, loading, collapsible, disabled, className, // extra classes on the wrapper
-form, onKeyDown, ...rest }: {
+export default function AppSearch(props: {
     value: string;
     onChange?: (value: string) => void;
     placeholder?: string;

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

@@ -12,7 +12,7 @@
  * @param {"default"|"muted"} [props.variant="default"] The section's background around the panel.
  * @param {string} [props.className]
  */
-export default function AppSectionCallToAction({ title, actions, as, eyebrow, subtitle, align, variant, className, ...rest }: {
+export default function AppSectionCallToAction(props: {
     title: import('react').ReactNode;
     actions?: import('react').ReactNode;
     as?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6";

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

@@ -16,7 +16,7 @@
  * @param {import('react').ReactNode} [props.children] The `AppAccordion` of questions.
  * @param {string} [props.className]
  */
-export default function AppSectionFaq({ title, as, eyebrow, subtitle, align, variant, children, className, ...rest }: {
+export default function AppSectionFaq(props: {
     title: import('react').ReactNode;
     as?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
     eyebrow?: import('react').ReactNode;

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

@@ -18,7 +18,7 @@
  * @param {"default"|"muted"} [props.variant="default"] The section's background.
  * @param {string} [props.className]
  */
-export default function AppSectionFeatures({ title, items, layout, as, eyebrow, subtitle, align, variant, className, ...rest }: {
+export default function AppSectionFeatures(props: {
     title: import('react').ReactNode;
     items?: {
         key?: string;

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

@@ -19,7 +19,7 @@
  * @param {import('react').ReactNode} [props.media] An `<img>` with `width` and `height`, beside the copy.
  * @param {string} [props.className]
  */
-export default function AppSectionHero({ title, as, eyebrow, subtitle, align, variant, actions, media, className, ...rest }: {
+export default function AppSectionHero(props: {
     title: import('react').ReactNode;
     as?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
     eyebrow?: import('react').ReactNode;

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

@@ -19,7 +19,7 @@
  * @param {"default"|"muted"} [props.variant="default"] The section's background.
  * @param {string} [props.className]
  */
-export default function AppSectionLogos({ title, items, as, eyebrow, subtitle, align, variant, className, ...rest }: {
+export default function AppSectionLogos(props: {
     title: import('react').ReactNode;
     items?: {
         key?: string;

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

@@ -16,7 +16,7 @@
  * @param {import('react').ReactNode} [props.children] The `AppPricingCard` tiers.
  * @param {string} [props.className]
  */
-export default function AppSectionPricing({ title, as, eyebrow, subtitle, align, variant, children, className, ...rest }: {
+export default function AppSectionPricing(props: {
     title: import('react').ReactNode;
     as?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
     eyebrow?: import('react').ReactNode;

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

@@ -16,7 +16,7 @@
  * @param {"default"|"muted"} [props.variant="default"] The section's background.
  * @param {string} [props.className]
  */
-export default function AppSectionTestimonials({ title, items, as, eyebrow, subtitle, align, variant, className, ...rest }: {
+export default function AppSectionTestimonials(props: {
     title: import('react').ReactNode;
     items?: {
         key?: string;

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

@@ -27,7 +27,7 @@
  * @param {boolean} [props.labelVisible=false] Shows the field label above the control. The accessible name stays either way.
  * @param {string} [props.className]
  */
-export default function AppSegmented({ options, value, onChange, label, name, size, fullWidth, bordered, disabled, labelVisible, className, ...rest }: {
+export default function AppSegmented(props: {
     options: {
         value: string;
         label: string;

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

@@ -1,16 +1,2 @@
 import "@webority/ui-elements/elements/select";
-export default function AppSelectMini({ value, onChange, options, placeholder, name, ariaLabel, id, disabled, size, icon, prefix, className, ...rest }: {
-    [x: string]: any;
-    ariaLabel: any;
-    className: any;
-    disabled: any;
-    icon: any;
-    id: any;
-    name: any;
-    onChange: any;
-    options?: any[];
-    placeholder?: string;
-    prefix: any;
-    size: any;
-    value: any;
-}): import("react").JSX.Element;
+export default function AppSelectMini(props: any): import("react").JSX.Element;

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

@@ -6,6 +6,15 @@ export type NavItemShape = {
      * product with its own content-icon set (iconsax behind a product `Icon` seam) can use it.
      */
     icon?: string | import('react').ReactNode;
+    /**
+     * The iconsax style of a named
+     * `icon`; a node icon draws its own look.
+     */
+    iconVariant?: 'linear' | 'outline' | 'bold' | 'bulk' | 'broken' | 'twotone';
+    /**
+     * The icon's width and height in px.
+     */
+    iconSize?: number;
     /**
      * With `children`, the label link goes here and the chevron alone opens the sub-list.
      */
@@ -206,7 +215,7 @@ export type SearchShape = {
  * @param {SearchShape} [props.search] The topbar search.
  * @param {string} [props.className]
  */
-export default function AppShell({ groups, brand, sidebarStart, sidebarStartCompact, sidebarFooter, topbarStart, topbarEnd, footer, launcher, children, collapsed, onCollapsedChange, noSidebar, density, topbarTone, navLabel, linkComponent: Link, currentPath, rememberCollapsed, collapsedCookie, tabBarLabel, moreLabel, userMenu, notifications, search, className, ...rest }: {
+export default function AppShell(props: {
     groups: {
         label?: string;
         items: NavItemShape[];

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

@@ -22,7 +22,7 @@ import "@webority/ui-elements/elements/shortcuts";
  * @param {string} [props.search] CSS selector of the field `/` focuses.
  * @param {string} [props.className]
  */
-export default function AppShortcutLegend({ shortcuts, items, search, className, ...rest }: {
+export default function AppShortcutLegend(props: {
     shortcuts?: {
         key: string;
         label: string;

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

@@ -18,7 +18,7 @@ import "@webority/ui-elements/elements/show-more";
  * @param {string} [props.id] The root's id; the body's is `{id}-body`. Generated when omitted.
  * @param {string} [props.className]
  */
-export default function AppShowMore({ children, lines, moreLabel, lessLabel, defaultExpanded, id, className, ...rest }: {
+export default function AppShowMore(props: {
     children: import('react').ReactNode;
     lines?: number;
     moreLabel?: string;

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

@@ -1,22 +1 @@
-export default function AppSidebarMenu({ show, onHide, side, title, titleIcon, header, children, footer, width, maxWidth, backdrop, scroll, keyboard, closeButton, closeLabel, responsive, className, bodyClassName, ariaLabel, ...rest }: {
-    [x: string]: any;
-    ariaLabel: any;
-    backdrop?: boolean;
-    bodyClassName?: string;
-    children: any;
-    className?: string;
-    closeButton?: boolean;
-    closeLabel?: string;
-    footer: any;
-    header: any;
-    keyboard?: boolean;
-    maxWidth: any;
-    onHide: any;
-    responsive: any;
-    scroll?: boolean;
-    show: any;
-    side?: string;
-    title: any;
-    titleIcon: any;
-    width: any;
-}): import("react").JSX.Element;
+export default function AppSidebarMenu(props: any): import("react").JSX.Element;

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

@@ -8,7 +8,7 @@
  * @param {string} [props.className]
  * @param {import('react').CSSProperties} [props.style]
  */
-export default function AppSkeleton({ width, height, radius, className, style, ...rest }: {
+export default function AppSkeleton(props: {
     width?: string | number;
     height?: string | number;
     radius?: string | number;

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

@@ -15,7 +15,7 @@
  * @param {number} [props.height=16] Height in px.
  * @param {string} [props.className] Extra classes on the svg.
  */
-export default function AppSparkline({ data, label, width, height, className, ...rest }: {
+export default function AppSparkline(props: {
     data: number[];
     label?: string;
     width?: number;

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

@@ -11,7 +11,7 @@
  * @param {string} [props.label='Loading'] Accessible name.
  * @param {string} [props.className]
  */
-export default function AppSpinner({ size, label, className, ...rest }: {
+export default function AppSpinner(props: {
     size?: 'sm' | 'md' | number;
     label?: string;
     className?: string;

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

@@ -20,7 +20,7 @@
  * @param {string} [props.label='Loading'] Accessible name for the live region.
  * @param {string} [props.className]
  */
-export default function AppSplash({ logo, initials, text, subtext, variant, size, label, className, ...rest }: {
+export default function AppSplash(props: {
     logo?: import('react').ReactNode;
     initials?: string;
     text?: string;

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

@@ -24,7 +24,7 @@
  * @param {import('react').ElementType} [props.linkComponent] Component for items with `to` (e.g. a router Link).
  * @param {string} [props.className]
  */
-export default function AppSplitButton({ label, items, onClick, href, type, variant, size, disabled, loading, leftIcon, shortcut, menuLabel, align, linkComponent, className, ...rest }: {
+export default function AppSplitButton(props: {
     label: string;
     items?: {
         key: string;

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

@@ -50,7 +50,7 @@
  * @param {'sm'|'md'|'lg'|'xl'|'xxl'} [props.stackBelow='xl'] Below this tier the list and pane are two screens.
  * @param {string} [props.className]
  */
-export default function AppSplitView({ items, currentKey, onSelect, selectable, selectedKeys, onToggle, onToggleAll, bulkActions, header, chips, pane, paneHeader, pager, shortcuts, shortcutsEnabled, empty, loading, listWidth, stackBelow, className, ...rest }: {
+export default function AppSplitView(props: {
     items?: {
         key: string | number;
         title: import('react').ReactNode;

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

@@ -10,7 +10,7 @@
  * @param {string} [props.tooltip] A collision-aware hover/focus tooltip (via AppTooltip / Popper) — flips to stay on-screen. Useful to spell out a terse status pill's full meaning.
  * @param {"auto"|"top"|"bottom"|"start"|"end"} [props.tooltipPlacement="auto"] Preferred tooltip side; `auto` picks the side with the most room.
  */
-export default function AppStatusBadge({ label, tone, className, tooltip, tooltipPlacement, ...rest }: {
+export default function AppStatusBadge(props: {
     label?: import('react').ReactNode;
     tone?: string;
     className?: string;

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

@@ -38,7 +38,7 @@
  *   step; it receives `to` instead of `href`.
  * @param {string} [props.className]
  */
-export default function AppStepper({ steps, variant, orientation, iconVariant, size, iconSize, activeStep, onStepClick, label, tone, linkComponent: Link, className, ...rest }: {
+export default function AppStepper(props: {
     steps: {
         key?: string;
         label: string;

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

@@ -9,7 +9,7 @@
  * @param {import('react').ReactNode} [props.text]
  * @param {import('react').ReactNode} [props.action]
  */
-export default function AppTableEmptyState({ icon, illustration, title, text, action, ...rest }: {
+export default function AppTableEmptyState(props: {
     icon?: string | import('react').ReactNode;
     illustration?: string | import('react').ReactNode;
     title: import('react').ReactNode;

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

@@ -21,7 +21,7 @@
  *   pages but doesn't expose page size.
  * @param {string} [props.className] Merged with the component's own table-pagination class.
  */
-export default function AppTablePagination({ page, totalPages, pageSize, onPageChange, onPageSizeChange, pageSizes, mode, showPageSize, className, ...rest }: {
+export default function AppTablePagination(props: {
     page: number;
     totalPages: number;
     pageSize: number;

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

@@ -23,7 +23,7 @@
  *   "All 1,284 selected" and Clear becomes "Clear selection". The screen resets it on any row change.
  * @param {string} [props.className]
  */
-export default function AppTableToolbar({ filters, actions, selectedCount, bulkActions, onClearSelection, totalCount, pageCount, onSelectAllMatching, allMatchingSelected, className, ...rest }: {
+export default function AppTableToolbar(props: {
     filters?: import('react').ReactNode;
     actions?: import('react').ReactNode;
     selectedCount?: number;

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

@@ -48,7 +48,7 @@ import "@webority/ui-elements/elements/overflow";
  * @param {import('react').CSSProperties} [props.style]
  * @param {"success"|"warning"|"danger"|"info"} [props.tone] Per-tab count-pill tint (set as `tabs[].tone`).
  */
-export default function AppTabs({ tabs, value, onChange, linkComponent, variant, orientation, size, fitted, overflow, moreLabel, maxVisible, activation, ariaLabel, className, style, ...rest }: {
+export default function AppTabs(props: {
     tabs: {
         key: string;
         label: import('react').ReactNode;

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

@@ -35,7 +35,7 @@
  * @param {(mode: "light"|"dark"|"auto") => void} [props.onChange] Fires with the new mode once it is applied.
  * @param {string} [props.className]
  */
-export default function AppThemeToggle({ variant, effect, includeAuto, storageKey, duration, label, lightLabel, darkLabel, autoLabel, name, size, tooltipPlacement, onChange, className, ...rest }: {
+export default function AppThemeToggle(props: {
     variant?: "icon" | "segmented";
     effect?: "wave" | "circle" | "slide" | "blinds" | "fade" | "none";
     includeAuto?: boolean;

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

@@ -42,7 +42,7 @@
  * @param {import('react').CSSProperties} [props.style] Inline style on the list;
  *   the `size` var is merged into it.
  */
-export default function AppTimeline({ items, variant, orientation, iconVariant, size, className, style, ...rest }: {
+export default function AppTimeline(props: {
     items: {
         key?: string;
         icon?: string;

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

@@ -21,7 +21,7 @@
  *   stack always contrasts with the page. A per-toast `surface` option overrides it.
  * @param {string} [props.className] Extra class on the container element.
  */
-export default function AppToast({ position, maxVisible, animation, shape, surface, className, ...rest }: {
+export default function AppToast(props: {
     position?: 'top-start' | 'top-center' | 'top-end' | 'middle-center' | 'bottom-start' | 'bottom-center' | 'bottom-end';
     maxVisible?: number;
     animation?: 'rise' | 'organic' | 'jelly' | 'spring';

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

@@ -30,7 +30,7 @@
  * @param {boolean} [props.disabled=false] Disables the whole toolbar.
  * @param {string} [props.className]
  */
-export default function AppToolbar({ items, actions, value, defaultValue, onSelect, label, name, disabled, className, ...rest }: {
+export default function AppToolbar(props: {
     items: {
         value: string;
         title: string;

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

@@ -12,7 +12,7 @@ import "@webority/ui-elements/elements/truncate";
  * @param {import('react').CSSProperties} [props.style]
  * @param {string} [props.className]
  */
-export default function AppTruncate({ children, lines, width, style, className, ...rest }: {
+export default function AppTruncate(props: {
     children: import('react').ReactNode;
     lines?: number;
     width?: string;

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

@@ -12,7 +12,7 @@
  * @param {() => void} [props.onDismiss] Called after the bar is closed.
  * @param {string} [props.className] Extra classes, such as `sticky-top`.
  */
-export default function AppUpdateBar({ onReload, dismissible, onDismiss, className, ...rest }: {
+export default function AppUpdateBar(props: {
     onReload?: () => void;
     dismissible?: boolean;
     onDismiss?: () => void;

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

@@ -24,7 +24,7 @@ import "@webority/ui-elements/elements/whats-new";
  * @param {(through: string) => void} [props.onRead] Called with the newest entry's date when opening marks entries read.
  * @param {string} [props.className]
  */
-export default function AppWhatsNew({ entries, storageKey, label, unreadLabel, emptyText, onRead, className, ...rest }: {
+export default function AppWhatsNew(props: {
     entries?: {
         id?: string;
         date: string;

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

@@ -37,7 +37,7 @@
  * @param {string} [props.ariaLabel] Accessible name for the trigger. Defaults to
  *   "Workspace <name>".
  */
-export default function AppWorkspaceSwitcher({ tenants, currentId, onSelect, menuLabel, footerAction, linkComponent, searchable, onCreate, canCreate, createLabel, compact, size, ariaLabel, ...rest }: {
+export default function AppWorkspaceSwitcher(props: {
     tenants?: {
         id: string;
         name: string;

package/dist/types/lib/wuiMarker.d.ts

@@ -0,0 +1,26 @@
+/** The attribute every App* root writes, in every build: the manifest's component name. */
+export declare const WUI_MARKER_ATTRIBUTE = "data-wui";
+/** The attribute props mode adds: the plain props the component was given, as JSON. Written only when props mode is on. */
+export declare const WUI_MARKER_PROPS_ATTRIBUTE = "data-wui-props";
+/** The global the importer sets through an init script before the page loads. */
+export declare const WUI_MARKERS_GLOBAL = "__WUI_MARKERS__";
+/** The value of WUI_MARKERS_GLOBAL that turns props mode on. */
+export declare const WUI_MARKERS_PROPS_MODE = "props";
+/**
+ * True when props mode is on in this page.
+ * @returns {boolean}
+ */
+export declare function wuiMarkerPropsOn(): boolean;
+/**
+ * The attributes an App* root spreads onto its host element, placed before the component's rest
+ * spread so a wrapper passing its own marker wins.
+ *
+ * In props mode the plain values the component was given ride along as JSON. The kit manifest stays
+ * the one list of which props are plain: the importer keeps only those, so nothing here repeats it.
+ * The props attribute is written even when empty, so a wrapper's marker never carries the inner
+ * component's props.
+ * @param {string} componentName The App* name, as the manifest names the component.
+ * @param {Record<string, unknown>} props The props the component was given. Content, handlers, aria-* and data-* are never serialised.
+ * @returns {Record<string, string>}
+ */
+export declare function wuiMarkerAttributes(componentName: string, props: Record<string, unknown>): Record<string, string>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webority/ui-react",
-  "version": "0.83.6",
+  "version": "0.85.0",
   "description": "Webority shared React component library — App* primitives on react-bootstrap + the @webority/theme design system.",
   "license": "SEE LICENSE IN LICENSE",
   "type": "module",
@@ -27,8 +27,8 @@
   },
   "sideEffects": false,
   "dependencies": {
-    "@webority/theme": "0.83.6",
-    "@webority/ui-elements": "0.83.6"
+    "@webority/theme": "0.85.0",
+    "@webority/ui-elements": "0.85.0"
   },
   "peerDependencies": {
     "@webority/analytics": "^0.25.0",