@webority/ui-react 0.85.0 → 0.86.0

package/dist/lib/sectionShell.js

@@ -1 +1 @@
-import{jsx as e,jsxs as t}from"react/jsx-runtime";var n=[`h1`,`h2`,`h3`,`h4`,`h5`,`h6`],r=[`start`,`center`],i=[`default`,`muted`];function a(e,t){return n.includes(e)?e:t}function o(e){return n[Math.min(n.indexOf(e)+1,5)]}function s({className:t,src:n,alt:r,width:i,height:a}){return e(`img`,{className:t,src:n,alt:r,width:i,height:a,loading:`lazy`,decoding:`async`})}function c({component:n,kind:r,title:i,as:a,eyebrow:o,subtitle:s,align:c,variant:l,actions:u,extraClass:d,className:f,rest:p,children:m}){if(i==null||i===``)throw Error(`${n} needs a title: every section opens with its heading.`);let h=a,g=p.id?`${p.id}-title`:void 0;return e(`section`,{className:[`wui-section`,`wui-section-${r}`,c===`center`?`wui-section-center`:``,l===`muted`?`wui-section-muted`:``,d,f].filter(Boolean).join(` `),"aria-labelledby":g,...p,children:t(`div`,{className:`wui-section-inner`,children:[t(`div`,{className:`wui-section-head`,children:[o!=null&&o!==``&&e(`p`,{className:`wui-section-eyebrow`,children:o}),e(h,{className:`wui-section-title`,id:g,children:i}),s!=null&&s!==``&&e(`p`,{className:`wui-section-subtitle`,children:s}),u!=null&&u!==!1&&e(`div`,{className:`wui-section-actions`,children:u})]}),m]})})}export{r as SECTION_ALIGNS,n as SECTION_HEADINGS,i as SECTION_VARIANTS,s as SectionImage,c as default,o as itemHeading,a as sectionHeading};
+import{jsx as e,jsxs as t}from"react/jsx-runtime";var n=[`h1`,`h2`,`h3`,`h4`,`h5`,`h6`],r=[`start`,`center`],i=[`default`,`muted`];function a(e,t){return n.includes(e)?e:t}function o(e){return n[Math.min(n.indexOf(e)+1,5)]}function s({className:t,src:n,alt:r,width:i,height:a}){return e(`img`,{className:t,src:n,alt:r,width:i,height:a,loading:`lazy`,decoding:`async`})}function c({component:n,kind:r,title:i,as:a,eyebrow:o,subtitle:s,align:c,variant:l,actions:u,extraClass:d,className:f,rest:p,children:m}){if(i==null||i===``)throw Error(`${n} needs a title: every section opens with its heading.`);let h=a,g=p.id?`${p.id}-title`:void 0;return e(`section`,{className:[`wui-section`,`wui-section-${r}`,c===`center`?`wui-section-center`:``,l===`muted`?`wui-section-muted`:``,d,f].filter(Boolean).join(` `),"aria-labelledby":g,...p,children:t(`div`,{className:`wui-section-inner`,children:[t(`div`,{className:`wui-section-head`,children:[o!=null&&o!==``&&e(`div`,{className:`wui-section-eyebrow`,children:o}),e(h,{className:`wui-section-title`,id:g,children:i}),s!=null&&s!==``&&e(`p`,{className:`wui-section-subtitle`,children:s}),u!=null&&u!==!1&&e(`div`,{className:`wui-section-actions`,children:u})]}),m]})})}export{r as SECTION_ALIGNS,n as SECTION_HEADINGS,i as SECTION_VARIANTS,s as SectionImage,c as default,o as itemHeading,a as sectionHeading};

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

@@ -10,6 +10,7 @@
  * @param {object} props
  * @param {{ key?: string, title: import('react').ReactNode, content: import('react').ReactNode, open?: boolean }[]} props.items
  * @param {boolean} [props.multiple=false] Allow more than one pane open at a time.
+ * @param {string[]} [props.openItems] The keys of the items that are open. When set, it replaces each item's own open flag, and it is read again whenever its content changes. With multiple false only the first key opens.
  * @param {string} [props.id] Prefix for the generated pane ids. Set it when a pane
  *   needs a stable anchor to deep-link to; otherwise a unique one is generated.
  * @param {string} [props.className]
@@ -22,6 +23,7 @@ export default function AppAccordion(props: {
         open?: boolean;
     }[];
     multiple?: boolean;
+    openItems?: string[];
     id?: string;
     className?: string;
 }): import("react").JSX.Element;

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

@@ -22,7 +22,7 @@
  *   after the label. Sets aria-keyshortcuts; the page binds the key itself (useListShortcuts). Needs a `label`, which supplies the tooltip.
  * @param {boolean} [props.danger]   destructive tint
  * @param {boolean} [props.disabled]
- * @param {number} [props.size=20]   glyph size in px; the disc (and its hover tint) scales with it, keeping a constant 8px ring
+ * @param {number} [props.size=20]   glyph size in px; a numeric string is read as a number. The disc (and its hover tint) scales with it, keeping a constant 8px ring
  * @param {() => void} [props.onClick]
  * @param {string} [props.className]
  * @param {React.ElementType} [props.as]  render as something else — a router `Link`, `"a"`. When a

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

@@ -33,6 +33,7 @@ import "@webority/ui-elements/elements/consent-banner";
  * @param {Array<"analytics"|"functional"|"marketing">} [props.categories=['analytics','functional','marketing']] The optional categories to show. Essential always shows. A category left out has no row, saves as off and is never granted by Accept all.
  * @param {"bottom-left"|"bottom-right"|"bar"} [props.position='bottom-left'] The corner it pins to, or the full-width bar. bar is a slim full-width bar along the bottom at every width.
  * @param {boolean} [props.standalone=false] Render sealed in a shadow root with bundled styles, for a page that does not load `@webority/theme`.
+ * @param {boolean} [props.preview=false] Draw the banner open without reading or saving consent, for a design surface that never ran initConsent. Nothing is stored.
  * @param {string} [props.className] Extra classes on the element.
  * @param {import('react').CSSProperties} [props.style] Inline style; lands on the element with `className`.
  */
@@ -47,6 +48,7 @@ export default function AppConsentBanner(props: {
     categories?: Array<"analytics" | "functional" | "marketing">;
     position?: "bottom-left" | "bottom-right" | "bar";
     standalone?: boolean;
+    preview?: boolean;
     className?: string;
     style?: import('react').CSSProperties;
 }): import("react").JSX.Element;

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

@@ -13,9 +13,10 @@
  * @param {(key: string) => void} [props.onSort]
  * @param {boolean} [props.loading=false]
  * @param {number} [props.skeletonRows=5]
- * @param {import('react').ReactNode} [props.empty]
- * @param {import('react').ReactNode} [props.emptyFiltered]
- * @param {number} [props.sourceCount]
+ * @param {import('react').ReactNode} [props.empty] Shown when there are no rows and the source is empty (`sourceCount` 0), or no `emptyFiltered` is given.
+ * @param {import('react').ReactNode} [props.emptyFiltered] Shown when there are no rows and `sourceCount` is unset or above 0.
+ * @param {number} [props.sourceCount] The number of rows before filtering. 0 means the source is empty and `empty` shows;
+ *   unset means the table was filtered.
  * @param {(row: object) => import('react').ReactNode} [props.rowActions]
  * @param {string} [props.rowActionsLabel]
  * @param {object} [props.pagination] The footer's state, usually straight from usePagination:
@@ -31,6 +32,7 @@
  * @param {'comfortable'|'cozy'|'compact'} [props.density='comfortable'] Row height: 54 / 48 / 40px.
  *   compact is one line per row (the identity subline is hidden). An avatar with no size of its own
  *   follows the density (32 / 28 / 24px).
+ * @param {'auto'|'fixed'} [props.tableLayout='auto'] fixed holds every column to its width or minWidth and clips overflowing text; auto sizes columns to their content.
  * @param {boolean} [props.striped=false] Alternate-row shading in place of divider lines.
  * @param {boolean} [props.flush=false] No wrapper padding above the column header row.
  * @param {boolean} [props.rowDrag=false] Rows drag onto page elements marked data-wui-drop-target; a ticked row drags the whole selection. Fires wui:row-drop ({ keys, target }) on the wrap. Razor: row-drag.
@@ -116,6 +118,7 @@ export default function AppDataTable(props: {
     className?: string;
     wrapperClassName?: string;
     density?: 'comfortable' | 'cozy' | 'compact';
+    tableLayout?: 'auto' | 'fixed';
     striped?: boolean;
     flush?: boolean;
     rowDrag?: boolean;

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

@@ -1,3 +1,4 @@
+import "@webority/ui-elements/file-viewer";
 declare const AppFileViewer: import("react").ForwardRefExoticComponent<{
     src: string;
     name?: string;

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

@@ -1,17 +1,19 @@
 /**
  * Form row — a grid of input columns, responsive.
  *
- * Wraps form fields in a CSS grid with configurable columns (1, 2, or 3).
- * Automatically collapses to 1 column below the md breakpoint. Uses theme gap
+ * Wraps form fields in a CSS grid with configurable columns (1 to 12).
+ * Automatically collapses to 1 column below the md breakpoint unless `collapse` is false. Uses theme gap
  * tokens for consistent field spacing.
  *
  * @param {object} props
  * @param {import('react').ReactNode} props.children Field components (AppInput, AppSelect, etc.).
- * @param {1|2|3} [props.columns=2] Number of columns.
+ * @param {1|2|3|4|5|6|7|8|9|10|11|12} [props.columns=2] Number of columns, 1 to 12.
+ * @param {boolean} [props.collapse=true] Stack to one column below the md breakpoint; false keeps the set columns at every width.
  * @param {string} [props.className]
  */
 export default function AppFormRow(props: {
     children: import('react').ReactNode;
-    columns?: 1 | 2 | 3;
+    columns?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
+    collapse?: boolean;
     className?: string;
 }): import("react").JSX.Element;

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

@@ -34,7 +34,7 @@ export declare function registerIcons(map: Record<string, (props: {
  * @param {'auto'|'top'|'bottom'|'start'|'end'} [props.tooltipPlacement='auto'] Preferred tooltip
  *   side; `auto` picks the side with the most room.
  * @param {string} [props.className]
- * @param {string} [props.color]
+ * @param {string} [props.color] The icon colour. Without it the icon takes --wui-icon-color when an ancestor sets that variable, else the inherited text colour.
  * @param {object} [props.style]
  */
 export default function AppIcon(props: {

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

@@ -4,6 +4,8 @@
  * (which is a card/section "nothing here yet") — this is a self-contained result panel
  * with a prominent status, heading, supporting message, and usually one or two actions.
  *
+ * The card lays its parts in a column, so a `gap` style on it spaces them.
+ *
  * The `status` prop picks a default icon + tone. Numeric statuses (403, 404, 500) render the
  * code as a large figure instead of an icon.
  *

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

@@ -14,6 +14,7 @@
  * @param {"start"|"center"} [props.align="center"] Where the heading block sits.
  * @param {"default"|"muted"} [props.variant="default"] The section's background.
  * @param {import('react').ReactNode} [props.children] The `AppAccordion` of questions.
+ * @param {number[]} [props.openItems] The positions of the questions that start open, counted from 0. They are passed to the AppAccordion among the children.
  * @param {string} [props.className]
  */
 export default function AppSectionFaq(props: {
@@ -24,5 +25,6 @@ export default function AppSectionFaq(props: {
     align?: "start" | "center";
     variant?: "default" | "muted";
     children?: import('react').ReactNode;
+    openItems?: number[];
     className?: string;
 }): import("react").JSX.Element;

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

@@ -11,7 +11,7 @@
  * @param {object} props
  * @param {import('react').ReactNode} props.title The page's heading.
  * @param {"h1"|"h2"|"h3"|"h4"|"h5"|"h6"} [props.as="h1"] The heading element. Keep one h1 per page.
- * @param {import('react').ReactNode} [props.eyebrow] A short label above the heading.
+ * @param {import('react').ReactNode} [props.eyebrow] A short label above the heading: any node, including a styled container drawn as a pill.
  * @param {import('react').ReactNode} [props.subtitle] One or two sentences under the heading.
  * @param {"start"|"center"} [props.align="start"] Centred copy with the media under it.
  * @param {"default"|"muted"} [props.variant="default"] The section's background.

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

@@ -9,10 +9,11 @@
  *
  * @param {object} props
  * @param {number} props.page 1-based.
- * @param {number} props.totalPages
+ * @param {number} [props.totalPages] Page count. Wins over `total` when given.
+ * @param {number} [props.total] Total rows across all pages. Used when totalPages is not given: pages = ceil(total / pageSize).
  * @param {number} props.pageSize
- * @param {(page: number) => void} props.onPageChange
- * @param {(size: number) => void} props.onPageSizeChange
+ * @param {(page: number) => void} [props.onPageChange]
+ * @param {(size: number) => void} [props.onPageSizeChange]
  * @param {number[]} [props.pageSizes]
  * @param {'numbered'|'prev-next'} [props.mode='numbered'] numbered (default) puts windowed page
  *   buttons (first/last plus an ellipsis over any run of hidden pages) between the arrows.
@@ -23,10 +24,11 @@
  */
 export default function AppTablePagination(props: {
     page: number;
-    totalPages: number;
+    totalPages?: number;
+    total?: number;
     pageSize: number;
-    onPageChange: (page: number) => void;
-    onPageSizeChange: (size: number) => void;
+    onPageChange?: (page: number) => void;
+    onPageSizeChange?: (size: number) => void;
     pageSizes?: number[];
     mode?: 'numbered' | 'prev-next';
     showPageSize?: boolean;

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

@@ -12,7 +12,7 @@ declare const AppTimePicker: import("react").ForwardRefExoticComponent<{
     min?: string;
     max?: string;
     step?: number;
-    format?: '12' | '24';
+    format?: '12' | '24' | 12 | 24;
     placeholder?: string;
     disabled?: boolean;
     size?: 'sm' | 'md' | 'lg';

package/dist/types/components/iconCatalogFull/bold/b.g.d.ts

@@ -38,6 +38,7 @@ export declare const FULL_VARIANT_GLYPHS: {
     "bluetooth-circle": string;
     "bluetooth-rectangle": string;
     blur: string;
+    bolt: string;
     book: string;
     "book-1": string;
     "book-saved": string;

package/dist/types/components/iconCatalogFull/broken/b.g.d.ts

@@ -38,6 +38,7 @@ export declare const FULL_VARIANT_GLYPHS: {
     "bluetooth-circle": string;
     "bluetooth-rectangle": string;
     blur: string;
+    bolt: string;
     book: string;
     "book-1": string;
     "book-saved": string;

package/dist/types/components/iconCatalogFull/bulk/b.g.d.ts

@@ -38,6 +38,7 @@ export declare const FULL_VARIANT_GLYPHS: {
     "bluetooth-circle": string;
     "bluetooth-rectangle": string;
     blur: string;
+    bolt: string;
     book: string;
     "book-1": string;
     "book-saved": string;

package/dist/types/components/iconCatalogFull/linear/b.g.d.ts

@@ -38,6 +38,7 @@ export declare const FULL_GLYPHS: {
     "bluetooth-circle": string;
     "bluetooth-rectangle": string;
     blur: string;
+    bolt: string;
     book: string;
     "book-1": string;
     "book-saved": string;

package/dist/types/components/iconCatalogFull/outline/b.g.d.ts

@@ -38,6 +38,7 @@ export declare const FULL_VARIANT_GLYPHS: {
     "bluetooth-circle": string;
     "bluetooth-rectangle": string;
     blur: string;
+    bolt: string;
     book: string;
     "book-1": string;
     "book-saved": string;

package/dist/types/components/iconCatalogFull/twotone/b.g.d.ts

@@ -38,6 +38,7 @@ export declare const FULL_VARIANT_GLYPHS: {
     "bluetooth-circle": string;
     "bluetooth-rectangle": string;
     blur: string;
+    bolt: string;
     book: string;
     "book-1": string;
     "book-saved": string;

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

@@ -15,6 +15,7 @@ export declare const GLYPHS: {
     "arrow-up": string;
     "arrow-up-right": string;
     "badge-check": string;
+    ban: string;
     bell: string;
     book: string;
     "box-seam": string;
@@ -106,6 +107,7 @@ export declare const GLYPHS: {
     image: string;
     inbox: string;
     info: string;
+    "info-circle": string;
     instagram: string;
     kanban: string;
     key: string;
@@ -113,6 +115,7 @@ export declare const GLYPHS: {
     "layout-dashboard": string;
     "layout-grid": string;
     lightbulb: string;
+    linkedin: string;
     list: string;
     lock: string;
     "lock-1": string;
@@ -127,6 +130,7 @@ export declare const GLYPHS: {
     "message-square": string;
     "message-text": string;
     minus: string;
+    "minus-circle": string;
     mobile: string;
     monitor: string;
     moon: string;
@@ -163,10 +167,12 @@ export declare const GLYPHS: {
     "share-2": string;
     shield: string;
     "shield-check": string;
+    "shield-cross": string;
     "shield-lock": string;
     "shield-plus": string;
     "shield-tick": string;
     shop: string;
+    snowflake: string;
     sort: string;
     sparkles: string;
     star: string;

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

@@ -16,6 +16,7 @@ export declare const VARIANT_GLYPHS: {
         "arrow-up": string;
         "arrow-up-right": string;
         "badge-check": string;
+        ban: string;
         bell: string;
         book: string;
         "box-seam": string;
@@ -107,6 +108,7 @@ export declare const VARIANT_GLYPHS: {
         image: string;
         inbox: string;
         info: string;
+        "info-circle": string;
         instagram: string;
         kanban: string;
         key: string;
@@ -114,6 +116,7 @@ export declare const VARIANT_GLYPHS: {
         "layout-dashboard": string;
         "layout-grid": string;
         lightbulb: string;
+        linkedin: string;
         list: string;
         lock: string;
         "lock-1": string;
@@ -128,6 +131,7 @@ export declare const VARIANT_GLYPHS: {
         "message-square": string;
         "message-text": string;
         minus: string;
+        "minus-circle": string;
         mobile: string;
         monitor: string;
         moon: string;
@@ -164,10 +168,12 @@ export declare const VARIANT_GLYPHS: {
         "share-2": string;
         shield: string;
         "shield-check": string;
+        "shield-cross": string;
         "shield-lock": string;
         "shield-plus": string;
         "shield-tick": string;
         shop: string;
+        snowflake: string;
         sort: string;
         sparkles: string;
         star: string;
@@ -223,6 +229,7 @@ export declare const VARIANT_GLYPHS: {
         "arrow-up": string;
         "arrow-up-right": string;
         "badge-check": string;
+        ban: string;
         bell: string;
         book: string;
         "box-seam": string;
@@ -314,6 +321,7 @@ export declare const VARIANT_GLYPHS: {
         image: string;
         inbox: string;
         info: string;
+        "info-circle": string;
         instagram: string;
         kanban: string;
         key: string;
@@ -321,6 +329,7 @@ export declare const VARIANT_GLYPHS: {
         "layout-dashboard": string;
         "layout-grid": string;
         lightbulb: string;
+        linkedin: string;
         list: string;
         lock: string;
         "lock-1": string;
@@ -335,6 +344,7 @@ export declare const VARIANT_GLYPHS: {
         "message-square": string;
         "message-text": string;
         minus: string;
+        "minus-circle": string;
         mobile: string;
         monitor: string;
         moon: string;
@@ -371,10 +381,12 @@ export declare const VARIANT_GLYPHS: {
         "share-2": string;
         shield: string;
         "shield-check": string;
+        "shield-cross": string;
         "shield-lock": string;
         "shield-plus": string;
         "shield-tick": string;
         shop: string;
+        snowflake: string;
         sort: string;
         sparkles: string;
         star: string;
@@ -430,6 +442,7 @@ export declare const VARIANT_GLYPHS: {
         "arrow-up": string;
         "arrow-up-right": string;
         "badge-check": string;
+        ban: string;
         bell: string;
         book: string;
         "box-seam": string;
@@ -521,6 +534,7 @@ export declare const VARIANT_GLYPHS: {
         image: string;
         inbox: string;
         info: string;
+        "info-circle": string;
         instagram: string;
         kanban: string;
         key: string;
@@ -528,6 +542,7 @@ export declare const VARIANT_GLYPHS: {
         "layout-dashboard": string;
         "layout-grid": string;
         lightbulb: string;
+        linkedin: string;
         list: string;
         lock: string;
         "lock-1": string;
@@ -542,6 +557,7 @@ export declare const VARIANT_GLYPHS: {
         "message-square": string;
         "message-text": string;
         minus: string;
+        "minus-circle": string;
         mobile: string;
         monitor: string;
         moon: string;
@@ -578,10 +594,12 @@ export declare const VARIANT_GLYPHS: {
         "share-2": string;
         shield: string;
         "shield-check": string;
+        "shield-cross": string;
         "shield-lock": string;
         "shield-plus": string;
         "shield-tick": string;
         shop: string;
+        snowflake: string;
         sort: string;
         sparkles: string;
         star: string;
@@ -637,6 +655,7 @@ export declare const VARIANT_GLYPHS: {
         "arrow-up": string;
         "arrow-up-right": string;
         "badge-check": string;
+        ban: string;
         bell: string;
         book: string;
         "box-seam": string;
@@ -728,6 +747,7 @@ export declare const VARIANT_GLYPHS: {
         image: string;
         inbox: string;
         info: string;
+        "info-circle": string;
         instagram: string;
         kanban: string;
         key: string;
@@ -735,6 +755,7 @@ export declare const VARIANT_GLYPHS: {
         "layout-dashboard": string;
         "layout-grid": string;
         lightbulb: string;
+        linkedin: string;
         list: string;
         lock: string;
         "lock-1": string;
@@ -749,6 +770,7 @@ export declare const VARIANT_GLYPHS: {
         "message-square": string;
         "message-text": string;
         minus: string;
+        "minus-circle": string;
         mobile: string;
         monitor: string;
         moon: string;
@@ -785,10 +807,12 @@ export declare const VARIANT_GLYPHS: {
         "share-2": string;
         shield: string;
         "shield-check": string;
+        "shield-cross": string;
         "shield-lock": string;
         "shield-plus": string;
         "shield-tick": string;
         shop: string;
+        snowflake: string;
         sort: string;
         sparkles: string;
         star: string;
@@ -844,6 +868,7 @@ export declare const VARIANT_GLYPHS: {
         "arrow-up": string;
         "arrow-up-right": string;
         "badge-check": string;
+        ban: string;
         bell: string;
         book: string;
         "box-seam": string;
@@ -935,6 +960,7 @@ export declare const VARIANT_GLYPHS: {
         image: string;
         inbox: string;
         info: string;
+        "info-circle": string;
         instagram: string;
         kanban: string;
         key: string;
@@ -942,6 +968,7 @@ export declare const VARIANT_GLYPHS: {
         "layout-dashboard": string;
         "layout-grid": string;
         lightbulb: string;
+        linkedin: string;
         list: string;
         lock: string;
         "lock-1": string;
@@ -956,6 +983,7 @@ export declare const VARIANT_GLYPHS: {
         "message-square": string;
         "message-text": string;
         minus: string;
+        "minus-circle": string;
         mobile: string;
         monitor: string;
         moon: string;
@@ -992,10 +1020,12 @@ export declare const VARIANT_GLYPHS: {
         "share-2": string;
         shield: string;
         "shield-check": string;
+        "shield-cross": string;
         "shield-lock": string;
         "shield-plus": string;
         "shield-tick": string;
         shop: string;
+        snowflake: string;
         sort: string;
         sparkles: string;
         star: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webority/ui-react",
-  "version": "0.85.0",
+  "version": "0.86.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.85.0",
-    "@webority/ui-elements": "0.85.0"
+    "@webority/theme": "0.86.0",
+    "@webority/ui-elements": "0.86.0"
   },
   "peerDependencies": {
     "@webority/analytics": "^0.25.0",