@webority/ui-react 0.53.1 → 0.55.0

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

@@ -7,25 +7,50 @@ import "@webority/ui-elements/elements/tour";
  *
  * Accessibility: focus moves into the card on open, stays there while the tour runs, and returns
  * to where it was on close; each step is announced; Escape skips the tour; the arrow keys move
- * between steps. On a phone the card sits on the side of the target with room and never covers it.
+ * between steps, except while focus is in a field. On a phone the card sits on the side of the
+ * target with room and never covers it. After the last step a closing dialog says the tour is
+ * done (`endDialog={false}` leaves it out); Escape there closes the tour as `finished`.
  *
  * Set `open` to run the tour and set it back to false from `onClose`. Pass a `seenStore` to
  * remember that a person has seen it: it is asked before showing and written when the tour
- * finishes or is skipped. `createLocalSeenStore()` (from `@webority/ui-elements`) keeps that in
- * the browser; a product that keeps it on its server passes its own `{ isSeen, markSeen }`.
+ * finishes or is skipped, with that outcome. `createLocalSeenStore()` (from
+ * `@webority/ui-elements`) keeps that in the browser; a product that keeps it on its server
+ * passes its own `{ isSeen, markSeen }`.
+ *
+ * The element also raises bubbling events a product can listen for on the ref:
+ * `wui-tour:start` { total }, `wui-tour:step` { step, index, position, total } and
+ * `wui-tour:close` { reason, index, position, total, via }, where `via` is `button` or `escape`
+ * on a skip.
  *
  * @param {object} props
  * @param {boolean} props.open Runs the tour. Set it back to false from `onClose`.
- * @param {(reason: 'finished'|'skipped'|'alreadySeen'|'noTargets') => void} props.onClose Called when the tour ends.
- *   `finished`: the person stepped past the last step; `skipped`: Skip or Escape (both marked
- *   seen); `alreadySeen`: the store says it was seen, so nothing showed; `noTargets`: no step had
- *   a visible target, so nothing showed (not marked seen).
+ * @param {(reason: 'finished'|'skipped'|'alreadySeen'|'noTargets', details: { index: number|null, position: number|null, total: number|null }) => void} props.onClose
+ *   Called when the tour ends. `finished`: the person stepped past the last step; `skipped`: Skip
+ *   or Escape (both marked seen); `alreadySeen`: the store says it was seen, so nothing showed;
+ *   `noTargets`: no step had a visible target, so nothing showed (not marked seen). `details`
+ *   names the step the tour ended on: its `index` in `steps`, and its `position` (from 1) out of
+ *   `total`, counting only the steps that showed; all null for `alreadySeen` and `noTargets`.
  * @param {string} props.tourId Names the tour in the seen store.
- * @param {{ target: string, title?: string, description: string }[]} props.steps `target` is a CSS selector.
- * @param {{ isSeen: (tourId: string) => Promise<boolean>, markSeen: (tourId: string) => Promise<void> }} [props.seenStore]
+ * @param {{ target: string, title?: string, description: string, media?: string, mediaAlt?: string, mediaPoster?: string, mediaType?: 'image'|'video', advanceOn?: 'click', actionLabel?: string }[]} props.steps
+ *   `target` is a CSS selector. `media` is the URL of an image or short loop shown above the
+ *   title, `mediaAlt` its text alternative, `mediaPoster` the still a loop shows under reduced
+ *   motion. `advanceOn: 'click'` moves the tour on when the person clicks the target, and the
+ *   card says what to click; `actionLabel` names the control in that sentence, in place of the
+ *   target's accessible name, which it falls back to.
+ * @param {{ isSeen: (tourId: string) => Promise<boolean>, markSeen: (tourId: string, outcome: 'finished'|'skipped') => Promise<void> }} [props.seenStore]
  *   Read through a ref, so an inline object does not restart a running tour.
  * @param {(step: object, index: number) => void | Promise<void>} [props.onBeforeStep] Runs before each step's target is looked up, awaited. Use it to open a menu or switch a tab so the target is visible.
- * @param {{ back?: string, next?: string, skip?: string, done?: string }} [props.labels] Button text; defaults Back, Next, Skip, Done.
+ * @param {{ back?: string, next?: string, skip?: string, done?: string, progress?: string, advance?: string, mediaPause?: string, mediaPlay?: string, endTitle?: string, endMessage?: string, endButton?: string }} [props.labels]
+ *   Button text, defaults Back, Next, Skip, Done. `done` is the last step's button only with
+ *   `endDialog={false}`; while the closing dialog is on, the last step reads `next`, because the
+ *   dialog follows. `progress` is the step count template, default "Step {current} of {total}".
+ *   `advance` is a click-to-advance step's sentence, default "Click {actionName} to continue.",
+ *   where `{actionName}` is the step's `actionLabel` or else its target's accessible name.
+ *   `mediaPause` and `mediaPlay` name a step loop's pause button while it plays and while it is
+ *   paused, defaults "Pause animation" and "Play animation".
+ *   `endTitle`, `endMessage` and `endButton` are the closing dialog's text, defaults "You're all
+ *   set", a short friendly line, and "Done".
+ * @param {boolean} [props.endDialog=true] Show the closing dialog after the last step.
  * @param {string} [props.className]
  */
 declare const AppTour: import("react").ForwardRefExoticComponent<import("react").RefAttributes<any>>;

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

@@ -0,0 +1,21 @@
+import "@webority/ui-elements/elements/truncate";
+/**
+ * Cuts long text with an ellipsis, by the width it has or by a number of lines, and gives the
+ * whole text on hover and on keyboard focus. Text that fits shows no tooltip and takes no tab
+ * stop. Put it where the width is set by the layout (a table cell, a card, a flex child with
+ * `.min-w-0`), or pass `width`. Wraps `<wui-truncate>`, which Razor `<app-truncate>` renders too.
+ *
+ * @param {object} props
+ * @param {import('react').ReactNode} props.children The text.
+ * @param {number} [props.lines=1] How many lines show before the cut; 1 is a single line cut by width.
+ * @param {string} [props.width] A CSS length the text never exceeds ("12rem", "240px"); without it the text takes the width it is given.
+ * @param {import('react').CSSProperties} [props.style]
+ * @param {string} [props.className]
+ */
+export default function AppTruncate({ children, lines, width, style, className, ...rest }: {
+    children: import('react').ReactNode;
+    lines?: number;
+    width?: string;
+    style?: import('react').CSSProperties;
+    className?: string;
+}): import("react").JSX.Element;

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

@@ -0,0 +1,44 @@
+import "@webority/ui-elements/elements/whats-new";
+/**
+ * A "what's new" entry point for a portal's top bar: a gift icon that carries a dot while there
+ * are release notes the person has not read, and a panel of dated entries under it, newest
+ * first as passed, each with an optional picture and link. Opening the panel marks everything
+ * read. Distinct from `AppPopover` (any floating content) and the shell's bell (notifications
+ * addressed to the person): this is the same list for everyone, read once per person.
+ *
+ * The newest date the person has seen is kept in the browser under `storageKey`, so build the
+ * key with the user's id ("whats-new:" + userId): without an id two people on one browser
+ * share the state, and without a `storageKey` it lasts only until the page is left. To keep it
+ * on your server as well, save `onRead`'s date and pass only the entries newer than it. Wraps
+ * `<wui-whats-new>`, which Razor `<app-whats-new>` renders too.
+ *
+ * @param {object} props
+ * @param {{ id?: string, date: string, title: string, body?: string, imageSrc?: string,
+ *   imageAlt?: string, href?: string, linkLabel?: string }[]} [props.entries] The release notes.
+ *   `date` is the day it shipped, "YYYY-MM-DD", shown as DD-MMM-YYYY. `imageAlt` describes the
+ *   picture; leave it empty when the picture adds nothing. `linkLabel` defaults to "Learn more".
+ * @param {string} [props.storageKey] Names where read state is kept; include the user's id.
+ * @param {string} [props.label="What's new"] The trigger's name and the panel's heading.
+ * @param {string} [props.unreadLabel="unread"] Added to the trigger's name while there are unread entries.
+ * @param {string} [props.emptyText="Nothing new yet"] Shown when there are no entries.
+ * @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 }: {
+    entries?: {
+        id?: string;
+        date: string;
+        title: string;
+        body?: string;
+        imageSrc?: string;
+        imageAlt?: string;
+        href?: string;
+        linkLabel?: string;
+    }[];
+    storageKey?: string;
+    label?: string;
+    unreadLabel?: string;
+    emptyText?: string;
+    onRead?: (through: string) => void;
+    className?: string;
+}): import("react").JSX.Element;

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

@@ -1 +1 @@
-export default function withTooltip(element: any, tooltip: any, placement: any): any;
+export default function withTooltip(element: any, tooltip: any, placement: any, shortcut: any): any;

package/dist/types/index.d.ts

@@ -12,17 +12,22 @@ export { default as AppBadge } from "./components/AppBadge.jsx";
 export { default as AppBanner } from "./components/AppBanner.jsx";
 export { default as AppBreadcrumbs } from "./components/AppBreadcrumbs.jsx";
 export { default as AppButton } from "./components/AppButton.jsx";
+export { default as AppButtonGroup } from "./components/AppButtonGroup.jsx";
 export { default as AppCalendar } from "./components/AppCalendar.jsx";
 export { default as AppCard } from "./components/AppCard.jsx";
+export { default as AppCarousel } from "./components/AppCarousel.jsx";
 export { default as AppChart } from "./components/AppChart.jsx";
 export { default as AppChartCard } from "./components/AppChartCard.jsx";
 export { default as AppCheckbox } from "./components/AppCheckbox.jsx";
 export { default as AppChip } from "./components/AppChip.jsx";
+export { default as AppChipGroup } from "./components/AppChipGroup.jsx";
 export { default as AppChoiceCard } from "./components/AppChoiceCard.jsx";
 export { default as AppChoiceChip } from "./components/AppChoiceChip.jsx";
+export { default as AppCodeBlock } from "./components/AppCodeBlock.jsx";
 export { default as AppColorField } from "./components/AppColorField.jsx";
 export { default as AppColumnMenu } from "./components/AppColumnMenu.jsx";
 export { default as AppCommandPalette } from "./components/AppCommandPalette.jsx";
+export { default as AppCommentThread } from "./components/AppCommentThread.jsx";
 export { default as AppCompareTable } from "./components/AppCompareTable.jsx";
 export { default as AppConfirmDialog } from "./components/AppConfirmDialog.jsx";
 export { default as AppConsentBanner } from "./components/AppConsentBanner.jsx";
@@ -35,6 +40,7 @@ export { default as AppDataTable } from "./components/AppDataTable.jsx";
 export { default as AppDatePicker } from "./components/AppDatePicker.jsx";
 export { default as AppDateRangePicker } from "./components/AppDateRangePicker.jsx";
 export { default as AppDescriptions } from "./components/AppDescriptions.jsx";
+export { default as AppDrawer } from "./components/AppDrawer.jsx";
 export { default as AppDropdown } from "./components/AppDropdown.jsx";
 export { default as AppDropZone } from "./components/AppDropZone.jsx";
 export { default as AppEmptyState } from "./components/AppEmptyState.jsx";
@@ -47,18 +53,28 @@ export { default as AppFloatingDock } from "./components/AppFloatingDock.jsx";
 export { default as AppFormActions } from "./components/AppFormActions.jsx";
 export { default as AppFormRow } from "./components/AppFormRow.jsx";
 export { default as AppFormSection } from "./components/AppFormSection.jsx";
+export { default as AppHoverCard } from "./components/AppHoverCard.jsx";
 export { default as AppIcon, iconNames, registerIcons } from "./components/AppIcon.jsx";
 export { default as AppInfoList } from "./components/AppInfoList.jsx";
 export { default as AppInfoTip } from "./components/AppInfoTip.jsx";
+export { default as AppInlineEdit } from "./components/AppInlineEdit.jsx";
 export { default as AppInput } from "./components/AppInput.jsx";
+export { default as AppInputGroup } from "./components/AppInputGroup.jsx";
 export { default as AppKanban } from "./components/AppKanban.jsx";
+export { default as AppKbd } from "./components/AppKbd.jsx";
 export { default as AppKpiTile } from "./components/AppKpiTile.jsx";
+export { default as AppLightbox } from "./components/AppLightbox.jsx";
 export { default as AppLink } from "./components/AppLink.jsx";
 export { default as AppLogoPicker } from "./components/AppLogoPicker.jsx";
+export { default as AppMentionInput } from "./components/AppMentionInput.jsx";
+export { default as AppMenubar } from "./components/AppMenubar.jsx";
 export { default as AppMeter } from "./components/AppMeter.jsx";
 export { default as AppModal } from "./components/AppModal.jsx";
 export { default as AppMultiSelect } from "./components/AppMultiSelect.jsx";
+export { default as AppNavigationMenu } from "./components/AppNavigationMenu.jsx";
+export { default as AppNotificationCenter } from "./components/AppNotificationCenter.jsx";
 export { default as AppNumberInput } from "./components/AppNumberInput.jsx";
+export { default as AppOnboardingChecklist } from "./components/AppOnboardingChecklist.jsx";
 export { default as AppOtpInput } from "./components/AppOtpInput.jsx";
 export { default as AppPageHeader } from "./components/AppPageHeader.jsx";
 export { default as AppPagination } from "./components/AppPagination.jsx";
@@ -69,18 +85,34 @@ export { default as AppProgress } from "./components/AppProgress.jsx";
 export { default as AppQrCode } from "./components/AppQrCode.jsx";
 export { default as AppRadio } from "./components/AppRadio.jsx";
 export { default as AppRadioGroup } from "./components/AppRadioGroup.jsx";
+export { default as AppRating } from "./components/AppRating.jsx";
+export { default as AppRecordPager } from "./components/AppRecordPager.jsx";
+export { default as AppRelativeTime } from "./components/AppRelativeTime.jsx";
 export { default as AppRepeater } from "./components/AppRepeater.jsx";
 export { default as AppRequiredMark } from "./components/AppRequiredMark.jsx";
+export { default as AppResizable } from "./components/AppResizable.jsx";
+export { default as AppResizableHandle } from "./components/AppResizableHandle.jsx";
+export { default as AppResizablePanel } from "./components/AppResizablePanel.jsx";
 export { default as AppResourceCard } from "./components/AppResourceCard.jsx";
 export { default as AppResult } from "./components/AppResult.jsx";
 export { default as AppRichText } from "./components/AppRichText.jsx";
+export { default as AppRollingNumber } from "./components/AppRollingNumber.jsx";
 export { default as AppRouteError } from "./components/AppRouteError.jsx";
 export { default as AppScrollbar } from "./components/AppScrollbar.jsx";
 export { default as AppSearch } from "./components/AppSearch.jsx";
+export { default as AppSectionCallToAction } from "./components/AppSectionCallToAction.jsx";
+export { default as AppSectionFaq } from "./components/AppSectionFaq.jsx";
+export { default as AppSectionFeatures } from "./components/AppSectionFeatures.jsx";
+export { default as AppSectionHero } from "./components/AppSectionHero.jsx";
+export { default as AppSectionLogos } from "./components/AppSectionLogos.jsx";
+export { default as AppSectionPricing } from "./components/AppSectionPricing.jsx";
+export { default as AppSectionTestimonials } from "./components/AppSectionTestimonials.jsx";
 export { default as AppSegmented } from "./components/AppSegmented.jsx";
 export { default as AppSelect } from "./components/AppSelect.jsx";
 export { default as AppSelectMini } from "./components/AppSelectMini.jsx";
 export { default as AppShell } from "./components/AppShell.jsx";
+export { default as AppShortcutLegend } from "./components/AppShortcutLegend.jsx";
+export { default as AppShowMore } from "./components/AppShowMore.jsx";
 export { default as AppSidebarMenu } from "./components/AppSidebarMenu.jsx";
 export { AppSkeletonRows, default as AppSkeleton } from "./components/AppSkeleton.jsx";
 export { default as AppSlider } from "./components/AppSlider.jsx";
@@ -88,6 +120,8 @@ export { default as AppSortableList } from "./components/AppSortableList.jsx";
 export { default as AppSparkline } from "./components/AppSparkline.jsx";
 export { default as AppSpinner } from "./components/AppSpinner.jsx";
 export { default as AppSplash } from "./components/AppSplash.jsx";
+export { default as AppSplitButton } from "./components/AppSplitButton.jsx";
+export { default as AppSplitView } from "./components/AppSplitView.jsx";
 export { default as AppStatusBadge } from "./components/AppStatusBadge.jsx";
 export { default as AppStepper } from "./components/AppStepper.jsx";
 export { default as AppSwitch } from "./components/AppSwitch.jsx";
@@ -105,7 +139,9 @@ export { default as AppToolbar } from "./components/AppToolbar.jsx";
 export { default as AppTooltip } from "./components/AppTooltip.jsx";
 export { default as AppTour } from "./components/AppTour.jsx";
 export { default as AppTreeView } from "./components/AppTreeView.jsx";
+export { default as AppTruncate } from "./components/AppTruncate.jsx";
 export { default as AppUpdateBar } from "./components/AppUpdateBar.jsx";
+export { default as AppWhatsNew } from "./components/AppWhatsNew.jsx";
 export { default as AppWizard } from "./components/AppWizard.jsx";
 export { default as AppWorkspaceSwitcher } from "./components/AppWorkspaceSwitcher.jsx";
 export { MODAL_ICONS } from "./components/ModalIcons.jsx";
@@ -114,5 +150,6 @@ export { buildListQuery, parseListQuery } from "./lib/listQuery.js";
 export { useCommandPaletteShortcut } from "./lib/useCommandPaletteShortcut.js";
 export { useFloatingStack } from "./lib/useFloatingStack.js";
 export { useListQuery } from "./lib/useListQuery.js";
+export { useListShortcuts } from "./lib/useListShortcuts.js";
 export { usePagination } from "./lib/usePagination.js";
 export { useTableView } from "./lib/useTableView.js";

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

@@ -0,0 +1,22 @@
+export declare const ILLUSTRATION_BODIES: {
+    "no-results": string;
+    "no-data": string;
+    "empty-inbox": string;
+    "no-notifications": string;
+    "no-files": string;
+    "no-access": string;
+    offline: string;
+    error: string;
+};
+export declare const ILLUSTRATION_NAMES: string[];
+/**
+ * The decorative SVG for an illustration name, or null for an unknown one.
+ *
+ * @param {object} props
+ * @param {string} [props.name]
+ * @param {string} [props.className] extra class on the svg
+ */
+export default function EmptyIllustration({ name, className }: {
+    name?: string;
+    className?: string;
+}): import("react").JSX.Element;

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

@@ -0,0 +1,43 @@
+export declare const SECTION_HEADINGS: string[];
+export declare const SECTION_ALIGNS: string[];
+export declare const SECTION_VARIANTS: string[];
+/** The heading tag for the section title: `as` when it is a heading, otherwise the section's default. */
+export declare function sectionHeading(as: any, fallback: any): any;
+/** The level under a section title, for an item's title (h2 gives h3; h6 stays h6). */
+export declare function itemHeading(heading: any): string;
+/**
+ * The `<img>` the kit writes itself (logos, avatars), byte-in-step with Razor's SectionMarkup.Image.
+ * Width and height are always set so the browser reserves the box before the file arrives.
+ */
+export declare function SectionImage({ className, src, alt, width, height }: {
+    alt: any;
+    className: any;
+    height: any;
+    src: any;
+    width: any;
+}): import("react").JSX.Element;
+/**
+ * The frame every AppSection* renders, byte-in-step with Razor's SectionMarkup: a
+ * `<section class="wui-section wui-section-{kind}">` holding the eyebrow, the heading, the subtitle
+ * and the actions, then the section's own body (`children`).
+ *
+ * `as` arrives resolved (sectionHeading), so each section keeps its own default heading.
+ * The heading id (`{id}-title`) and the section's `aria-labelledby` come only from a caller `id`:
+ * a generated one would differ from Razor's on every render.
+ * @internal not exported from the package barrel
+ */
+export default function SectionShell({ component, kind, title, as, eyebrow, subtitle, align, variant, actions, extraClass, className, rest, children, }: {
+    actions: any;
+    align: any;
+    as: any;
+    children: any;
+    className: any;
+    component: any;
+    extraClass: any;
+    eyebrow: any;
+    kind: any;
+    rest: any;
+    subtitle: any;
+    title: any;
+    variant: any;
+}): import("react").JSX.Element;

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

@@ -0,0 +1,11 @@
+/**
+ * The key chip a `shortcut` prop draws (`.wui-kbd`), written as Razor's ShortcutMarkup writes it.
+ * Beside a control it is hidden from assistive tech, which hears the key through the control's
+ * `aria-keyshortcuts` instead; inside a tooltip it is part of the text that is read out.
+ * @internal not exported from the package barrel
+ */
+export declare function shortcutChip(shortcut: any, { inTooltip }?: {
+    inTooltip?: boolean;
+}): import("react").JSX.Element;
+/** The `aria-keyshortcuts` value for a control with this shortcut, or undefined without one. */
+export declare function shortcutAria(shortcut: any): string;

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

@@ -0,0 +1,24 @@
+/**
+ * Single-key shortcuts for a list people work through: J and K to move, Enter to open, X to
+ * select, `/` to focus search, `?` to list the shortcuts, Esc to close or clear, and any other
+ * letter for an action ("e" to archive). Pair it with `AppShortcutLegend`, which lists them, and
+ * show each key on its action (`shortcut` on AppButton, AppTooltip and AppDropdown items).
+ *
+ *     useListShortcuts({ j: next, k: previous, x: toggleFocused, e: archive }, { enabled: !prefersOff });
+ *
+ * A key typed into a field, held with Ctrl, Cmd or Alt, or already handled is left alone, as is
+ * Enter on a link or button (the browser opens those). `<html data-wui-shortcuts="off">` turns
+ * every single-key shortcut on the page off. With `scope`, the keys count while focus is inside
+ * that element, or, with nothing focused, for the first scope on the page (the hook marks the
+ * element `data-shortcut-scope`). The same rules run Razor's `<app-shortcut-legend>`.
+ *
+ * @param {Record<string, (event: KeyboardEvent) => void>} handlers Keyed by `j`, `k`, `enter`, `x`,
+ *   `slash`, `help`, `esc` or any other single character. A new object each render is fine: the
+ *   latest one is always called.
+ * @param {{ enabled?: boolean, scope?: import('react').RefObject<HTMLElement> }} [options]
+ *   `enabled` (default true) switches every key off; `scope` limits them to one element.
+ */
+export declare function useListShortcuts(handlers: Record<string, (event: KeyboardEvent) => void>, { enabled, scope }?: {
+    enabled?: boolean;
+    scope?: import('react').RefObject<HTMLElement>;
+}): void;

package/dist/ui-react.js

@@ -1 +1 @@
-import e from"./components/AppTooltip.js";import t,{iconNames as n,registerIcons as r}from"./components/AppIcon.js";import i from"./components/AppAccordion.js";import a from"./components/AppActionIcon.js";import o from"./components/AppAlert.js";import s from"./components/AppButton.js";import c from"./components/AppEmptyState.js";import l from"./components/AppSpinner.js";import u from"./components/AppAsyncBlock.js";import d from"./components/AppPopover.js";import f from"./components/AppInfoTip.js";import p from"./components/AppRequiredMark.js";import m from"./components/AppAutocomplete.js";import h from"./components/AppAvatar.js";import g from"./components/AppAvatarGroup.js";import _ from"./components/AppModal.js";import v from"./components/AppAvatarPicker.js";import y from"./components/AppBadge.js";import b from"./components/AppBanner.js";import x from"./components/AppBreadcrumbs.js";import S from"./components/AppCalendar.js";import C from"./components/AppCard.js";import w from"./components/AppChart.js";import T from"./components/AppDropdown.js";import E from"./components/AppSegmented.js";import D from"./components/AppChartCard.js";import O from"./components/AppCheckbox.js";import k from"./components/AppChip.js";import A from"./components/AppChoiceCard.js";import j from"./components/AppChoiceChip.js";import M from"./components/AppColorField.js";import N from"./components/AppColumnMenu.js";import P from"./components/AppCommandPalette.js";import F from"./components/AppCompareTable.js";import I from"./components/AppInput.js";import{MODAL_ICONS as L}from"./components/ModalIcons.js";import R from"./components/AppConfirmDialog.js";import z from"./components/AppConsentBanner.js";import B from"./components/AppContextMenu.js";import V from"./components/AppCopyButton.js";import H from"./components/AppCountrySelect.js";import U from"./components/AppDashboardCell.js";import W from"./components/AppDashboardGrid.js";import G,{AppSkeletonRows as K}from"./components/AppSkeleton.js";import q from"./components/AppSelectMini.js";import J from"./components/AppTablePagination.js";import Y from"./components/AppDataTable.js";import X from"./components/AppDatePicker.js";import Z from"./components/AppDateRangePicker.js";import Q from"./components/AppDescriptions.js";import $ from"./components/AppDropZone.js";import ee from"./components/AppErrorSummary.js";import te from"./components/AppFileAttachment.js";import ne from"./components/AppFilePicker.js";import re from"./components/AppFileViewer.js";import{buildListQuery as ie,parseListQuery as ae}from"./lib/listQuery.js";import oe from"./components/AppMultiSelect.js";import se from"./components/AppSearch.js";import ce from"./components/AppSelect.js";import le from"./components/AppFilterBar.js";import ue from"./components/AppFloatingDock.js";import de from"./components/AppFormActions.js";import fe from"./components/AppFormRow.js";import pe from"./components/AppFormSection.js";import me from"./components/AppInfoList.js";import{dismissAll as he,errorToast as ge,toast as _e}from"./components/toast.js";import ve from"./components/AppKanban.js";import ye from"./components/AppSparkline.js";import be from"./components/AppKpiTile.js";import xe from"./components/AppLink.js";import Se from"./components/AppLogoPicker.js";import Ce from"./components/AppMeter.js";import we from"./components/AppNumberInput.js";import Te from"./components/AppOtpInput.js";import Ee from"./components/AppPageHeader.js";import De from"./components/AppPagination.js";import Oe from"./components/AppPhoneNumberInput.js";import ke from"./components/AppPricingCard.js";import Ae from"./components/AppProgress.js";import je from"./components/AppQrCode.js";import Me from"./components/AppRadio.js";import Ne from"./components/AppRadioGroup.js";import Pe from"./components/AppRepeater.js";import Fe from"./components/AppResourceCard.js";import Ie from"./components/AppResult.js";import Le from"./components/AppRichText.js";import Re from"./components/AppRouteError.js";import ze from"./components/AppScrollbar.js";import Be from"./components/AppShell.js";import Ve from"./components/AppSidebarMenu.js";import He from"./components/AppSlider.js";import Ue from"./components/AppSortableList.js";import We from"./components/AppSplash.js";import Ge from"./components/AppStatusBadge.js";import Ke from"./components/AppStepper.js";import qe from"./components/AppSwitch.js";import Je from"./components/AppTableEmptyState.js";import Ye from"./components/AppTableToolbar.js";import Xe from"./components/AppTabs.js";import Ze from"./components/AppTagInput.js";import Qe from"./components/AppTextarea.js";import $e from"./components/AppThemeToggle.js";import et from"./components/AppTimeline.js";import tt from"./components/AppTimePicker.js";import nt from"./components/AppToast.js";import rt from"./components/AppToolbar.js";import it from"./components/AppTour.js";import at from"./components/AppTreeView.js";import ot from"./components/AppUpdateBar.js";import st from"./components/AppWizard.js";import ct from"./components/AppWorkspaceSwitcher.js";import{useCommandPaletteShortcut as lt}from"./lib/useCommandPaletteShortcut.js";import{useFloatingStack as ut}from"./lib/useFloatingStack.js";import{useListQuery as dt}from"./lib/useListQuery.js";import{usePagination as ft}from"./lib/usePagination.js";import{useTableView as pt}from"./lib/useTableView.js";import{createLocalSeenStore as mt}from"@webority/ui-elements/elements/tour";import{postedMasked as ht,themeBootScript as gt}from"@webority/ui-elements/helpers";export{i as AppAccordion,a as AppActionIcon,o as AppAlert,u as AppAsyncBlock,m as AppAutocomplete,h as AppAvatar,g as AppAvatarGroup,v as AppAvatarPicker,y as AppBadge,b as AppBanner,x as AppBreadcrumbs,s as AppButton,S as AppCalendar,C as AppCard,w as AppChart,D as AppChartCard,O as AppCheckbox,k as AppChip,A as AppChoiceCard,j as AppChoiceChip,M as AppColorField,N as AppColumnMenu,P as AppCommandPalette,F as AppCompareTable,R as AppConfirmDialog,z as AppConsentBanner,B as AppContextMenu,V as AppCopyButton,H as AppCountrySelect,U as AppDashboardCell,W as AppDashboardGrid,Y as AppDataTable,X as AppDatePicker,Z as AppDateRangePicker,Q as AppDescriptions,$ as AppDropZone,T as AppDropdown,c as AppEmptyState,ee as AppErrorSummary,te as AppFileAttachment,ne as AppFilePicker,re as AppFileViewer,le as AppFilterBar,ue as AppFloatingDock,de as AppFormActions,fe as AppFormRow,pe as AppFormSection,t as AppIcon,me as AppInfoList,f as AppInfoTip,I as AppInput,ve as AppKanban,be as AppKpiTile,xe as AppLink,Se as AppLogoPicker,Ce as AppMeter,_ as AppModal,oe as AppMultiSelect,we as AppNumberInput,Te as AppOtpInput,Ee as AppPageHeader,De as AppPagination,Oe as AppPhoneNumberInput,d as AppPopover,ke as AppPricingCard,Ae as AppProgress,je as AppQrCode,Me as AppRadio,Ne as AppRadioGroup,Pe as AppRepeater,p as AppRequiredMark,Fe as AppResourceCard,Ie as AppResult,Le as AppRichText,Re as AppRouteError,ze as AppScrollbar,se as AppSearch,E as AppSegmented,ce as AppSelect,q as AppSelectMini,Be as AppShell,Ve as AppSidebarMenu,G as AppSkeleton,K as AppSkeletonRows,He as AppSlider,Ue as AppSortableList,ye as AppSparkline,l as AppSpinner,We as AppSplash,Ge as AppStatusBadge,Ke as AppStepper,qe as AppSwitch,Je as AppTableEmptyState,J as AppTablePagination,Ye as AppTableToolbar,Xe as AppTabs,Ze as AppTagInput,Qe as AppTextarea,$e as AppThemeToggle,tt as AppTimePicker,et as AppTimeline,nt as AppToast,rt as AppToolbar,e as AppTooltip,it as AppTour,at as AppTreeView,ot as AppUpdateBar,st as AppWizard,ct as AppWorkspaceSwitcher,L as MODAL_ICONS,ie as buildListQuery,mt as createLocalSeenStore,he as dismissAll,ge as errorToast,n as iconNames,ae as parseListQuery,ht as postedMasked,r as registerIcons,gt as themeBootScript,_e as toast,lt as useCommandPaletteShortcut,ut as useFloatingStack,dt as useListQuery,ft as usePagination,pt as useTableView};
+import e from"./components/AppTooltip.js";import t,{iconNames as n,registerIcons as r}from"./components/AppIcon.js";import i from"./components/AppAccordion.js";import a from"./components/AppActionIcon.js";import o from"./components/AppAlert.js";import s from"./components/AppButton.js";import c from"./components/AppEmptyState.js";import l from"./components/AppSpinner.js";import u from"./components/AppAsyncBlock.js";import d from"./components/AppPopover.js";import f from"./components/AppInfoTip.js";import p from"./components/AppRequiredMark.js";import m from"./components/AppAutocomplete.js";import h from"./components/AppAvatar.js";import g from"./components/AppAvatarGroup.js";import _ from"./components/AppModal.js";import v from"./components/AppAvatarPicker.js";import y from"./components/AppBadge.js";import b from"./components/AppBanner.js";import x from"./components/AppBreadcrumbs.js";import S from"./components/AppButtonGroup.js";import C from"./components/AppCalendar.js";import w from"./components/AppCard.js";import T from"./components/AppCarousel.js";import E from"./components/AppChart.js";import D from"./components/AppDropdown.js";import O from"./components/AppSegmented.js";import k from"./components/AppChartCard.js";import A from"./components/AppCheckbox.js";import j from"./components/AppChip.js";import M from"./components/AppChipGroup.js";import N from"./components/AppChoiceCard.js";import P from"./components/AppChoiceChip.js";import F from"./components/AppCodeBlock.js";import I from"./components/AppColorField.js";import L from"./components/AppColumnMenu.js";import R from"./components/AppCommandPalette.js";import z from"./components/AppCommentThread.js";import B from"./components/AppCompareTable.js";import V from"./components/AppInput.js";import{MODAL_ICONS as H}from"./components/ModalIcons.js";import U from"./components/AppConfirmDialog.js";import W from"./components/AppConsentBanner.js";import G from"./components/AppContextMenu.js";import K from"./components/AppCopyButton.js";import q from"./components/AppCountrySelect.js";import J from"./components/AppDashboardCell.js";import Y from"./components/AppDashboardGrid.js";import X,{AppSkeletonRows as Z}from"./components/AppSkeleton.js";import Q from"./components/AppSelectMini.js";import $ from"./components/AppTablePagination.js";import ee from"./components/AppDataTable.js";import te from"./components/AppDatePicker.js";import ne from"./components/AppDateRangePicker.js";import re from"./components/AppDescriptions.js";import ie from"./components/AppDrawer.js";import ae from"./components/AppDropZone.js";import oe from"./components/AppErrorSummary.js";import se from"./components/AppFileAttachment.js";import ce from"./components/AppFilePicker.js";import le from"./components/AppFileViewer.js";import{buildListQuery as ue,parseListQuery as de}from"./lib/listQuery.js";import fe from"./components/AppMultiSelect.js";import pe from"./components/AppSearch.js";import me from"./components/AppSelect.js";import he from"./components/AppFilterBar.js";import ge from"./components/AppFloatingDock.js";import _e from"./components/AppFormActions.js";import ve from"./components/AppFormRow.js";import ye from"./components/AppFormSection.js";import be from"./components/AppHoverCard.js";import xe from"./components/AppInfoList.js";import Se from"./components/AppInlineEdit.js";import Ce from"./components/AppInputGroup.js";import{dismissAll as we,errorToast as Te,toast as Ee}from"./components/toast.js";import De from"./components/AppKanban.js";import Oe from"./components/AppKbd.js";import ke from"./components/AppSparkline.js";import Ae from"./components/AppKpiTile.js";import je from"./components/AppLightbox.js";import Me from"./components/AppLink.js";import Ne from"./components/AppLogoPicker.js";import Pe from"./components/AppMentionInput.js";import Fe from"./components/AppMenubar.js";import Ie from"./components/AppMeter.js";import Le from"./components/AppNavigationMenu.js";import Re from"./components/AppNotificationCenter.js";import ze from"./components/AppNumberInput.js";import Be from"./components/AppOnboardingChecklist.js";import Ve from"./components/AppOtpInput.js";import He from"./components/AppPageHeader.js";import Ue from"./components/AppPagination.js";import We from"./components/AppPhoneNumberInput.js";import Ge from"./components/AppPricingCard.js";import Ke from"./components/AppProgress.js";import qe from"./components/AppQrCode.js";import Je from"./components/AppRadio.js";import Ye from"./components/AppRadioGroup.js";import Xe from"./components/AppRating.js";import Ze from"./components/AppRecordPager.js";import Qe from"./components/AppRelativeTime.js";import $e from"./components/AppRepeater.js";import et from"./components/AppResizable.js";import tt from"./components/AppResizableHandle.js";import nt from"./components/AppResizablePanel.js";import rt from"./components/AppResourceCard.js";import it from"./components/AppResult.js";import at from"./components/AppRichText.js";import ot from"./components/AppRollingNumber.js";import st from"./components/AppRouteError.js";import ct from"./components/AppScrollbar.js";import lt from"./components/AppSectionCallToAction.js";import ut from"./components/AppSectionFaq.js";import dt from"./components/AppSectionFeatures.js";import ft from"./components/AppSectionHero.js";import pt from"./components/AppSectionLogos.js";import mt from"./components/AppSectionPricing.js";import ht from"./components/AppSectionTestimonials.js";import gt from"./components/AppShell.js";import _t from"./components/AppShortcutLegend.js";import vt from"./components/AppShowMore.js";import yt from"./components/AppSidebarMenu.js";import bt from"./components/AppSlider.js";import xt from"./components/AppSortableList.js";import St from"./components/AppSplash.js";import Ct from"./components/AppSplitButton.js";import wt from"./components/AppSplitView.js";import Tt from"./components/AppStatusBadge.js";import Et from"./components/AppStepper.js";import Dt from"./components/AppSwitch.js";import Ot from"./components/AppTableEmptyState.js";import kt from"./components/AppTableToolbar.js";import At from"./components/AppTabs.js";import jt from"./components/AppTagInput.js";import Mt from"./components/AppTextarea.js";import Nt from"./components/AppThemeToggle.js";import Pt from"./components/AppTimeline.js";import Ft from"./components/AppTimePicker.js";import It from"./components/AppToast.js";import Lt from"./components/AppToolbar.js";import Rt from"./components/AppTour.js";import zt from"./components/AppTreeView.js";import Bt from"./components/AppTruncate.js";import Vt from"./components/AppUpdateBar.js";import Ht from"./components/AppWhatsNew.js";import Ut from"./components/AppWizard.js";import Wt from"./components/AppWorkspaceSwitcher.js";import{useCommandPaletteShortcut as Gt}from"./lib/useCommandPaletteShortcut.js";import{useFloatingStack as Kt}from"./lib/useFloatingStack.js";import{useListQuery as qt}from"./lib/useListQuery.js";import{useListShortcuts as Jt}from"./lib/useListShortcuts.js";import{usePagination as Yt}from"./lib/usePagination.js";import{useTableView as Xt}from"./lib/useTableView.js";import{createLocalSeenStore as Zt}from"@webority/ui-elements/elements/tour";import{postedMasked as Qt,themeBootScript as $t}from"@webority/ui-elements/helpers";export{i as AppAccordion,a as AppActionIcon,o as AppAlert,u as AppAsyncBlock,m as AppAutocomplete,h as AppAvatar,g as AppAvatarGroup,v as AppAvatarPicker,y as AppBadge,b as AppBanner,x as AppBreadcrumbs,s as AppButton,S as AppButtonGroup,C as AppCalendar,w as AppCard,T as AppCarousel,E as AppChart,k as AppChartCard,A as AppCheckbox,j as AppChip,M as AppChipGroup,N as AppChoiceCard,P as AppChoiceChip,F as AppCodeBlock,I as AppColorField,L as AppColumnMenu,R as AppCommandPalette,z as AppCommentThread,B as AppCompareTable,U as AppConfirmDialog,W as AppConsentBanner,G as AppContextMenu,K as AppCopyButton,q as AppCountrySelect,J as AppDashboardCell,Y as AppDashboardGrid,ee as AppDataTable,te as AppDatePicker,ne as AppDateRangePicker,re as AppDescriptions,ie as AppDrawer,ae as AppDropZone,D as AppDropdown,c as AppEmptyState,oe as AppErrorSummary,se as AppFileAttachment,ce as AppFilePicker,le as AppFileViewer,he as AppFilterBar,ge as AppFloatingDock,_e as AppFormActions,ve as AppFormRow,ye as AppFormSection,be as AppHoverCard,t as AppIcon,xe as AppInfoList,f as AppInfoTip,Se as AppInlineEdit,V as AppInput,Ce as AppInputGroup,De as AppKanban,Oe as AppKbd,Ae as AppKpiTile,je as AppLightbox,Me as AppLink,Ne as AppLogoPicker,Pe as AppMentionInput,Fe as AppMenubar,Ie as AppMeter,_ as AppModal,fe as AppMultiSelect,Le as AppNavigationMenu,Re as AppNotificationCenter,ze as AppNumberInput,Be as AppOnboardingChecklist,Ve as AppOtpInput,He as AppPageHeader,Ue as AppPagination,We as AppPhoneNumberInput,d as AppPopover,Ge as AppPricingCard,Ke as AppProgress,qe as AppQrCode,Je as AppRadio,Ye as AppRadioGroup,Xe as AppRating,Ze as AppRecordPager,Qe as AppRelativeTime,$e as AppRepeater,p as AppRequiredMark,et as AppResizable,tt as AppResizableHandle,nt as AppResizablePanel,rt as AppResourceCard,it as AppResult,at as AppRichText,ot as AppRollingNumber,st as AppRouteError,ct as AppScrollbar,pe as AppSearch,lt as AppSectionCallToAction,ut as AppSectionFaq,dt as AppSectionFeatures,ft as AppSectionHero,pt as AppSectionLogos,mt as AppSectionPricing,ht as AppSectionTestimonials,O as AppSegmented,me as AppSelect,Q as AppSelectMini,gt as AppShell,_t as AppShortcutLegend,vt as AppShowMore,yt as AppSidebarMenu,X as AppSkeleton,Z as AppSkeletonRows,bt as AppSlider,xt as AppSortableList,ke as AppSparkline,l as AppSpinner,St as AppSplash,Ct as AppSplitButton,wt as AppSplitView,Tt as AppStatusBadge,Et as AppStepper,Dt as AppSwitch,Ot as AppTableEmptyState,$ as AppTablePagination,kt as AppTableToolbar,At as AppTabs,jt as AppTagInput,Mt as AppTextarea,Nt as AppThemeToggle,Ft as AppTimePicker,Pt as AppTimeline,It as AppToast,Lt as AppToolbar,e as AppTooltip,Rt as AppTour,zt as AppTreeView,Bt as AppTruncate,Vt as AppUpdateBar,Ht as AppWhatsNew,Ut as AppWizard,Wt as AppWorkspaceSwitcher,H as MODAL_ICONS,ue as buildListQuery,Zt as createLocalSeenStore,we as dismissAll,Te as errorToast,n as iconNames,de as parseListQuery,Qt as postedMasked,r as registerIcons,$t as themeBootScript,Ee as toast,Gt as useCommandPaletteShortcut,Kt as useFloatingStack,qt as useListQuery,Jt as useListShortcuts,Yt as usePagination,Xt as useTableView};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webority/ui-react",
-  "version": "0.53.1",
+  "version": "0.55.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.53.1",
-    "@webority/ui-elements": "0.53.1"
+    "@webority/theme": "0.55.0",
+    "@webority/ui-elements": "0.55.0"
   },
   "peerDependencies": {
     "@webority/analytics": "^0.21.0",