@webority/ui-react 0.107.0 → 0.108.0

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

@@ -15,9 +15,12 @@ import "@webority/ui-elements/elements/shortcuts";
  * renders too. A phone has no keyboard, so leave the legend out of phone-only screens.
  *
  * @param {object} props
- * @param {{ key: string, label: string, onPress?: (itemKey: string|null) => void }[]} [props.shortcuts]
+ * @param {{ key: string, label: string, group?: string, onPress?: (itemKey: string|null) => void }[]} [props.shortcuts] Rows sharing a group sit under that heading, groups in first-seen order.
  * @param {string} [props.items]
  * @param {string} [props.search]
+ * @param {boolean} [props.open] Controlled open state.
+ * @param {(open: boolean) => void} [props.onOpenChange]
+ * @param {boolean} [props.trigger] false renders no button; the sheet opens from "?", `open`, or any element with data-wui-shortcuts-open="#<id>". Default true.
  * @param {string} [props.className]
  */
 export default function AppShortcutLegend(props: {
@@ -28,12 +31,21 @@ export default function AppShortcutLegend(props: {
     shortcuts?: {
         key: string;
         label: string;
+        group?: string;
         onPress?: (itemKey: string | null) => void;
     }[];
     /** CSS selector of the items that J and K move between, inside the scope. */
     items?: string;
     /** CSS selector of the field that / focuses. */
     search?: string;
+    /** Controlled open state of the sheet. */
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    /**
+     * false renders no button; the sheet opens from ?, open, or a data-wui-shortcuts-open element.
+     * @default true
+     */
+    trigger?: boolean;
     /**
      * Extra classes on the legend root.
      * @default ""

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

@@ -26,7 +26,7 @@
  * @param {'linear'|'outline'|'bold'|'bulk'|'broken'|'twotone'} [props.iconVariant]
  * @param {'sm'|'md'|'lg'} [props.size]
  * @param {number} [props.iconSize]
- * @param {number} [props.activeStep]
+ * @param {number} [props.active]
  * @param {(step: object, index: number) => void} [props.onStepClick] Makes each step a
  *   button that reports the step it stands for. React-only (no Razor counterpart).
  * @param {string} [props.label]
@@ -68,7 +68,7 @@ export default function AppStepper(props: {
     /** The width and height in px of every step glyph. Unset, it follows size. */
     iconSize?: number;
     /** The index of the current step. Steps before it are done, the one at it is active, the rest are pending; a step's own status still wins. */
-    activeStep?: number;
+    active?: number;
     onStepClick?: (step: object, index: number) => void;
     /**
      * The accessible name of the list.

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

@@ -1,5 +1,6 @@
 /**
- * Pagination footer under a .table. Pair with usePagination.
+ * Pagination for a list or table. Under an AppDataTable it sits as a footer; standalone it pages
+ * cards, lists and search results. Pair with usePagination.
  *
  * A page-size menu ("10 per page") beside the page buttons. It shows no row range and no total:
  * the page buttons already say where you are.
@@ -8,15 +9,19 @@
  * `totalPages` is the page count, the name Razor and the shared response shape use.
  *
  * @param {object} props
- * @param {number} props.page
- * @param {number} [props.totalPages]
+ * @param {number} props.page One-based; clamped to 1..pages.
+ * @param {number} [props.totalPages] Wins over total.
  * @param {number} [props.total]
- * @param {number} props.pageSize
+ * @param {number} [props.pageSize] The page-size menu shows only with pageSize, onPageSizeChange and showPageSize not false.
  * @param {(page: number) => void} [props.onPageChange]
  * @param {(size: number) => void} [props.onPageSizeChange]
- * @param {number[]} [props.pageSizes] The current pageSize is added and sorted in when missing.
- * @param {'numbered'|'prev-next'} [props.mode]
- * @param {boolean} [props.showPageSize]
+ * @param {number[]} [props.pageSizes] Default [5, 10, 25, 50]; the current pageSize is always offered.
+ * @param {"numbered"|"prev-next"} [props.mode]
+ * @param {boolean} [props.showPageSize] Default true.
+ * @param {number} [props.siblings] Window radius. Default 2.
+ * @param {"sm"|"md"} [props.size] sm is 28px controls. Default "md".
+ * @param {"footer"|"standalone"} [props.variant] footer: border-top, right aligned, under a table. standalone: centred, no border, for cards and lists. Default "footer".
+ * @param {string} [props.ariaLabel] Default "Pagination".
  * @param {string} [props.className]
  */
 export default function AppTablePagination(props: {
@@ -26,8 +31,8 @@ export default function AppTablePagination(props: {
     totalPages?: number;
     /** The number of rows across all pages. Used when totalPages is not given: the page count is the total divided by pageSize, rounded up. */
     total?: number;
-    /** The rows per page. The page-size menu shows it as selected. */
-    pageSize: number;
+    /** The rows per page. The page-size menu shows it as selected; without it, or without onPageSizeChange, no menu shows. */
+    pageSize?: number;
     onPageChange?: (page: number) => void;
     onPageSizeChange?: (size: number) => void;
     /** The page sizes the menu offers. It offers 5, 10, 25 and 50 when left out. The current pageSize is added when it is not in the list. */
@@ -36,15 +41,35 @@ export default function AppTablePagination(props: {
      * numbered shows windowed page buttons (first, last and an ellipsis over any run of hidden pages) between the arrows. prev-next shows the arrows with a Page N of M readout.
      * @default "numbered"
      */
-    mode?: 'numbered' | 'prev-next';
+    mode?: "numbered" | "prev-next";
     /**
      * Shows the page-size menu. Set it to false for a pager that pages but does not expose the page size.
      * @default true
      */
     showPageSize?: boolean;
+    /**
+     * The pages shown either side of the current page in numbered mode.
+     * @default 2
+     */
+    siblings?: number;
+    /**
+     * sm draws 28px page and arrow buttons with 12px text.
+     * @default "md"
+     */
+    size?: "sm" | "md";
+    /**
+     * footer sits under a table, right aligned, with a top rule. standalone is centred with no rule, for cards and lists.
+     * @default "footer"
+     */
+    variant?: "footer" | "standalone";
+    /**
+     * The accessible name of the pager.
+     * @default "Pagination"
+     */
+    ariaLabel?: string;
     /**
      * Extra class names added to the pager.
      * @default ""
      */
     className?: string;
-}): import("react").JSX.Element;
+}): import("react").JSX.Element | null;

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

@@ -9,13 +9,15 @@ import "@webority/ui-elements/elements/whats-new";
  * 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.
+ * on your server as well, save `onRead`'s date and pass it back as `readThrough`; the panel
+ * then treats everything up to the later of that date and the stored one as read.
  *
  * @param {object} props
  * @param {{ id?: string, date: string, title: string, body?: string, imageSrc?: string,
  *   imageAlt?: string, href?: string, linkLabel?: string }[]} [props.entries]
  * @param {string} [props.storageKey]
+ * @param {string} [props.readThrough] ISO date or date-time read on another device or saved on the server; the panel treats entries up to the later of it and the stored value as read.
+ * @param {"dot"|"count"} [props.indicator] Unread mark on the trigger. Default "dot".
  * @param {string} [props.label]
  * @param {string} [props.unreadLabel]
  * @param {string} [props.emptyText]
@@ -39,6 +41,13 @@ export default function AppWhatsNew(props: {
     }[];
     /** Names where read state is kept. Include the user's id. */
     storageKey?: string;
+    /** An ISO date or date-time read on another device or saved on the server. Entries up to the later of it and the stored read state count as read. */
+    readThrough?: string;
+    /**
+     * The unread mark on the trigger: a dot, or the number of unread entries.
+     * @default "dot"
+     */
+    indicator?: "dot" | "count";
     /**
      * The trigger's name and the panel's heading.
      * @default "What's new"

package/dist/types/components/iconGlyphs.g.d.ts

@@ -159,6 +159,7 @@ export declare const GLYPHS: {
     refresh: string;
     "refresh-cw": string;
     repeat: string;
+    robot: string;
     "rotate-ccw": string;
     "rotate-cw": string;
     search: string;

package/dist/types/components/iconVariants.g.d.ts

@@ -160,6 +160,7 @@ export declare const VARIANT_GLYPHS: {
         refresh: string;
         "refresh-cw": string;
         repeat: string;
+        robot: string;
         "rotate-ccw": string;
         "rotate-cw": string;
         search: string;
@@ -376,6 +377,7 @@ export declare const VARIANT_GLYPHS: {
         refresh: string;
         "refresh-cw": string;
         repeat: string;
+        robot: string;
         "rotate-ccw": string;
         "rotate-cw": string;
         search: string;
@@ -592,6 +594,7 @@ export declare const VARIANT_GLYPHS: {
         refresh: string;
         "refresh-cw": string;
         repeat: string;
+        robot: string;
         "rotate-ccw": string;
         "rotate-cw": string;
         search: string;
@@ -808,6 +811,7 @@ export declare const VARIANT_GLYPHS: {
         refresh: string;
         "refresh-cw": string;
         repeat: string;
+        robot: string;
         "rotate-ccw": string;
         "rotate-cw": string;
         search: string;
@@ -1024,6 +1028,7 @@ export declare const VARIANT_GLYPHS: {
         refresh: string;
         "refresh-cw": string;
         repeat: string;
+        robot: string;
         "rotate-ccw": string;
         "rotate-cw": string;
         search: string;

package/dist/types/index.d.ts

@@ -8,7 +8,6 @@ export { default as AppAsyncBlock } from "./components/AppAsyncBlock.jsx";
 export { default as AppAutocomplete } from "./components/AppAutocomplete.jsx";
 export { default as AppAvatar } from "./components/AppAvatar.jsx";
 export { default as AppAvatarGroup } from "./components/AppAvatarGroup.jsx";
-export { default as AppAvatarPicker } from "./components/AppAvatarPicker.jsx";
 export { default as AppBadge } from "./components/AppBadge.jsx";
 export { default as AppBanner } from "./components/AppBanner.jsx";
 export { default as AppBreadcrumbs } from "./components/AppBreadcrumbs.jsx";
@@ -60,7 +59,7 @@ 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 AppImagePicker } from "./components/AppImagePicker.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";
@@ -70,10 +69,8 @@ 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 AppMarkdown } from "./components/AppMarkdown.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 AppMetricStrip } from "./components/AppMetricStrip.jsx";
 export { default as AppModal } from "./components/AppModal.jsx";
@@ -85,7 +82,6 @@ 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";
 export { default as AppPhoneNumberInput } from "./components/AppPhoneNumberInput.jsx";
 export { default as AppPopover } from "./components/AppPopover.jsx";
 export { default as AppPricingCard } from "./components/AppPricingCard.jsx";
@@ -113,16 +109,16 @@ export { default as AppSectionCallToAction } from "./components/AppSectionCallTo
 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 AppSectionLeadCapture } from "./components/AppSectionLeadCapture.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 AppSeoHead } from "./components/AppSeoHead.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 AppSkeletonLines } from "./components/AppSkeletonLines.jsx";
 export { default as AppSlider } from "./components/AppSlider.jsx";
@@ -135,7 +131,6 @@ 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";
-export { default as AppTableEmptyState } from "./components/AppTableEmptyState.jsx";
 export { default as AppTablePagination } from "./components/AppTablePagination.jsx";
 export { default as AppTableToolbar } from "./components/AppTableToolbar.jsx";
 export { default as AppTabs } from "./components/AppTabs.jsx";

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

@@ -0,0 +1,24 @@
+/**
+ * Drag and drop for an upload part: tracks whether files are over it and applies the shared type and size checks (acceptDroppedFiles) on drop.
+ * @param {{ accept?: string, maxSizeMb?: number, multiple?: boolean, disabled?: boolean, onFiles: (files: File[]) => void, onReject: (rejection: { file: File, message: string }) => void }} options
+ * @returns {{ dragOver: boolean, dropProps: { onDragEnter: Function, onDragOver: Function, onDragLeave: Function, onDrop: Function } }}
+ */
+export default function useFileDrop({ accept, maxSizeMb, multiple, disabled, onFiles, onReject }: {
+    accept?: string;
+    maxSizeMb?: number;
+    multiple?: boolean;
+    disabled?: boolean;
+    onFiles: (files: File[]) => void;
+    onReject: (rejection: {
+        file: File;
+        message: string;
+    }) => void;
+}): {
+    dragOver: boolean;
+    dropProps: {
+        onDragEnter: Function;
+        onDragOver: Function;
+        onDragLeave: Function;
+        onDrop: Function;
+    };
+};

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

@@ -30,3 +30,13 @@ export declare function wuiMarkerPropsOn(): boolean;
  * @returns {Record<string, string>}
  */
 export declare function wuiMarkerAttributes(componentName: string, props: Record<string, unknown>): Record<string, string>;
+/**
+ * The marker attributes and the props without data-canvas and data-canvas-at, so a component that spreads its rest on an inner element never repeats the key or the stamp there.
+ * @param {string} componentName
+ * @param {Record<string, unknown>} props
+ * @returns {{ marker: Record<string, string>, props: Record<string, unknown> }}
+ */
+export declare function splitMarkerProps(componentName: string, props: Record<string, unknown>): {
+    marker: Record<string, string>;
+    props: Record<string, unknown>;
+};

package/dist/ui-react.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webority/ui-react",
-  "version": "0.107.0",
+  "version": "0.108.0",
   "description": "Webority shared React component library — App* primitives on react-bootstrap + the @webority/theme design system.",
   "license": "SEE LICENSE IN LICENSE",
   "type": "module",
@@ -29,8 +29,8 @@
   },
   "sideEffects": false,
   "dependencies": {
-    "@webority/theme": "0.107.0",
-    "@webority/ui-elements": "0.107.0"
+    "@webority/theme": "0.108.0",
+    "@webority/ui-elements": "0.108.0"
   },
   "peerDependencies": {
     "@webority/analytics": "^0.28.0",
@@ -56,8 +56,8 @@
     "typescript": "^7.0.2",
     "vite": "^8.0.12",
     "vitest": "5.0.1",
-    "@webority/tokens": "0.107.0",
-    "@webority/canvas-kit": "0.107.0"
+    "@webority/canvas-kit": "0.108.0",
+    "@webority/tokens": "0.108.0"
   },
   "scripts": {
     "build": "vite build && tsc -p tsconfig.json && node ../../scripts/inject-meta-docs.mjs && node ../canvas-kit/dist/cli.js build --config canvas-kit.json --out dist/canvas-kit && node ../canvas-kit/dist/cli.js guidance --config canvas-kit.json --out dist/guidance.json && node ../../scripts/sync-rcl-assets.mjs analytics",

package/dist/components/AppAvatarPicker.js

@@ -1 +0,0 @@
-import{wuiMarkerAttributes as e}from"../lib/wuiMarker.js";import t from"./warnInvalidValue.js";import n from"./warnUnknownProps.js";import r from"./AppIcon.js";import i from"./AppAlert.js";import a from"./AppButton.js";import ee from"../lib/FieldMessage.js";import te from"./AppRequiredMark.js";import ne from"./AppModal.js";import{AVATAR_ACCEPT as re,AVATAR_MAX_SIZE_MB as ie,AVATAR_OUTPUT_SIZE as ae,AVATAR_PREVIEW_SIZES as o,AVATAR_TEXT as s,avatarCropOptions as oe,avatarUnreadableMessage as se,validateFile as ce}from"@webority/ui-elements/helpers";import{useCallback as le,useEffect as c,useId as ue,useRef as l,useState as u}from"react";import{Fragment as de,jsx as d,jsxs as f}from"react/jsx-runtime";import"@webority/ui-elements/elements/image-crop";var p={sm:64,md:96,lg:128},fe=o.join(` `);function m(o){let{value:m,initials:pe,onPick:me,onRemove:h,name:g,removeName:_,accept:v=re,maxSizeMb:he=ie,outputSize:ge=ae,size:y=`md`,label:b,hint:x,error:_e,required:ve=!1,loading:S=!1,disabled:ye=!1,ariaLabel:be,className:C=``,fieldClassName:w=``,style:xe,"data-canvas":Se,...T}=o;n(`AppAvatarPicker`,T),t(`AppAvatarPicker`,`size`,typeof y==`string`?y:null,Object.keys(p));let E=ue(),D=l(null),O=l(null),k=l(null),[A,j]=u(null),[M,N]=u(!1),[Ce,P]=u(!1),[we,F]=u(``),[I,L]=u(!1),[R,z]=u(null),[B,V]=u(`loading`),[H,U]=u(``),[W,G]=u(!1),Te=le(e=>{if(k.current=e,!e)return;let t=()=>{V(`ready`),e.querySelector(`.wui-crop-stage`)?.focus()},n=()=>V(`error`);return e.addEventListener(`load`,t),e.addEventListener(`error`,n),()=>{e.removeEventListener(`load`,t),e.removeEventListener(`error`,n),k.current=null}},[]);c(()=>()=>R&&URL.revokeObjectURL(R.url),[R]),c(()=>()=>A&&URL.revokeObjectURL(A),[A]),c(()=>{j(null),N(!1),P(!1)},[m]);let K=S||ye,q=M?null:A||(m&&!Ce?m:null),J=!!q,Ee=!K&&J&&!!(h||_),Y=_e||we,X=x&&!Y?`${E}-hint`:void 0,Z=Y?`${E}-error`:void 0,Q=Z||X,De=J?s.change:s.choose,Oe=typeof y==`number`?y:p[y]??p.md,ke=()=>{K||D.current?.click()},Ae=()=>{K||O.current?.click()},je=e=>{let t=ce(e,{accept:v,maxSizeMb:he});if(t){F(t);return}F(``),V(`loading`),U(``),z({file:e,url:URL.createObjectURL(e)})},Me=e=>{let t=e.target.files?.[0];e.target.value=``,t&&je(t)},Ne=e=>{if(e.preventDefault(),L(!1),K)return;let t=e.dataTransfer?.files?.[0];t&&je(t)},Pe=e=>{if(g&&D.current&&typeof DataTransfer==`function`){let t=new DataTransfer;t.items.add(e),D.current.files=t.files}N(!1),P(!1),j(URL.createObjectURL(e)),me(e)},Fe=async()=>{let{file:e}=R;G(!0),U(``);let t=null;try{t=await k.current?.toFile(oe(e,ge))}catch{t=null}if(G(!1),!t){U(s.cropFailed);return}z(null),Pe(t)},$=()=>{W||z(null)},Ie=()=>{j(null),N(!0),F(``),D.current&&(D.current.value=``),h?.()};return f(`div`,{...e(`AppAvatarPicker`,o),className:`field wui-avatar-picker-field${w?` ${w}`:``}`,children:[b&&f(`label`,{className:`label`,htmlFor:E,children:[b,ve&&d(te,{})]}),f(`div`,{className:`wui-avatar-picker${I?` is-dragging`:``}${C?` ${C}`:``}`,style:{"--wui-avatar-size":`${Oe}px`,...xe},onDragOver:e=>{e.preventDefault(),!K&&!I&&L(!0)},onDragLeave:()=>L(!1),onDrop:Ne,children:[f(`button`,{type:`button`,className:`wui-avatar-picker-face`,tabIndex:-1,"aria-label":be||De,"aria-describedby":Q,"aria-busy":S||void 0,disabled:K,onClick:ke,...T,children:[q?d(`img`,{className:`wui-avatar-picker-img`,src:q,alt:``,onError:()=>P(!0)}):d(`span`,{className:`wui-avatar-picker-placeholder`,"aria-hidden":`true`,children:pe||d(r,{name:`user`,size:Math.round(Oe*.5)})}),d(`span`,{className:`wui-avatar-picker-badge`,"aria-hidden":`true`,children:S?d(r,{name:`refresh-cw`,size:14,className:`wui-spin`}):d(r,{name:`camera`,size:14})})]}),f(`div`,{className:`wui-avatar-picker-actions`,children:[d(`button`,{type:`button`,className:`btn btn-secondary btn-sm`,disabled:K,"aria-describedby":Q,onClick:ke,children:De}),f(`button`,{type:`button`,className:`btn btn-secondary btn-sm wui-avatar-picker-camera`,disabled:K,onClick:Ae,children:[d(r,{name:`camera`,size:16}),s.camera]}),d(`button`,{type:`button`,className:`btn btn-secondary-danger btn-sm`,hidden:!Ee,onClick:Ie,children:s.remove})]}),d(`input`,{id:E,ref:D,type:`file`,name:g,hidden:!0,accept:v,disabled:K,onChange:Me}),d(`input`,{ref:O,type:`file`,hidden:!0,accept:`image/*`,capture:`user`,disabled:K,onChange:Me}),_&&d(`input`,{type:`hidden`,name:_,value:`true`,disabled:!M})]}),d(ee,{error:Y,hint:x,errorId:Z,hintId:X}),f(ne,{open:!!R,title:s.dialogTitle,subtitle:s.dialogSubtitle,dismissible:!W,staticBackdrop:W,onClose:$,footer:f(de,{children:[d(a,{type:`button`,variant:`secondary`,disabled:W,onClick:$,children:s.cancel}),d(a,{type:`button`,variant:`primary`,loading:W,disabled:B!==`ready`,onClick:Fe,children:s.save})]}),children:[B===`error`&&R&&d(i,{variant:`danger`,children:se(R.file)}),H&&d(i,{variant:`danger`,children:H}),R&&B!==`error`&&d(`wui-image-crop`,{ref:Te,src:R.url,aspect:`1`,round:!0,rotatable:!0,previews:fe})]})]})}export{m as default};

package/dist/components/AppInfoList.js

@@ -1 +0,0 @@
-import{wuiMarkerAttributes as e}from"../lib/wuiMarker.js";import t from"./warnUnknownProps.js";import n from"./renderIconProp.js";import{isEmpty as r}from"../lib/emptyValue.js";import{Fragment as i,jsx as a,jsxs as o}from"react/jsx-runtime";function s(s){let{items:c=[],className:l=``,...u}=s;return t(`AppInfoList`,u),a(`div`,{className:`info-list${l?` ${l}`:``}`,...e(`AppInfoList`,s),...u,children:c.map((e,t)=>{let s=r(e.value),c=o(i,{children:[a(`span`,{className:`info-icon`,children:n(e.icon,{size:16})}),o(`span`,{className:`info-meta`,children:[a(`span`,{className:`info-key`,children:e.label}),a(`span`,{className:`info-value${s?` is-empty`:``}`,children:s?`-`:e.value})]})]}),l=e.key??`${e.label}-${t}`;return e.href?a(`a`,{className:`info-row`,href:e.href,children:c},l):a(`div`,{className:`info-row`,children:c},l)})})}export{s as default};

package/dist/components/AppLogoPicker.js

@@ -1 +0,0 @@
-import{wuiMarkerAttributes as e}from"../lib/wuiMarker.js";import t from"./warnInvalidValue.js";import n from"./warnUnknownProps.js";import ee from"./withTooltip.js";import r from"./AppIcon.js";import i from"./AppAlert.js";import a from"./AppButton.js";import te from"../lib/FieldMessage.js";import ne from"./AppRequiredMark.js";import re from"./AppModal.js";import{DEFAULT_MAX_SIZE_MB as ie,validateFile as o}from"@webority/ui-elements/helpers";import{useCallback as ae,useEffect as s,useId as oe,useRef as se,useState as c}from"react";import{Fragment as ce,jsx as l,jsxs as u}from"react/jsx-runtime";import"@webority/ui-elements/elements/image-crop";var le=[`stacked`,`inline`,`profile`],ue=[`initials`,`avatar`],de=[`circle`,`rounded`,`square`],d={sm:72,md:120,lg:160},fe=`That image could not be cropped. Choose another one.`,pe=`That image could not be opened. Choose another one.`;function f(f){let{value:p,fallback:me,name:he,onPick:ge,onRemove:m,loading:h=!1,disabled:g=!1,accept:_=`image/png,image/jpeg,image/webp`,maxSizeMb:v=ie,crop:y,overlayIcon:_e=`image`,overlayLabel:b=`Update photo`,ariaLabel:ve=`Upload photo`,removeLabel:ye=`Remove photo`,label:be,hint:x,error:xe,layout:S=`stacked`,title:C,subtitle:w,required:Se=!1,variant:T=`initials`,size:E=`md`,shape:D=`circle`,className:O=``,"data-canvas":Ce,...we}=f;n(`AppLogoPicker`,we),t(`AppLogoPicker`,`layout`,S,le),t(`AppLogoPicker`,`variant`,T,ue),t(`AppLogoPicker`,`shape`,D,de),t(`AppLogoPicker`,`size`,typeof E==`string`?E:null,Object.keys(d));let k=y===`free`?null:typeof y==`number`&&Number.isFinite(y)&&y>0?y:void 0;y!=null&&k===void 0&&t(`AppLogoPicker`,`crop`,String(y),[`free`,`a positive number`]);let A=se(null),j=se(null),M=oe(),[N,P]=c(null),[Te,F]=c(``),[Ee,I]=c(!1),[L,R]=c(!1),[z,B]=c(null),[V,H]=c(!1),[U,W]=c(`loading`),[G,K]=c(``),De=ae(e=>{if(j.current=e,!e)return;let t=()=>W(`ready`),n=()=>W(`error`);return e.addEventListener(`load`,t),e.addEventListener(`error`,n),()=>{e.removeEventListener(`load`,t),e.removeEventListener(`error`,n),j.current=null}},[]);s(()=>()=>z&&URL.revokeObjectURL(z.url),[z]),s(()=>()=>N&&URL.revokeObjectURL(N),[N]),s(()=>{P(null),I(!1)},[p]);let q=h||g,J=N||(p&&!Ee?p:null),Y=xe||Te,Oe=x&&!Y?`${M}-hint`:void 0,ke=Y?`${M}-error`:void 0,Ae=!q&&(!!N||!!J&&!!m),je=()=>{q||A.current?.click()},Me=e=>{F(``),I(!1),P(URL.createObjectURL(e)),ge(e)},Ne=e=>{let t=k!==void 0&&e.type!==`image/svg+xml`,n=o(e,{accept:_,maxSizeMb:t?0:v});if(n){F(n);return}if(t){F(``),W(`loading`),K(``),B({file:e,url:URL.createObjectURL(e)});return}Me(e)},Pe=async()=>{let{file:e}=z;H(!0),K(``);let t=null;try{t=await j.current?.toFile({name:e.name,type:e.type,maxBytes:v>0?v*1024*1024:0})}catch{t=null}if(H(!1),!t){K(fe);return}B(null);let n=o(t,{accept:_,maxSizeMb:v});n?F(n):Me(t)},Fe=()=>{V||B(null)},Ie=e=>{let t=e.target.files?.[0];e.target.value=``,t&&Ne(t)},Le=e=>{if(e.preventDefault(),R(!1),q)return;let t=e.dataTransfer.files?.[0];t&&Ne(t)},Re=()=>{P(null),F(``),I(!1),A.current&&(A.current.value=``),m?.()},X=typeof E==`number`?E:d[E]??d.md,ze=Math.max(14,Math.round(X*.18)),Be=Math.round(X*.5),Ve=[`set-uploader`,T===`avatar`?`set-uploader--avatar`:``,D===`rounded`?`set-uploader--rounded`:D===`square`?`set-uploader--square`:``,L&&`is-dragging`].filter(Boolean).join(` `),He=S===`inline`,Ue=S===`profile`,Z=u(`div`,{className:`set-uploader-shell`,style:{"--wui-logo-size":`${X}px`},children:[l(`button`,{type:`button`,className:Ve,onClick:je,disabled:q,"aria-busy":h||void 0,"aria-label":ve,"aria-describedby":ke||Oe,onDragOver:e=>{e.preventDefault(),!q&&!L&&R(!0)},onDragLeave:e=>{e.preventDefault(),R(!1)},onDrop:Le,...we,children:u(`span`,{className:`set-uploader-ring`,"data-overlay-label":b,children:[J?l(`img`,{className:`set-uploader-img`,src:J,alt:``,onError:()=>I(!0)}):l(`span`,{className:`set-uploader-logo`,children:me||T===`avatar`&&l(r,{name:`user`,size:Be})}),h?l(`span`,{className:`set-uploader-overlay is-loading`,"aria-hidden":`true`,children:l(r,{name:`refresh-cw`,size:ze,className:`wui-spin`})}):!g&&u(`span`,{className:`set-uploader-overlay`,children:[l(r,{name:_e,size:ze}),l(`span`,{children:b})]})]})}),ee(l(`button`,{type:`button`,className:`set-uploader-remove`,hidden:!Ae,"aria-label":ye,onClick:Re,children:l(r,{name:`x`,size:14})}),Ae?ye:null),l(`input`,{id:M,ref:A,type:`file`,name:he,hidden:!0,accept:_,onChange:Ie,disabled:q}),k!==void 0&&u(re,{open:!!z,title:`Crop photo`,subtitle:`Drag the frame and zoom to choose what to keep.`,size:`lg`,staticBackdrop:!0,dismissible:!V,onClose:Fe,footer:u(ce,{children:[l(a,{type:`button`,variant:`secondary`,disabled:V,onClick:Fe,children:`Cancel`}),l(a,{type:`button`,variant:`primary`,loading:V,disabled:U!==`ready`,onClick:Pe,children:`Apply`})]}),children:[U===`error`&&l(i,{variant:`danger`,children:pe}),G&&l(i,{variant:`danger`,children:G}),z&&U!==`error`&&l(`wui-image-crop`,{ref:De,src:z.url,aspect:k??`free`,round:k===1&&D===`circle`})]})]}),We=x&&!Y?l(`div`,{className:`set-uploader-hint`,id:Oe,children:x}):null,Ge=Y?l(te,{error:Y,errorId:ke}):null,Q=be&&u(`label`,{className:`label`,htmlFor:M,children:[be,Se&&l(ne,{})]}),$=u(`div`,{className:`set-uploader-meta`,children:[C&&l(`div`,{className:`set-uploader-title`,children:C}),w&&l(`div`,{className:`set-uploader-subtitle`,children:w}),We,Ge]});return He?u(`div`,{...e(`AppLogoPicker`,f),className:`field set-uploader-field set-uploader-field--inline${O?` ${O}`:``}`,children:[Q,u(`div`,{className:`set-uploader-row`,children:[Z,$]})]}):Ue?u(`div`,{...e(`AppLogoPicker`,f),className:`field set-uploader-field set-uploader-field--profile${O?` ${O}`:``}`,children:[Q,Z,$]}):u(`div`,{...e(`AppLogoPicker`,f),className:`field set-uploader-field${O?` ${O}`:``}`,children:[Q,Z,We,Ge]})}export{f as default};

package/dist/components/AppMenubar.js

@@ -1 +0,0 @@
-import{wuiMarkerAttributes as e}from"../lib/wuiMarker.js";import t from"./warnUnknownProps.js";import{shortcutAria as n,shortcutChip as r}from"../lib/shortcutChip.js";import i from"./renderIconProp.js";import{jsx as a,jsxs as o}from"react/jsx-runtime";import"@webority/ui-elements/elements/menubar";function s(n){let{menus:r=[],ariaLabel:i=`Application menu`,linkComponent:s,className:l=``,...u}=n;return t(`AppMenubar`,u),a(`wui-menubar`,{class:[`wui-menubar`,l].filter(Boolean).join(` `),role:`menubar`,"aria-label":i,...e(`AppMenubar`,n),...u,children:r.map((e,t)=>o(`div`,{className:`wui-menubar-menu`,role:`none`,children:[a(`button`,{type:`button`,className:`wui-menubar-trigger`,role:`menuitem`,"aria-haspopup":`menu`,"aria-expanded":`false`,"aria-disabled":e.disabled?`true`:void 0,tabIndex:t===0?0:-1,"data-key":e.key,children:e.label}),a(`div`,{className:`dropdown-menu wui-menubar-panel`,role:`menu`,"aria-label":e.label,tabIndex:-1,children:c(e.items??[],s)})]},e.key))})}function c(e,t){return e.map(e=>{if(e.divider)return a(`hr`,{className:`dropdown-divider`},e.key);let s=i(e.icon,{size:16});if(e.items?.length)return o(`div`,{className:`wui-menubar-sub`,role:`none`,children:[o(`button`,{type:`button`,className:`dropdown-item wui-menubar-subtrigger${e.danger?` danger`:``}${e.disabled?` disabled`:``}`,role:`menuitem`,"aria-haspopup":`menu`,"aria-expanded":`false`,"aria-disabled":e.disabled?`true`:void 0,tabIndex:-1,"data-key":e.key,children:[s,e.label,i(`chevron-right`,{size:14,className:`wui-menubar-chevron`})]}),a(`div`,{className:`dropdown-menu wui-menubar-panel wui-menubar-subpanel`,role:`menu`,"aria-label":e.label,tabIndex:-1,children:c(e.items,t)})]},e.key);let l=!!e.to&&!e.disabled;return o(l?t??`a`:`button`,{...l?t?{to:e.to}:{href:e.to}:{type:`button`},className:`dropdown-item${e.danger?` danger`:``}${e.disabled?` disabled`:``}`,role:`menuitem`,tabIndex:-1,"data-key":e.key,"aria-disabled":e.disabled?`true`:void 0,"aria-keyshortcuts":n(e.shortcut),onClick:e.disabled?void 0:e.onClick,children:[s,e.label,r(e.shortcut)]},e.key)})}export{s as default};

package/dist/components/AppPagination.js

@@ -1 +0,0 @@
-import{wuiMarkerAttributes as e}from"../lib/wuiMarker.js";import t from"./warnInvalidValue.js";import n from"./warnUnknownProps.js";import{pageWindow as r}from"../lib/pageWindow.js";import{jsx as i,jsxs as a}from"react/jsx-runtime";var o=[`sm`,`md`];function s(s){let{page:c,totalPages:l,onChange:u,siblings:d=1,size:f=`md`,ariaLabel:p=`Pagination`,className:m,...h}=s;if(n(`AppPagination`,h),t(`AppPagination`,`size`,f,o),l<=1)return null;let g=r(c,l,{siblingCount:d});return i(`nav`,{className:[`pagination-nav`,f&&`pagination-${f}`,m].filter(Boolean).join(` `),"aria-label":p,...e(`AppPagination`,s),...h,children:a(`ul`,{className:`pagination`,children:[i(`li`,{className:`page-item${c<=1?` disabled`:``}`,children:i(`button`,{type:`button`,className:`page-link`,onClick:()=>u(Math.max(1,c-1)),disabled:c<=1,"aria-label":`Previous page`,children:`Previous`})}),g.map(e=>typeof e==`number`?i(`li`,{className:`page-item${e===c?` active`:``}`,children:i(`button`,{type:`button`,className:`page-link`,onClick:()=>u(e),"aria-current":e===c?`page`:void 0,"aria-label":`Page ${e}`,children:e})},e):i(`li`,{className:`page-item disabled`,children:i(`span`,{className:`page-ellipsis`,"aria-hidden":`true`,children:`…`})},e)),i(`li`,{className:`page-item${c>=l?` disabled`:``}`,children:i(`button`,{type:`button`,className:`page-link`,onClick:()=>u(Math.min(l,c+1)),disabled:c>=l,"aria-label":`Next page`,children:`Next`})})]})})}export{s as default};

package/dist/components/AppSelectMini.js

@@ -1 +0,0 @@
-import{wuiMarkerAttributes as e}from"../lib/wuiMarker.js";import t from"./warnInvalidValue.js";import n from"./warnUnknownProps.js";import r from"./useNodeLabels.js";import i,{optionsEqual as a}from"./useWuiControl.js";import{useEffect as o}from"react";import{Fragment as s,jsx as c,jsxs as l}from"react/jsx-runtime";import"@webority/ui-elements/elements/select";var u=[`sm`,`lg`],d=(e,t)=>({value:e.value,label:t,icon:e.icon});function f(f){let{value:p,onChange:m,options:h=[],placeholder:g=`Select...`,name:_,ariaLabel:v,id:y,disabled:b,size:x,icon:S,prefix:C,className:w,...T}=f;n(`AppSelectMini`,T),t(`AppSelectMini`,`size`,x,u);let{setRef:E,innerRef:D}=i({value:p??``,onChange:m}),{portal:O,toElementOptions:k}=r(h);return o(()=>{let e=D.current;if(!e)return;let t=k(h,d);a(t,e.options)||(e.options=t)},[h,D,k]),o(()=>{let e=D.current;if(e)for(let[t,n]of[[`icon`,S],[`prefix`,C]])n==null||n===``?e.removeAttribute(t):e.setAttribute(t,n)},[S,C,D]),l(s,{children:[c(`wui-select`,{ref:E,name:_,compact:``,id:y,placeholder:g,"aria-label":v,size:x||void 0,disabled:b?``:void 0,className:w,...e(`AppSelectMini`,f),...T}),O]})}export{f as default};

package/dist/components/AppSidebarMenu.js

@@ -1 +0,0 @@
-import{wuiMarkerAttributes as e}from"../lib/wuiMarker.js";import t from"./warnInvalidValue.js";import n from"./warnUnknownProps.js";import r from"./AppIcon.js";import{Offcanvas as i}from"react-bootstrap";import{jsx as a,jsxs as o}from"react/jsx-runtime";var s={left:`start`,right:`end`,start:`start`,end:`end`,top:`top`,bottom:`bottom`},c={on:!0,static:`static`,off:!1};function l(l){let{show:u,onHide:d,side:f=`right`,title:p,titleIcon:m,header:h,children:g,footer:_,width:v,maxWidth:y,backdrop:b=`on`,scroll:x=!1,keyboard:S=!0,closeButton:C=!0,closeLabel:w=`Close`,responsive:T,className:E=``,bodyClassName:D=``,ariaLabel:O,...k}=l;n(`AppSidebarMenu`,k),t(`AppSidebarMenu`,`side`,f,Object.keys(s)),t(`AppSidebarMenu`,`backdrop`,b,Object.keys(c));let{style:A,...j}=k,M=s[f]||`end`,N=v||y||A?{...v&&{"--asm-width":v},...y&&{"--asm-max-width":y},...A}:void 0;return o(i,{...e(`AppSidebarMenu`,l),...j,show:u,onHide:d,placement:M,backdrop:c[b]??!0,scroll:x,keyboard:S,responsive:T,style:N,className:`app-sidebar-menu${E?` ${E}`:``}`,"aria-label":O||(typeof p==`string`?p:void 0),children:[h===void 0?(p!=null||C)&&o(`div`,{className:`drawer-header`,children:[p!=null&&o(`div`,{className:`drawer-title`,children:[m&&a(`span`,{className:`drawer-title-ic`,children:a(r,{name:m,size:18})}),p]}),C&&a(`button`,{type:`button`,className:`wui-drawer-close`,onClick:d,"aria-label":w,children:a(`svg`,{width:`18`,height:`18`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`,"aria-hidden":`true`,children:a(`path`,{d:`M18 6 6 18M6 6l12 12`})})})]}):h,a(i.Body,{className:D,children:g}),_&&a(`div`,{className:`asm-footer`,children:_})]})}export{l as default};

package/dist/components/AppTableEmptyState.js

@@ -1 +0,0 @@
-import{wuiMarkerAttributes as e}from"../lib/wuiMarker.js";import t from"./warnInvalidValue.js";import n from"./warnUnknownProps.js";import r from"./renderIconProp.js";import i,{ILLUSTRATION_NAMES as a}from"../lib/emptyIllustration.js";import{jsx as o,jsxs as s}from"react/jsx-runtime";function c(c){let{icon:l,illustration:u,title:d,text:f,action:p,...m}=c;n(`AppTableEmptyState`,m),typeof u==`string`&&t(`AppTableEmptyState`,`illustration`,u,a);let h=typeof u==`string`&&a.includes(u),g=u!=null&&typeof u!=`string`?u:null;return s(`div`,{className:`tbl-empty`,...e(`AppTableEmptyState`,c),...m,children:[h?o(i,{name:u,className:`wui-empty-illustration`}):g?o(`span`,{className:`wui-empty-illustration wui-empty-illustration-custom`,"aria-hidden":`true`,children:g}):o(`span`,{className:`tbl-empty-icon`,children:r(l,{size:24})}),o(`div`,{className:`tbl-empty-title`,children:d}),f&&o(`div`,{className:`tbl-empty-text`,children:f}),p&&o(`div`,{className:`tbl-empty-action`,children:p})]})}export{c as default};

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

@@ -1,92 +0,0 @@
-import "@webority/ui-elements/elements/image-crop";
-/**
- * Profile photo picker: the current photo (or initials) beside Upload / Take photo / Remove. A
- * chosen, dropped or camera photo opens a crop dialog (round frame, drag, zoom by slider, wheel or
- * pinch, rotate, reset, two live previews); Save hands `onPick` a square WebP of `outputSize` px
- * (PNG where the browser cannot encode WebP).
- *
- * @param {object} props
- * @param {string|null} [props.value]
- * @param {string} [props.initials]
- * @param {(file: File) => void} props.onPick Receives the cropped square photo.
- * @param {() => void} [props.onRemove] Shows Remove while there is a photo; called when it is pressed.
- * @param {string} [props.name]
- * @param {string} [props.removeName]
- * @param {string} [props.accept]
- * @param {number} [props.maxSizeMb]
- * @param {number} [props.outputSize]
- * @param {'sm'|'md'|'lg'|number} [props.size]
- * @param {string} [props.label]
- * @param {string} [props.hint]
- * @param {string} [props.error]
- * @param {boolean} [props.required]
- * @param {boolean} [props.loading]
- * @param {boolean} [props.disabled]
- * @param {string} [props.ariaLabel]
- * @param {string} [props.className]
- * @param {string} [props.fieldClassName]
- * @param {object} [props.style] Inline style; lands on the picker with `className`.
- */
-export default function AppAvatarPicker(props: {
-    /** The current photo URL, or null when there is none. */
-    value?: string | null;
-    /** Shown when there is no photo. A person icon shows when it is empty. */
-    initials?: string;
-    onPick: (file: File) => void;
-    onRemove?: () => void;
-    /** The form field name. The cropped photo is written into the file input, so an uncontrolled form posts it. */
-    name?: string;
-    /** A form field that posts true once Remove is pressed. It also shows Remove while there is a photo. */
-    removeName?: string;
-    /** The file types a person may choose. Defaults to JPG, PNG, WebP and HEIC; HEIC opens only where the browser can decode it. */
-    accept?: string;
-    /**
-     * The size limit of the chosen photo in megabytes. 0 means no limit.
-     * @default 10
-     */
-    maxSizeMb?: number;
-    /**
-     * The width and height of the saved square, in pixels.
-     * @default 512
-     */
-    outputSize?: number;
-    /**
-     * The photo diameter: sm, md or lg, or a number of pixels.
-     * @default "md"
-     */
-    size?: 'sm' | 'md' | 'lg' | number;
-    /** The text shown above the picker. */
-    label?: string;
-    /** Help text shown below the picker. An error replaces it. */
-    hint?: string;
-    /** An error message shown below the picker. It wins over a rejection reason. */
-    error?: string;
-    /**
-     * Marks the field as required.
-     * @default false
-     */
-    required?: boolean;
-    /**
-     * Shows a spinner on the photo and blocks every action while a photo uploads.
-     * @default false
-     */
-    loading?: boolean;
-    /**
-     * Blocks every action.
-     * @default false
-     */
-    disabled?: boolean;
-    /** The accessible name of the photo button. Defaults to the words of the action. */
-    ariaLabel?: string;
-    /**
-     * Extra class on the picker (the photo and its actions).
-     * @default ""
-     */
-    className?: string;
-    /**
-     * Extra class on the field wrapper.
-     * @default ""
-     */
-    fieldClassName?: string;
-    style?: object;
-}): import("react").JSX.Element;

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

@@ -1,29 +0,0 @@
-/**
- * A read-only list of label/value rows, each with a leading round icon tile —
- * a contact card, a "details" panel in a drawer, a summary beside a form.
- *
- * A row with `href` renders as a link (mail/tel/an external doc); without one it
- * renders as a plain row, so a non-actionable value never looks clickable.
- *
- * For editable values use the form primitives; for a status pill use
- * `AppStatusBadge`. This is for stating facts.
- *
- * @param {object} props
- * @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(props: {
-    /** The rows, in order. Each row has an icon, a label and a value. */
-    items: {
-        key?: string;
-        icon: string | import('react').ReactNode;
-        label: string;
-        value: import('react').ReactNode;
-        href?: string;
-    }[];
-    /**
-     * Extra classes on the list.
-     * @default ""
-     */
-    className?: string;
-}): import("react").JSX.Element;