@livestorm/ui-vue 1.1.2 → 2.0.0

package/dist/types/index.d.ts

@@ -0,0 +1,84 @@
+import UiActionBar from './src/components/UiActionBar/UiActionBar.vue';
+import UiActionBarItem from './src/components/UiActionBar/UiActionBarItem.vue';
+import UiActionBarSeparator from './src/components/UiActionBar/UiActionBarSeparator.vue';
+import UiAnimatedLogo from './src/components/UiAnimatedLogo/UiAnimatedLogo.vue';
+import UiAvatar from './src/components/UiAvatar/UiAvatar.vue';
+import UiAvatarList from './src/components/UiAvatarList/UiAvatarList.vue';
+import UiBadge from './src/components/UiBadge/UiBadge.vue';
+import UiBanner from './src/components/UiBanner/UiBanner.vue';
+import UiBreadcrumb from './src/components/UiBreadcrumb/UiBreadcrumb.vue';
+import UiButton from './src/components/UiButton/UiButton.vue';
+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 UiColorField from './src/components/UiColorField/UiColorField.vue';
+import UiColorPicker from './src/components/UiColorPicker/UiColorPicker.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 UiDropdown from './src/components/UiDropdown/UiDropdown.vue';
+import UiDropdownContent from './src/components/UiDropdown/UiDropdownContent.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 UiEmptyState from './src/components/UiEmptyState/UiEmptyState.vue';
+import UiFieldWrapper from './src/components/UiFieldWrapper/UiFieldWrapper.vue';
+import UiFormField from './src/components/UiForm/UiFormField.vue';
+import UiHorizontalSeparator from './src/components/UiHorizontalSeparator/UiHorizontalSeparator.vue';
+import UiInputCheckbox from './src/components/UiInputCheckbox/UiInputCheckbox.vue';
+import UiInputSelect from './src/components/UiInputSelect/UiInputSelect.vue';
+import UiInputTextarea from './src/components/UiInputTextarea/UiInputTextarea.vue';
+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 UiLogo from './src/components/UiLogo/UiLogo.vue';
+import UiMenu from './src/components/UiMenu/UiMenu.vue';
+import UiMenuContent from './src/components/UiMenu/UiMenuContent.vue';
+import UiMenuGroup from './src/components/UiMenu/UiMenuGroup.vue';
+import UiMenuItem from './src/components/UiMenu/UiMenuItem.vue';
+import UiMenuLabel from './src/components/UiMenu/UiMenuLabel.vue';
+import UiMenuSeparator from './src/components/UiMenu/UiMenuSeparator.vue';
+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 UiPage from './src/components/UiPage/UiPage.vue';
+import UiPageHeader from './src/components/UiPageHeader/UiPageHeader.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 UiRoomButton from './src/components/UiRoomButton/UiRoomButton.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';
+import UiSideMenuItem from './src/components/UiSideMenu/UiSideMenuItem.vue';
+import UiSideMenuItemContent from './src/components/UiSideMenu/UiSideMenuItemContent.vue';
+import UiSideMenuTop from './src/components/UiSideMenu/UiSideMenuTop.vue';
+import UiStepper from './src/components/UiStepper/UiStepper.vue';
+import UiStepperDescription from './src/components/UiStepper/UiStepperDescription.vue';
+import UiStepperIndicator from './src/components/UiStepper/UiStepperIndicator.vue';
+import UiStepperItem from './src/components/UiStepper/UiStepperItem.vue';
+import UiStepperSeparator from './src/components/UiStepper/UiStepperSeparator.vue';
+import UiStepperTitle from './src/components/UiStepper/UiStepperTitle.vue';
+import UiTable from './src/components/UiTable/UiTable.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';
+import UiTableHeaderCell from './src/components/UiTable/UiTableHeaderCell.vue';
+import UiTableRow from './src/components/UiTable/UiTableRow.vue';
+import UiTabs from './src/components/UiTabs/UiTabs.vue';
+import UiTag from './src/components/UiTag/UiTag.vue';
+import UiTextField from './src/components/UiTextField/UiTextField.vue';
+import UiTimeline from './src/components/UiTimeline/UiTimeline.vue';
+import UiTimelineItem from './src/components/UiTimeline/UiTimelineItem.vue';
+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, 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, UiTable, UiTableBody, UiTableCell, UiTableHeader, UiTableHeaderCell, UiTableRow, UiTabs, UiTag, UiTextField, UiTimeline, UiTimelineItem, UiTooltip, UiTooltipContent, UiTooltipProvider, UiTooltipTrigger };

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

@@ -0,0 +1,3 @@
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,21 @@
+import type { ToastOptions } from './toastDSV2';
+declare const __VLS_export: import("vue").DefineComponent<Partial<ToastOptions>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    cancel: (...args: any[]) => void;
+    close: (...args: any[]) => void;
+    mouseenter: (...args: any[]) => void;
+    mouseleave: (...args: any[]) => void;
+    confirm: (...args: any[]) => void;
+}, string, import("vue").PublicProps, Readonly<Partial<ToastOptions>> & Readonly<{
+    onCancel?: ((...args: any[]) => any) | undefined;
+    onClose?: ((...args: any[]) => any) | undefined;
+    onMouseenter?: ((...args: any[]) => any) | undefined;
+    onMouseleave?: ((...args: any[]) => any) | undefined;
+    onConfirm?: ((...args: any[]) => any) | undefined;
+}>, {
+    type: import("../../theme").ThemeColorType;
+    closable: boolean;
+    locked: boolean;
+    confirmHrefTarget: "_blank" | "_self";
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,102 @@
+import type { Component } from 'vue';
+import type { RouteLocationRaw } from 'vue-router';
+import { type EventHook } from '@vueuse/core';
+import type { ThemeColorType } from '../../theme';
+export type ToastType = 'alert' | 'warning' | 'info' | 'success';
+export interface ToastOptions {
+    message: string;
+    id?: PropertyKey;
+    title?: string;
+    info?: string;
+    type?: ThemeColorType;
+    time?: number | boolean;
+    progessIndeterminate?: boolean;
+    customIcon?: string;
+    confirmLabel?: string;
+    confirmHref?: string;
+    confirmHrefTarget?: '_blank' | '_self';
+    confirmTo?: RouteLocationRaw;
+    confirmIcon?: string;
+    confirmColor?: ThemeColorType;
+    cancelLabel?: string;
+    locked?: boolean;
+    closable?: boolean;
+    component?: Component;
+    componentProps?: Record<string, unknown>;
+}
+interface ToastItem {
+    id: PropertyKey;
+    message: string;
+    title?: string;
+    info?: string;
+    type?: ThemeColorType;
+    icon?: string;
+    time?: number;
+    locked?: boolean;
+    progessIndeterminate?: boolean;
+    closeTimer: any;
+    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;
+    openToast: typeof openToast;
+    cancelCloseTimer: typeof cancelCloseTimer;
+};
+export declare function openToast(options: ToastOptions): {
+    id: PropertyKey;
+    close: () => void;
+    onConfirm: import("@vueuse/core").EventHookOn<void>;
+    onCancel: import("@vueuse/core").EventHookOn<void>;
+};
+export declare function closeToast(id: PropertyKey): void;
+export declare function cancelCloseTimer(id: PropertyKey): void;
+export declare function resetToasts(): void;
+export {};

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

@@ -0,0 +1,44 @@
+import type { ActionBarOrientation, ActionBarPosition, ActionBarSize } from './types';
+interface UiActionBarProps {
+    /**
+     * Lays the items out in a horizontal bar (default) or a vertical rail,
+     * matching the two variants in the design system.
+     */
+    orientation?: ActionBarOrientation;
+    size?: ActionBarSize;
+    /**
+     * Anchors the bar to a corner of its nearest positioned ancestor.
+     * When set, the bar is rendered `absolute` — the parent must be `relative`.
+     * Leave undefined (default) to keep the bar in normal flow and position it
+     * yourself.
+     */
+    position?: ActionBarPosition;
+    /**
+     * Distance (in Tailwind spacing units) from the anchored edges when
+     * `position` is set. Defaults to `3` (12px).
+     */
+    offset?: number;
+    /**
+     * Accessible label for the toolbar landmark. Defaults to "Actions".
+     */
+    ariaLabel?: string;
+}
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<UiActionBarProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<UiActionBarProps> & Readonly<{}>, {
+    orientation: ActionBarOrientation;
+    size: ActionBarSize;
+    position: ActionBarPosition;
+    offset: number;
+    ariaLabel: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,47 @@
+import type { RouteLocationRaw } from 'vue-router';
+interface UiActionBarItemProps {
+    /** Icon class, e.g. `i-ls-trash`. */
+    icon?: string;
+    /** Visible/accessible label. Required so icon-only items stay accessible. */
+    label: string;
+    /**
+     * Optional icon class rendered next to the label inside the hover tooltip —
+     * e.g. `i-ls-external-link` to flag that the action opens in a new tab.
+     * Only shown for icon-only items (the tooltip is suppressed when
+     * `showLabel` is set).
+     */
+    tooltipIcon?: string;
+    /**
+     * When false (default), only the icon shows and the label is exposed as a
+     * hover tooltip + aria-label. Set true to render the label inline next to
+     * the icon (used for primary/secondary actions like "Promote").
+     */
+    showLabel?: boolean;
+    disabled?: boolean;
+    /** Render as a router-link instead of a button. */
+    to?: RouteLocationRaw;
+    /** Render as an anchor instead of a button. */
+    href?: string;
+    /**
+     * Marks the item as a toggle and reflects its on/off state. When set, the
+     * item renders `aria-pressed` and shows a pressed background while `true`.
+     * Leave undefined for a normal (non-toggle) action — no `aria-pressed` is
+     * emitted in that case.
+     */
+    active?: boolean;
+}
+declare const __VLS_export: import("vue").DefineComponent<UiActionBarItemProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    click: (event: MouseEvent) => any;
+}, string, import("vue").PublicProps, Readonly<UiActionBarItemProps> & Readonly<{
+    onClick?: ((event: MouseEvent) => any) | undefined;
+}>, {
+    icon: string;
+    tooltipIcon: string;
+    showLabel: boolean;
+    disabled: boolean;
+    to: RouteLocationRaw;
+    href: string;
+    active: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,3 @@
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,4 @@
+export { default as UiActionBar } from './UiActionBar.vue';
+export { default as UiActionBarItem } from './UiActionBarItem.vue';
+export { default as UiActionBarSeparator } from './UiActionBarSeparator.vue';
+export type { ActionBarOrientation, ActionBarSize } from './types';

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

@@ -0,0 +1,14 @@
+import type { ComputedRef, InjectionKey } from 'vue';
+export type ActionBarOrientation = 'horizontal' | 'vertical';
+export type ActionBarSize = 'sm' | 'md';
+export type ActionBarPosition = 'top-left' | 'top-right' | 'center-left' | 'center-right' | 'bottom-left' | 'bottom-right';
+export interface ActionBarContext {
+    orientation: ComputedRef<ActionBarOrientation>;
+    size: ComputedRef<ActionBarSize>;
+}
+/**
+ * Injected by UiActionBar so child items and separators can adapt their
+ * layout (icon size, hover-tooltip side, separator direction) without the
+ * consumer threading props down manually.
+ */
+export declare const ACTION_BAR_CONTEXT_KEY: InjectionKey<ActionBarContext>;

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

@@ -0,0 +1,10 @@
+type AnimatedLogo = "tornado" | "stair" | "streaming";
+interface Props {
+    animatedLogo: AnimatedLogo;
+    loop?: boolean;
+    height: number;
+    width: number;
+}
+declare const __VLS_export: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/types/src/components/UiAnimatedLogo/animations-links.d.ts

@@ -0,0 +1,3 @@
+export declare const LIVESTORM_ANIMATED_LOGO_TORNADO_URL = "https://lottie.host/ba46e3f4-5e79-4762-9c20-405348ee3387/zHDFDAAD5F.lottie";
+export declare const LIVESTORM_ANIMATED_LOGO_STAIR_URL = "https://lottie.host/81c2307c-1cbd-4594-b978-fd5eaf342bf6/4XKfuEedla.lottie";
+export declare const LIVESTORM_ANIMATED_LOGO_STREAMING_URL = "https://lottie.host/d1427490-2228-4dc4-94e9-bf73a4851b3f/eAMtMNYScd.lottie";

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

@@ -0,0 +1,55 @@
+interface Props {
+    /** Image URL. Initials are shown when missing or when the image fails to load. */
+    src?: string | null;
+    firstName?: string | null;
+    lastName?: string | null;
+    /** Custom text rendered instead of initials (e.g. `+4` for overflow chips). */
+    customText?: string | null;
+    /**
+     * 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';
+    /**
+     * `default` is light-on-dark (used standalone or inside an avatar list);
+     * `more` is the light-grey `+N` chip used by `UiAvatarList` overflow.
+     */
+    variant?: 'default' | 'more';
+    /** Optional `<img>` alt — falls back to the full name. */
+    alt?: string;
+    /**
+     * Custom background color (hex or any CSS color). Used for initials
+     * avatars when the backend stores a per-user color (legacy
+     * `BaseUserAvatar` parity). Ignored when `src` resolves or when the
+     * `more` variant is used.
+     */
+    color?: string | null;
+    /**
+     * Icon class shown when there is no image and no name to derive
+     * initials from. Accepts any `i-ls-*` UnoCSS icon name.
+     */
+    icon?: string;
+}
+declare var __VLS_1: {};
+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";
+    icon: string;
+    src: string | null;
+    firstName: string | null;
+    lastName: string | null;
+    customText: string | null;
+    variant: "default" | "more";
+    alt: string;
+    color: string | null;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1 @@
+export { default } from "./UiAvatar.vue";

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

@@ -0,0 +1,28 @@
+export interface AvatarListItem {
+    id?: string | number;
+    firstName?: string | null;
+    lastName?: string | null;
+    src?: string | null;
+    /** Per-user background color (hex/CSS) used for the initials state. */
+    color?: string | null;
+}
+interface Props {
+    items: AvatarListItem[];
+    /**
+     * Total number of items represented by this list. Defaults to `items.length`.
+     * Set when `items` is already truncated server-side and you want the overflow
+     * count to reflect the true total.
+     */
+    total?: number | null;
+    /** 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';
+}
+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";
+    total: number | null;
+    max: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1 @@
+export { default } from "./UiAvatarList.vue";

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

@@ -0,0 +1,47 @@
+interface Props {
+    /**
+     * Optional count to display (if provided, shows number; if not, shows dot indicator)
+     */
+    count?: number | string;
+    /**
+     * Color variant of the badge
+     */
+    color?: 'primary' | 'neutral' | 'danger' | 'warning' | 'success';
+    /**
+     * Visual variant of the badge
+     */
+    variant?: 'light' | 'strong';
+    /**
+     * Maximum count to display before showing "+"
+     */
+    maxCount?: number;
+    /**
+     * Badge size:
+     * - `md` (default): standard badge metrics + bold badge type.
+     * - `sm`: tighter 12px metrics with a smaller, regular-weight glyph — for
+     *   single-character indicators (e.g. a role initial).
+     */
+    size?: 'sm' | 'md';
+    /**
+     * Force equal width/height (a fixed circle) instead of a pill that grows
+     * with its content. Use for single-character indicators that shouldn't
+     * stretch. Independent of `size`.
+     */
+    square?: boolean;
+    /**
+     * Show the `help` cursor on hover. Set this when the consumer attaches a
+     * tooltip to the badge (the badge itself doesn't own the tooltip).
+     */
+    hasTooltip?: boolean;
+}
+declare const __VLS_export: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
+    size: "sm" | "md";
+    variant: "light" | "strong";
+    color: "primary" | "neutral" | "danger" | "warning" | "success";
+    count: number | string;
+    maxCount: number;
+    square: boolean;
+    hasTooltip: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/types/src/components/UiBadge/index.d.ts

@@ -0,0 +1 @@
+export { default as UiBadge } from './UiBadge.vue';

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

@@ -0,0 +1,96 @@
+export interface UiBannerProps {
+    /**
+     * The color theme of the banner
+     * @values neutral, primary, success, warning, danger
+     */
+    color?: 'neutral' | 'primary' | 'success' | 'warning' | 'danger';
+    /**
+     * The layout variant of the banner
+     * @values full-width, horizontal, vertical
+     */
+    variant?: 'full-width' | 'horizontal' | 'vertical';
+    /**
+     * Show or hide the icon
+     */
+    showIcon?: boolean;
+    /**
+     * Label text for the action button
+     */
+    actionLabel?: string;
+    /**
+     * Disabled state for the action button
+     */
+    actionDisabled?: boolean;
+    /**
+     * Icon for the action button
+     */
+    actionIcon?: string;
+    /**
+     * External URL for the action button (opens in new tab)
+     */
+    actionHref?: string;
+    /**
+     * Router location for the action button
+     */
+    actionTo?: object;
+    /**
+     * Show or hide the close button
+     */
+    closable?: boolean;
+    /**
+     * Unique identifier for the banner (required when rememberClosed is true)
+     */
+    bannerId?: string;
+    /**
+     * Whether to remember the closed state in localStorage
+     */
+    rememberClosed?: boolean;
+    /**
+     * Number of seconds before the banner can show again after being closed
+     * -1: stays closed forever
+     * 0: expires immediately (no persistence)
+     * >0: number of seconds until expiry
+     */
+    closedExpirySeconds?: number;
+}
+type __VLS_Props = UiBannerProps;
+type __VLS_ModelProps = {
+    'closed'?: boolean;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare var __VLS_1: {}, __VLS_3: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+} & {
+    description?: (props: typeof __VLS_3) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    close: () => any;
+    "banner-action": () => any;
+    "update:closed": (value: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onClose?: (() => any) | undefined;
+    "onBanner-action"?: (() => any) | undefined;
+    "onUpdate:closed"?: ((value: boolean) => any) | undefined;
+}>, {
+    variant: "full-width" | "horizontal" | "vertical";
+    color: "neutral" | "primary" | "success" | "warning" | "danger";
+    showIcon: boolean;
+    actionLabel: string;
+    actionDisabled: boolean;
+    actionIcon: string;
+    actionHref: string;
+    actionTo: object;
+    closable: boolean;
+    bannerId: string;
+    rememberClosed: boolean;
+    closedExpirySeconds: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,2 @@
+export { default } from './UiBanner.vue';
+export type { UiBannerProps } from './UiBanner.vue';

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

@@ -0,0 +1,15 @@
+export interface UiBreadcrumbItem {
+    label: string;
+    onClick?: () => unknown;
+}
+type __VLS_Props = {
+    items: UiBreadcrumbItem[];
+    orientation?: 'horizontal' | 'vertical';
+    ariaLabel?: string;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    orientation: "horizontal" | "vertical";
+    ariaLabel: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/types/src/components/UiBreadcrumb/index.d.ts

@@ -0,0 +1,2 @@
+export { default as UiBreadcrumb } from './UiBreadcrumb.vue';
+export type { UiBreadcrumbItem } from './UiBreadcrumb.vue';