@livestorm/ui-vue 3.0.0 → 4.0.0

package/dist/responsive.mjs

@@ -1,39 +1,34 @@
-import { reactive as p, computed as a } from "vue";
-import { BREAKPOINT_LG as c, BREAKPOINT_XL_PLUS as f, BREAKPOINT_MD as h } from "./breakpoints.mjs";
-let n;
-const l = 1280, u = 800, m = {
-  mobile: (e) => e.width < h,
-  tablet: (e) => e.width < c,
-  smallDesktop: (e) => e.width < f,
-  desktop: (e) => e.width >= c
+import { BREAKPOINT_LG as e, BREAKPOINT_XL_PLUS as t } from "./breakpoints.mjs";
+import { computed as n, reactive as r } from "vue";
+//#region src/utils/responsive.js
+var i, a = 1280, o = 800, s = {
+	mobile: (e) => e.width < 768,
+	tablet: (t) => t.width < e,
+	smallDesktop: (e) => e.width < t,
+	desktop: (t) => t.width >= e
 };
-function w(e = {}, { deferViewportSync: o = !1 } = {}) {
-  const s = typeof window < "u", r = s && !o, t = p({
-    width: r ? window.innerWidth : l,
-    height: r ? window.innerHeight : u
-  }), d = { ...m, ...e };
-  for (const i in d)
-    t[i] = a(() => d[i](t));
-  if (s) {
-    const i = () => {
-      t.width = window.innerWidth, t.height = window.innerHeight;
-    };
-    o && queueMicrotask(i), window.addEventListener("resize", i);
-  }
-  return t;
+function c(e = {}, { deferViewportSync: t = !1 } = {}) {
+	let i = typeof window < "u", c = i && !t, l = r({
+		width: c ? window.innerWidth : a,
+		height: c ? window.innerHeight : o
+	}), u = {
+		...s,
+		...e
+	};
+	for (let e in u) l[e] = n(() => u[e](l));
+	if (i) {
+		let e = () => {
+			l.width = window.innerWidth, l.height = window.innerHeight;
+		};
+		t && queueMicrotask(e), window.addEventListener("resize", e);
+	}
+	return l;
 }
-function g() {
-  return n || (n = w({}, { deferViewportSync: !0 })), n;
+function l() {
+	return i ||= c({}, { deferViewportSync: !0 }), i;
 }
-const R = {
-  install(e, o) {
-    const s = Object.assign({}, {
-      computed: {}
-    }, o);
-    n = w(s.computed), e.config.globalProperties.$responsive = n;
-  }
-};
-export {
-  R as default,
-  g as useResponsive
-};
+var u = { install(e, t) {
+	i = c(Object.assign({}, { computed: {} }, t).computed), e.config.globalProperties.$responsive = i;
+} };
+//#endregion
+export { u as default, l as useResponsive };

package/dist/slot.mjs

@@ -1,21 +1,15 @@
-import { useSlots as m, isVNode as n, Comment as a, Fragment as o } from "vue";
+import { Comment as e, Fragment as t, isVNode as n, useSlots as r } from "vue";
+//#region src/utils/slot.ts
 function i() {
-  const t = m();
-  return new Proxy(t, {
-    // @ts-expect-error
-    get: (s, f) => (...p) => u(s[f]?.(...p))
-  });
+	let e = r();
+	return new Proxy(e, { get: (e, t) => (...n) => a(e[t]?.(...n)) });
 }
-function u(t) {
-  return t && t.some((r) => n(r) ? !(r.type === a || r.type === o && !u(r.children)) : !0) ? t : null;
+function a(r) {
+	return r && r.some((r) => !n(r) || !(r.type === e || r.type === t && !a(r.children))) ? r : null;
 }
-const y = ({ vnodes: t }) => t;
-function e(t) {
-  return t ? t.map((r) => n(r) ? r.props?.vnodes ? e(r.props.vnodes) : r.type === o ? e(r.children) : r : r).flat(10) : null;
+var o = ({ vnodes: e }) => e;
+function s(e) {
+	return e ? e.map((e) => n(e) ? e.props?.vnodes ? s(e.props.vnodes) : e.type === t ? s(e.children) : e : e).flat(10) : null;
 }
-export {
-  y as RenderSlot,
-  u as getSlotAsComponent,
-  e as unwrapFragments,
-  i as useSlotsAsComponents
-};
+//#endregion
+export { o as RenderSlot, a as getSlotAsComponent, s as unwrapFragments, i as useSlotsAsComponents };

package/dist/toastDSV2-D3xDZPe5.mjs

@@ -0,0 +1,105 @@
+import { markRaw as e, ref as t } from "vue";
+import { createEventHook as n } from "@vueuse/core";
+//#region src/components/Toast/toastDSV2.ts
+var r = 1, i = 3, a = {
+	success: 3e3,
+	info: 7e3
+};
+function o(e, t) {
+	return e === !0 ? t === "success" || t === "info" ? a[t] : void 0 : typeof e == "number" ? e : void 0;
+}
+var s = t([]);
+function c() {
+	return {
+		toasts: s,
+		openToast: f,
+		updateToast: p,
+		restartToast: m,
+		closeToast: h,
+		cancelCloseTimer: g
+	};
+}
+function l(e) {
+	let { id: t } = e;
+	return {
+		id: t,
+		close: () => {
+			h(t);
+		},
+		onConfirm: e.confirmEventHook.on,
+		onCancel: e.cancelEventHook.on
+	};
+}
+function u(t) {
+	let { component: n, messageComponent: r } = t;
+	return {
+		...t,
+		...n && { component: e(n) },
+		...r && { messageComponent: e(r) }
+	};
+}
+function d(e, t) {
+	let { time: n, ...r } = t;
+	Object.assign(e.options, u(r)), n !== void 0 && (e.options.time = o(n, e.options.type ?? "info"));
+}
+function f(e) {
+	let t = s.value.find((t) => t.id === e.id);
+	if (t) return t.confirmEventHook.clear(), t.cancelEventHook.clear(), d(t, e), l(t);
+	let i = e.type || "info", a = e.id ?? r++, c = {
+		id: a,
+		options: {
+			...u(e),
+			id: a,
+			type: i,
+			time: o(e.time, i)
+		},
+		closeTimer: null,
+		paused: !1,
+		timerStartedAt: 0,
+		confirmEventHook: n(),
+		cancelEventHook: n()
+	};
+	return s.value.push(c), y(), l(c);
+}
+function p(e, t) {
+	let n = s.value.find((t) => t.id === e);
+	if (n) return d(n, t), l(n);
+}
+function m(e) {
+	let t = s.value.find((t) => t.id === e);
+	t && (t.paused = !1, x(t));
+}
+function h(e) {
+	let t = s.value.find((t) => t.id === e);
+	t && (b(t), v(e), y());
+}
+function g(e) {
+	let t = s.value.find((t) => t.id === e);
+	t && (t.paused = !0, b(t));
+}
+function _() {
+	s.value.forEach(b), s.value = [];
+}
+function v(e) {
+	let t = s.value.findIndex((t) => t.id === e);
+	t !== -1 && s.value.splice(t, 1);
+}
+function y() {
+	s.value.forEach((e, t) => {
+		if (!(t < 3) || e.paused) {
+			b(e);
+			return;
+		}
+		e.closeTimer || x(e);
+	});
+}
+function b(e) {
+	clearTimeout(e.closeTimer), e.closeTimer = null;
+}
+function x(e) {
+	b(e), e.options.time && (e.timerStartedAt = performance.now(), e.closeTimer = setTimeout(() => {
+		h(e.id);
+	}, e.options.time));
+}
+//#endregion
+export { _ as a, c, f as i, g as n, m as o, h as r, p as s, i as t };

package/dist/types/index.d.ts

@@ -12,18 +12,26 @@ import UiButtonGroup from './src/components/UiButtonGroup/UiButtonGroup.vue';
 import UiButtonGroupItem from './src/components/UiButtonGroup/UiButtonGroupItem.vue';
 import UiCard from './src/components/UiCard/UiCard.vue';
 import UiCarousel from './src/components/UiCarousel/UiCarousel.vue';
+import UiChoice from './src/components/UiChoice/UiChoice.vue';
 import UiColorField from './src/components/UiColorField/UiColorField.vue';
 import UiColorPicker from './src/components/UiColorPicker/UiColorPicker.vue';
+import UiCombobox from './src/components/UiCombobox/UiCombobox.vue';
+import UiDataTable from './src/components/UiDataTable/UiDataTable.vue';
 import UiDialog from './src/components/UiDialog/UiDialog.vue';
 import UiDialogClose from './src/components/UiDialog/UiDialogClose.vue';
 import UiDialogContent from './src/components/UiDialog/UiDialogContent.vue';
 import UiDialogFooter from './src/components/UiDialog/UiDialogFooter.vue';
 import UiDialogTrigger from './src/components/UiDialog/UiDialogTrigger.vue';
+import UiDrawer from './src/components/UiDrawer/UiDrawer.vue';
+import UiDrawerContent from './src/components/UiDrawer/UiDrawerContent.vue';
+import UiDrawerTrigger from './src/components/UiDrawer/UiDrawerTrigger.vue';
 import UiDropdown from './src/components/UiDropdown/UiDropdown.vue';
 import UiDropdownContent from './src/components/UiDropdown/UiDropdownContent.vue';
+import UiDropdownGroup from './src/components/UiDropdown/UiDropdownGroup.vue';
 import UiDropdownItem from './src/components/UiDropdown/UiDropdownItem.vue';
 import UiDropdownSeparator from './src/components/UiDropdown/UiDropdownSeparator.vue';
 import UiDropdownTrigger from './src/components/UiDropdown/UiDropdownTrigger.vue';
+import UiEmojiPickerList from './src/components/UiEmojiPickerList/UiEmojiPickerList.vue';
 import UiEmptyState from './src/components/UiEmptyState/UiEmptyState.vue';
 import UiFieldWrapper from './src/components/UiFieldWrapper/UiFieldWrapper.vue';
 import UiFormField from './src/components/UiForm/UiFormField.vue';
@@ -38,6 +46,7 @@ import UiLabel from './src/components/UiLabel/UiLabel.vue';
 import UiList from './src/components/UiList/UiList.vue';
 import UiListItem from './src/components/UiListItem/UiListItem.vue';
 import UiLoader from './src/components/UiLoader/UiLoader.vue';
+import UiSpinnerIcon from './src/components/UiLoader/UiSpinnerIcon.vue';
 import UiLogo from './src/components/UiLogo/UiLogo.vue';
 import UiMenu from './src/components/UiMenu/UiMenu.vue';
 import UiMenuContent from './src/components/UiMenu/UiMenuContent.vue';
@@ -49,14 +58,21 @@ import UiMenuSub from './src/components/UiMenu/UiMenuSub.vue';
 import UiMenuSubContent from './src/components/UiMenu/UiMenuSubContent.vue';
 import UiMenuSubTrigger from './src/components/UiMenu/UiMenuSubTrigger.vue';
 import UiMenuTrigger from './src/components/UiMenu/UiMenuTrigger.vue';
+import UiNestedOptions from './src/components/UiNestedOptions/UiNestedOptions.vue';
 import UiPage from './src/components/UiPage/UiPage.vue';
 import UiPageHeader from './src/components/UiPageHeader/UiPageHeader.vue';
+import UiPagination from './src/components/UiPagination/UiPagination.vue';
+import UiPane from './src/components/UiPane/UiPane.vue';
+import UiPaneContent from './src/components/UiPane/UiPaneContent.vue';
+import UiPaneTrigger from './src/components/UiPane/UiPaneTrigger.vue';
 import UiPopover from './src/components/UiPopover/UiPopover.vue';
 import UiPopoverAnchor from './src/components/UiPopover/UiPopoverAnchor.vue';
 import UiPopoverContent from './src/components/UiPopover/UiPopoverContent.vue';
 import UiPopoverTrigger from './src/components/UiPopover/UiPopoverTrigger.vue';
 import UiProgress from './src/components/UiProgress/UiProgress.vue';
+import UiRating from './src/components/UiRating/UiRating.vue';
 import UiRoomButton from './src/components/UiRoomButton/UiRoomButton.vue';
+import UiRoomCountdown from './src/components/UiRoomCountdown/UiRoomCountdown.vue';
 import UiShell from './src/components/UiShell/UiShell.vue';
 import UiSideMenu from './src/components/UiSideMenu/UiSideMenu.vue';
 import UiSideMenuBottom from './src/components/UiSideMenu/UiSideMenuBottom.vue';
@@ -71,6 +87,8 @@ import UiStepperSeparator from './src/components/UiStepper/UiStepperSeparator.vu
 import UiStepperTitle from './src/components/UiStepper/UiStepperTitle.vue';
 import UiSwitch from './src/components/UiSwitch/UiSwitch.vue';
 import UiTable from './src/components/UiTable/UiTable.vue';
+import UiTableActionsCell from './src/components/UiTable/UiTableActionsCell.vue';
+import UiTableActionsHeaderCell from './src/components/UiTable/UiTableActionsHeaderCell.vue';
 import UiTableBody from './src/components/UiTable/UiTableBody.vue';
 import UiTableCell from './src/components/UiTable/UiTableCell.vue';
 import UiTableHeader from './src/components/UiTable/UiTableHeader.vue';
@@ -85,4 +103,4 @@ import UiTooltip from './src/components/UiTooltip/UiTooltip.vue';
 import UiTooltipContent from './src/components/UiTooltip/UiTooltipContent.vue';
 import UiTooltipProvider from './src/components/UiTooltip/UiTooltipProvider.vue';
 import UiTooltipTrigger from './src/components/UiTooltip/UiTooltipTrigger.vue';
-export { UiActionBar, UiActionBarItem, UiActionBarSeparator, UiAnimatedLogo, UiAvatar, UiAvatarList, UiBadge, UiBanner, UiBreadcrumb, UiButton, UiButtonGroup, UiButtonGroupItem, UiCard, UiCarousel, UiColorField, UiColorPicker, UiDialog, UiDialogClose, UiDialogContent, UiDialogFooter, UiDialogTrigger, UiDropdown, UiDropdownContent, UiDropdownItem, UiDropdownSeparator, UiDropdownTrigger, UiEmptyState, UiFieldWrapper, UiFormField, UiHorizontalSeparator, UiInputCheckbox, UiInputEmoji, UiInputRadio, UiInputRadioGroup, UiInputSelect, UiInputTextarea, UiLabel, UiList, UiListItem, UiLoader, UiLogo, UiMenu, UiMenuContent, UiMenuGroup, UiMenuItem, UiMenuLabel, UiMenuSeparator, UiMenuSub, UiMenuSubContent, UiMenuSubTrigger, UiMenuTrigger, UiPage, UiPageHeader, UiPopover, UiPopoverAnchor, UiPopoverContent, UiPopoverTrigger, UiProgress, UiRoomButton, UiShell, UiSideMenu, UiSideMenuBottom, UiSideMenuItem, UiSideMenuItemContent, UiSideMenuTop, UiStepper, UiStepperDescription, UiStepperIndicator, UiStepperItem, UiStepperSeparator, UiStepperTitle, UiSwitch, UiTable, UiTableBody, UiTableCell, UiTableHeader, UiTableHeaderCell, UiTableRow, UiTabs, UiTag, UiTextField, UiTimeline, UiTimelineItem, UiTooltip, UiTooltipContent, UiTooltipProvider, UiTooltipTrigger };
+export { UiActionBar, UiActionBarItem, UiActionBarSeparator, UiAnimatedLogo, UiAvatar, UiAvatarList, UiBadge, UiBanner, UiBreadcrumb, UiButton, UiButtonGroup, UiButtonGroupItem, UiCard, UiCarousel, UiChoice, UiColorField, UiColorPicker, UiCombobox, UiDataTable, UiDialog, UiDialogClose, UiDialogContent, UiDialogFooter, UiDialogTrigger, UiDrawer, UiDrawerContent, UiDrawerTrigger, UiDropdown, UiDropdownContent, UiDropdownGroup, UiDropdownItem, UiDropdownSeparator, UiDropdownTrigger, UiEmojiPickerList, UiEmptyState, UiFieldWrapper, UiFormField, UiHorizontalSeparator, UiInputCheckbox, UiInputEmoji, UiInputRadio, UiInputRadioGroup, UiInputSelect, UiInputTextarea, UiLabel, UiList, UiListItem, UiLoader, UiSpinnerIcon, UiLogo, UiMenu, UiMenuContent, UiMenuGroup, UiMenuItem, UiMenuLabel, UiMenuSeparator, UiMenuSub, UiMenuSubContent, UiMenuSubTrigger, UiMenuTrigger, UiNestedOptions, UiPage, UiPageHeader, UiPagination, UiPane, UiPaneContent, UiPaneTrigger, UiPopover, UiPopoverAnchor, UiPopoverContent, UiPopoverTrigger, UiProgress, UiRating, UiRoomButton, UiRoomCountdown, UiShell, UiSideMenu, UiSideMenuBottom, UiSideMenuItem, UiSideMenuItemContent, UiSideMenuTop, UiStepper, UiStepperDescription, UiStepperIndicator, UiStepperItem, UiStepperSeparator, UiStepperTitle, UiSwitch, UiTable, UiTableActionsCell, UiTableActionsHeaderCell, UiTableBody, UiTableCell, UiTableHeader, UiTableHeaderCell, UiTableRow, UiTabs, UiTag, UiTextField, UiTimeline, UiTimelineItem, UiTooltip, UiTooltipContent, UiTooltipProvider, UiTooltipTrigger };

package/dist/types/src/components/Toast/ToastMessage.vue.d.ts

@@ -1,21 +1,31 @@
-import type { ToastOptions } from './toastDSV2';
-declare const __VLS_export: import("vue").DefineComponent<Partial<ToastOptions>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+import type { ToastBaseOptions } from './toastDSV2';
+import type { ThemeColorType } from '../../theme';
+type ToastMessageProps = Partial<ToastBaseOptions> & {
+    /**
+     * When the store started the current run of the close timer, so the bar can
+     * animate again. Not a caller-facing option — `LayoutToasts` passes it.
+     */
+    timerStartedAt?: number;
+};
+declare const __VLS_export: import("vue").DefineComponent<ToastMessageProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     mouseenter: (...args: any[]) => void;
     mouseleave: (...args: any[]) => void;
     close: (...args: any[]) => void;
-    cancel: (...args: any[]) => void;
     confirm: (...args: any[]) => void;
-}, string, import("vue").PublicProps, Readonly<Partial<ToastOptions>> & Readonly<{
+    cancel: (...args: any[]) => void;
+}, string, import("vue").PublicProps, Readonly<ToastMessageProps> & Readonly<{
     onMouseenter?: ((...args: any[]) => any) | undefined;
     onMouseleave?: ((...args: any[]) => any) | undefined;
     onClose?: ((...args: any[]) => any) | undefined;
-    onCancel?: ((...args: any[]) => any) | undefined;
     onConfirm?: ((...args: any[]) => any) | undefined;
+    onCancel?: ((...args: any[]) => any) | undefined;
 }>, {
-    type: import("../../theme").ThemeColorType;
+    type: ThemeColorType;
     closable: boolean;
-    locked: boolean;
     confirmHrefTarget: "_blank" | "_self";
+    actionsSize: import("../../constants/sizes.js").Size;
+    locked: boolean;
+    timerStartedAt: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/types/src/components/Toast/toastDSV2.d.ts

@@ -1,16 +1,47 @@
-import type { Component } from 'vue';
+import type { Component, Ref } from 'vue';
 import type { RouteLocationRaw } from 'vue-router';
 import { type EventHook } from '@vueuse/core';
 import type { ThemeColorType } from '../../theme';
+import type { Size } from '../../constants';
+/**
+ * How many toasts render at once. It lives here rather than in `LayoutToasts`
+ * because the store schedules the close timers, and only the toasts actually
+ * on screen may run one.
+ */
+export declare const MAX_ITEMS_DISPLAYED = 3;
 export type ToastType = 'alert' | 'warning' | 'info' | 'success';
-export interface ToastOptions {
-    message: string;
+/**
+ * Identity shown in place of the status icon. Size and variant are fixed by
+ * the design, so only the identity-bearing `UiAvatar` props are exposed.
+ */
+export interface ToastAvatar {
+    src?: string | null;
+    firstName?: string | null;
+    lastName?: string | null;
+    customText?: string | null;
+    color?: string | null;
+    alt?: string;
+}
+/**
+ * Every field a toast understands, all optional. `openToast` narrows this to
+ * `ToastOptions`, which additionally demands something to display.
+ */
+export interface ToastBaseOptions {
+    message?: string;
+    /**
+     * Rendered in place of `message`, inside the default layout — `component`
+     * replaces the whole body instead. Markup, and sanitizing it, stays with
+     * the caller.
+     */
+    messageComponent?: Component;
+    messageComponentProps?: Record<string, unknown>;
     id?: PropertyKey;
     title?: string;
     info?: string;
     type?: ThemeColorType;
+    avatar?: ToastAvatar;
     time?: number | boolean;
-    progessIndeterminate?: boolean;
+    progressIndeterminate?: boolean;
     customIcon?: string;
     confirmLabel?: string;
     confirmHref?: string;
@@ -18,84 +49,78 @@ export interface ToastOptions {
     confirmTo?: RouteLocationRaw;
     confirmIcon?: string;
     confirmColor?: ThemeColorType;
+    actionsSize?: Size;
     cancelLabel?: string;
     locked?: boolean;
     closable?: boolean;
     component?: Component;
     componentProps?: Record<string, unknown>;
 }
-interface ToastItem {
-    id: PropertyKey;
+/**
+ * A toast has to show something. Requiring one of the three content fields
+ * here means an empty toast is a type error rather than an empty white box.
+ */
+export type ToastContent = {
     message: string;
-    title?: string;
-    info?: string;
-    type?: ThemeColorType;
-    icon?: string;
+} | {
+    messageComponent: Component;
+} | {
+    title: string;
+} | {
+    component: Component;
+};
+export type ToastOptions = ToastBaseOptions & ToastContent;
+/**
+ * The caller's options as the store keeps them: `time` has been resolved to
+ * milliseconds, so nothing downstream has to handle the `true` shorthand.
+ */
+type StoredToastOptions = Omit<ToastBaseOptions, 'time'> & {
     time?: number;
-    locked?: boolean;
-    progessIndeterminate?: boolean;
+};
+/**
+ * A toast on screen: what the caller asked for, kept in `options`, plus the
+ * bookkeeping the store needs alongside it. They stay apart so `LayoutToasts`
+ * can hand the component the options without the timer handle and the event
+ * hooks falling through onto the DOM.
+ */
+interface ToastItem {
+    id: PropertyKey;
+    options: StoredToastOptions;
     closeTimer: any;
+    paused: boolean;
+    timerStartedAt: number;
     confirmEventHook: EventHook;
     cancelEventHook: EventHook;
 }
 export declare function useToasts(): {
-    toasts: import("vue").Ref<{
-        id: PropertyKey;
-        message: string;
-        title?: string | undefined;
-        info?: string | undefined;
-        type?: ThemeColorType | undefined;
-        icon?: string | undefined;
-        time?: number | undefined;
-        locked?: boolean | undefined;
-        progessIndeterminate?: boolean | undefined;
-        closeTimer: any;
-        confirmEventHook: {
-            on: import("@vueuse/core").EventHookOn<any>;
-            off: import("@vueuse/core").EventHookOff<any>;
-            trigger: import("@vueuse/core").EventHookTrigger<any>;
-            clear: () => void;
-        };
-        cancelEventHook: {
-            on: import("@vueuse/core").EventHookOn<any>;
-            off: import("@vueuse/core").EventHookOff<any>;
-            trigger: import("@vueuse/core").EventHookTrigger<any>;
-            clear: () => void;
-        };
-    }[], ToastItem[] | {
-        id: PropertyKey;
-        message: string;
-        title?: string | undefined;
-        info?: string | undefined;
-        type?: ThemeColorType | undefined;
-        icon?: string | undefined;
-        time?: number | undefined;
-        locked?: boolean | undefined;
-        progessIndeterminate?: boolean | undefined;
-        closeTimer: any;
-        confirmEventHook: {
-            on: import("@vueuse/core").EventHookOn<any>;
-            off: import("@vueuse/core").EventHookOff<any>;
-            trigger: import("@vueuse/core").EventHookTrigger<any>;
-            clear: () => void;
-        };
-        cancelEventHook: {
-            on: import("@vueuse/core").EventHookOn<any>;
-            off: import("@vueuse/core").EventHookOff<any>;
-            trigger: import("@vueuse/core").EventHookTrigger<any>;
-            clear: () => void;
-        };
-    }[]>;
-    closeToast: typeof closeToast;
+    toasts: Ref<ToastItem[], ToastItem[]>;
     openToast: typeof openToast;
+    updateToast: typeof updateToast;
+    restartToast: typeof restartToast;
+    closeToast: typeof closeToast;
     cancelCloseTimer: typeof cancelCloseTimer;
 };
-export declare function openToast(options: ToastOptions): {
+/** What a caller gets back for the toast it just opened or patched. */
+interface ToastHandle {
     id: PropertyKey;
     close: () => void;
-    onConfirm: import("@vueuse/core").EventHookOn<void>;
-    onCancel: import("@vueuse/core").EventHookOn<void>;
-};
+    onConfirm: EventHook['on'];
+    onCancel: EventHook['on'];
+}
+/**
+ * Opens a toast. An `id` is an identity, so opening one that is already on
+ * screen patches it in place instead of stacking a second copy — that is what
+ * the room's per-user and per-link toasts rely on. It does not restart the
+ * close timer; call `restartToast` for that.
+ */
+export declare function openToast(options: ToastOptions): ToastHandle;
+/**
+ * Patches an open toast. Unlike `openToast` it needs no content, so a caller
+ * can change one field. Returns undefined if the toast has already closed.
+ */
+export declare function updateToast(id: PropertyKey, patch: Omit<ToastBaseOptions, 'id'>): ToastHandle | undefined;
+/** Runs the close timer again from zero, e.g. when the pointer leaves. */
+export declare function restartToast(id: PropertyKey): void;
 export declare function closeToast(id: PropertyKey): void;
 export declare function cancelCloseTimer(id: PropertyKey): void;
 export declare function resetToasts(): void;

package/dist/types/src/components/UiActionBar/types.d.ts

@@ -14,3 +14,5 @@ export interface ActionBarContext {
  * consumer threading props down manually.
  */
 export declare const ACTION_BAR_CONTEXT_KEY: InjectionKey<ActionBarContext>;
+export declare const ACTION_BAR_RAIL_RADIUS: Record<ActionBarSize, string>;
+export declare const ACTION_BAR_ITEM_RADIUS: Record<ActionBarSize, string>;

package/dist/types/src/components/UiAvatar/UiAvatar.vue.d.ts

@@ -1,3 +1,5 @@
+/** `xs` 24 · `sm` 32 · `md` 40 · `lg` 48 · `xl` 64 · `10xl` 128 */
+export type UiAvatarSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '10xl';
 interface Props {
     /** Image URL. Initials are shown when missing or when the image fails to load. */
     src?: string | null;
@@ -9,7 +11,7 @@ interface Props {
      * Avatar size. Maps to the `--spacing-component-*` tokens:
      * `xs` 24, `sm` 32, `md` 40, `lg` 48, `xl` 64, `10xl` 128.
      */
-    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '10xl';
+    size?: UiAvatarSize;
     /**
      * `default` is light-on-dark (used standalone or inside an avatar list);
      * `more` is the light-grey `+N` chip used by `UiAvatarList` overflow.
@@ -35,7 +37,7 @@ type __VLS_Slots = {} & {
     badge?: (props: typeof __VLS_1) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
-    size: "xs" | "sm" | "md" | "lg" | "xl" | "10xl";
+    size: UiAvatarSize;
     icon: string;
     src: string | null;
     firstName: string | null;

package/dist/types/src/components/UiAvatarList/UiAvatarList.vue.d.ts

@@ -1,3 +1,4 @@
+import type { UiAvatarSize } from '../UiAvatar/UiAvatar.vue';
 export interface AvatarListItem {
     id?: string | number;
     firstName?: string | null;
@@ -17,10 +18,10 @@ interface Props {
     /** Maximum visible avatars before showing the `+N` overflow chip. */
     max?: number;
     /** Mirrors `UiAvatar`'s size scale. The overlap scales with the size. */
-    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '10xl';
+    size?: UiAvatarSize;
 }
 declare const __VLS_export: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
-    size: "xs" | "sm" | "md" | "lg" | "xl" | "10xl";
+    size: UiAvatarSize;
     total: number | null;
     max: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/types/src/components/UiBanner/UiBanner.vue.d.ts

@@ -9,6 +9,14 @@ export interface UiBannerProps {
      * @values full-width, horizontal, vertical
      */
     variant?: 'full-width' | 'horizontal' | 'vertical';
+    /**
+     * Title text; the default slot overrides it
+     */
+    title?: string;
+    /**
+     * Description text; the description slot overrides it
+     */
+    description?: string;
     /**
      * Show or hide the icon
      */
@@ -58,11 +66,13 @@ type __VLS_ModelProps = {
     'closed'?: boolean;
 };
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
-declare var __VLS_1: {}, __VLS_3: {};
+declare var __VLS_1: {}, __VLS_3: {}, __VLS_5: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
 } & {
     description?: (props: typeof __VLS_3) => any;
+} & {
+    action?: (props: typeof __VLS_5) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "banner-action": () => any;
@@ -73,8 +83,10 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {
     onClose?: (() => any) | undefined;
     "onUpdate:closed"?: ((value: boolean) => any) | undefined;
 }>, {
+    title: string;
     variant: "full-width" | "horizontal" | "vertical";
     color: "neutral" | "primary" | "success" | "warning" | "danger";
+    description: string;
     showIcon: boolean;
     actionLabel: string;
     actionDisabled: boolean;