@livestorm/ui-vue 3.0.0 → 4.0.0

package/dist/types/src/components/UiMenu/UiMenuItem.vue.d.ts

@@ -1,13 +1,19 @@
 import type { DropdownMenuItemProps } from 'reka-ui';
+export interface UiMenuItemProps extends DropdownMenuItemProps {
+    /** `danger` marks a destructive action such as Remove or Delete. */
+    variant?: 'default' | 'danger';
+}
 declare var __VLS_8: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_8) => any;
 };
-declare const __VLS_base: import("vue").DefineComponent<DropdownMenuItemProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare const __VLS_base: import("vue").DefineComponent<UiMenuItemProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     select: (event: Event) => any;
-}, string, import("vue").PublicProps, Readonly<DropdownMenuItemProps> & Readonly<{
+}, string, import("vue").PublicProps, Readonly<UiMenuItemProps> & Readonly<{
     onSelect?: ((event: Event) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+}>, {
+    variant: "default" | "danger";
+}, {}, {}, {}, 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;

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

@@ -0,0 +1,13 @@
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, 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/UiPage/UiPage.vue.d.ts

@@ -13,13 +13,6 @@ declare const HEADROOM_GAP_PX: {
 };
 type HeadroomGap = keyof typeof HEADROOM_GAP_PX;
 type __VLS_Props = {
-    /**
-     * Extra classes for the inner content `<section>`. Use to override the
-     * default surface, e.g. `bg-surface-neutral-300` instead of the standard
-     * `bg-surface-neutral-bg-main`. Appended after the defaults so it wins on
-     * conflicting utilities.
-     */
-    pageContentClasses?: string;
     /**
      * Page title surfaced as the label of UiShell's fallback mobile menu topbar
      * (shown on a headerless page that has a side menu). Lets a page name its
@@ -27,14 +20,60 @@ type __VLS_Props = {
      */
     title?: string;
     /**
-     * The shape of the page inside the content card.
-     * - `document` (default): the card scrolls as a single column. The common
-     *   dashboard page — lists, forms, detail views.
+     * The shape of the page inside the content card. Padded shapes use the
+     * page padding P (16px below md, 24px from md), which the page exposes to
+     * its content as `var(--ui-page-padding)`. P applies inside the card only:
+     * the page header and the tabs above it keep their own spacing.
+     * - `document` (default): the card scrolls as a single column and pads
+     *   its content with P on every side. Forms, settings, content blocks.
+     * - `list`: like `document`, but the content is padded with P at the top
+     *   only: toolbars, tables and pagination run from card edge to card edge
+     *   and pad their sides with `--ui-page-inline`. The content is held to the
+     *   card height, so a child that may shrink (`flex-1 min-h-0`) becomes the
+     *   scroll region and a table header in it stays in view; anything taller
+     *   still scrolls the card.
      * - `app`: the card fills the available height and never scrolls itself;
-     *   the page owns its own scroll regions. For editor-style pages (split
-     *   panes, canvases) that would otherwise opt out of UiPage entirely.
+     *   the page owns its scroll regions and layout, so the content is not
+     *   padded. Each region pads itself with `var(--ui-page-padding)`.
+     *
+     * Edge-to-edge bands (toolbars, pagination) read `--ui-page-inline` for
+     * their side padding. UiDataTable pads its scroll region with it, so a
+     * wide table scrolls from card edge to card edge. It is set to P on a
+     * `list` page only and left unset everywhere else, so a band
+     * picks its inset with one class:
+     * - `px-(--ui-page-inline)`: P on a list page, 0 elsewhere.
+     * - `px-(--ui-page-inline,var(--spacing-space-4))`: P on a list page, the
+     *   band's own inset elsewhere.
+     *
+     * A page with a `leftSlot` keeps the split layout insets instead of P: its
+     * header slot aligns with the aside, not with the content.
+     */
+    variant?: 'document' | 'list' | 'app';
+    /**
+     * Column split when a leftSlot is present: `third` (default) gives the
+     * aside 1/3 and the card 2/3; `half` splits them evenly; `fill` lets the
+     * aside take all remaining width while the card hugs its content — for
+     * app pages whose card is a fixed-width side panel (e.g. the room's
+     * interactions sidepane).
+     */
+    leftSlotRatio?: 'third' | 'half' | 'fill';
+    /**
+     * How the content card sits in the frame.
+     * - `anchored` (default): the dashboard page card — flush to the bottom and
+     *   right edges, rounded top-left, page-card chrome (level-3 elevation).
+     * - `floating`: a detached card with a thin gutter on every side, rounded
+     *   all around, elevated-card chrome (level-2 elevation + inner glow +
+     *   container border). The room's panel treatment.
      */
-    variant?: 'document' | 'app';
+    frame?: 'anchored' | 'floating';
+    /**
+     * Viewport gate for the leftSlot: `lg` (default) renders the aside only
+     * from the lg breakpoint — the dashboard behavior, where the aside is
+     * secondary. `none` keeps the aside at every width, for app pages whose
+     * aside is primary content (the room's stage, the lobby's session
+     * information) and must never unmount with the viewport.
+     */
+    leftSlotBreakpoint?: 'lg' | 'none';
     /**
      * Headroom above the content card, letting the shell background show
      * through. Sizes map to px via `HEADROOM_GAP_PX`.
@@ -45,11 +84,32 @@ type __VLS_Props = {
      * on a page that would otherwise get the default.
      */
     headroomGap?: HeadroomGap;
+    /**
+     * Drops the content padding a `document` or `list` page gets by default, so the
+     * page's content reaches the card edges. Only for pages whose layout is
+     * edge-to-edge by design: full-bleed bands, or scroll regions that must
+     * sit against the card edge. Has no effect on `app` pages, which never get
+     * the padding.
+     */
+    flush?: boolean;
+    /**
+     * The fill of an anchored content card.
+     * - `container` (default): the white content surface.
+     * - `background`: the grey page background, for screens whose content is
+     *   already cards or regions, so they do not sit in a second white box.
+     * A floating card keeps its elevated fill.
+     */
+    surface?: 'container' | 'background';
 };
 type __VLS_Slots = {
     banner?(): Slot;
     pageHeader?(): Slot;
     pageTabs?(): Slot;
+    /**
+     * Summary on the page background, between the page header (and tabs) and
+     * the content card, e.g. stat cards. It shares the page header's edges.
+     */
+    pageSummary?(): Slot;
     leftSlot?(): Slot;
     header?(): Slot;
     footer?(): Slot;
@@ -57,9 +117,13 @@ type __VLS_Slots = {
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     title: string;
-    variant: "document" | "app";
-    pageContentClasses: string;
+    variant: "document" | "list" | "app";
+    frame: "anchored" | "floating";
+    flush: boolean;
+    leftSlotRatio: "third" | "half" | "fill";
+    leftSlotBreakpoint: "lg" | "none";
     headroomGap: HeadroomGap;
+    surface: "container" | "background";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

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

@@ -0,0 +1,36 @@
+import type { UiPaginationColor } from './types';
+interface UiPaginationProps {
+    /** Controlled current page. Bind with `v-model:page`. */
+    page?: number;
+    /** Initial page when uncontrolled. */
+    defaultPage?: number;
+    /** Number of items per page. */
+    itemsPerPage?: number;
+    /** Total number of items across all pages. */
+    total: number;
+    /** Number of sibling pages shown around the current page. */
+    siblingCount?: number;
+    disabled?: boolean;
+    /** Always show the first and last page, with an ellipsis in between when needed. */
+    showEdges?: boolean;
+    color?: UiPaginationColor;
+    previousLabel?: string;
+    nextLabel?: string;
+}
+declare const __VLS_export: import("vue").DefineComponent<UiPaginationProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:page": (value: number) => any;
+}, string, import("vue").PublicProps, Readonly<UiPaginationProps> & Readonly<{
+    "onUpdate:page"?: ((value: number) => any) | undefined;
+}>, {
+    disabled: boolean;
+    color: UiPaginationColor;
+    page: number;
+    defaultPage: number;
+    itemsPerPage: number;
+    siblingCount: number;
+    showEdges: boolean;
+    previousLabel: string;
+    nextLabel: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,2 @@
+export { default as UiPagination } from './UiPagination.vue';
+export type { UiPaginationColor } from './types';

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

@@ -0,0 +1,4 @@
+export type UiPaginationColor = 'neutral' | 'neutral-invert' | 'primary' | 'success' | 'warning' | 'error';
+export declare const PAGINATION_IDLE_CLASSES: Record<UiPaginationColor, string>;
+export declare const PAGINATION_ACTIVE_CLASSES: Record<UiPaginationColor, string>;
+export declare const PAGINATION_RAIL_CLASSES: Record<UiPaginationColor, string>;

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

@@ -0,0 +1,22 @@
+import type { DialogRootProps } from 'reka-ui';
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<DialogRootProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:open": (value: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<DialogRootProps> & Readonly<{
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+}>, {
+    defaultOpen: boolean;
+    open: boolean;
+    modal: boolean;
+}, {}, {}, {}, 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/UiPane/UiPaneContent.vue.d.ts

@@ -0,0 +1,75 @@
+import type { DialogContentProps } from 'reka-ui';
+export type UiPaneSize = 'sm' | 'lg';
+export type UiPaneOrientation = 'horizontal' | 'vertical';
+export interface UiPaneContentProps extends DialogContentProps {
+    /**
+     * Header title, also used as the pane's accessible name
+     */
+    title?: string;
+    /**
+     * Density of the header, padding and title
+     * @values sm, lg
+     */
+    size?: UiPaneSize;
+    /**
+     * Layout of the footer actions: in a row, or stacked full width
+     * @values horizontal, vertical
+     */
+    orientation?: UiPaneOrientation;
+    hideClose?: boolean;
+    closeButtonAriaLabel?: string;
+    /**
+     * Removes the body padding, for full-bleed content
+     */
+    noPadding?: boolean;
+    /**
+     * When false, a click outside or Escape no longer closes the pane:
+     * only the close button or the consumer's own actions do
+     */
+    dismissible?: boolean;
+    /**
+     * Any CSS width, for content with a fixed width of its own (an email's 600px column).
+     * Still capped to the viewport.
+     */
+    width?: string;
+}
+declare var __VLS_35: {}, __VLS_48: {}, __VLS_50: {};
+type __VLS_Slots = {} & {
+    header?: (props: typeof __VLS_35) => any;
+} & {
+    default?: (props: typeof __VLS_48) => any;
+} & {
+    footer?: (props: typeof __VLS_50) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<UiPaneContentProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    escapeKeyDown: (event: KeyboardEvent) => any;
+    pointerDownOutside: (event: import("reka-ui").PointerDownOutsideEvent) => any;
+    focusOutside: (event: import("reka-ui").FocusOutsideEvent) => any;
+    interactOutside: (event: import("reka-ui").PointerDownOutsideEvent | import("reka-ui").FocusOutsideEvent) => any;
+    openAutoFocus: (event: Event) => any;
+    closeAutoFocus: (event: Event) => any;
+}, string, import("vue").PublicProps, Readonly<UiPaneContentProps> & Readonly<{
+    onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
+    onPointerDownOutside?: ((event: import("reka-ui").PointerDownOutsideEvent) => any) | undefined;
+    onFocusOutside?: ((event: import("reka-ui").FocusOutsideEvent) => any) | undefined;
+    onInteractOutside?: ((event: import("reka-ui").PointerDownOutsideEvent | import("reka-ui").FocusOutsideEvent) => any) | undefined;
+    onOpenAutoFocus?: ((event: Event) => any) | undefined;
+    onCloseAutoFocus?: ((event: Event) => any) | undefined;
+}>, {
+    orientation: UiPaneOrientation;
+    size: UiPaneSize;
+    title: string;
+    width: string;
+    hideClose: boolean;
+    closeButtonAriaLabel: string;
+    noPadding: boolean;
+    dismissible: boolean;
+}, {}, {}, {}, 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/UiPane/UiPaneTrigger.vue.d.ts

@@ -0,0 +1,14 @@
+import type { DialogTriggerProps } from 'reka-ui';
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<DialogTriggerProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DialogTriggerProps> & Readonly<{}>, {}, {}, {}, {}, 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/UiPane/index.d.ts

@@ -0,0 +1,5 @@
+export { default as UiPane } from './UiPane.vue';
+export { default as UiPaneTrigger } from './UiPaneTrigger.vue';
+export { default as UiPaneContent } from './UiPaneContent.vue';
+export type { UiPaneContentProps, UiPaneOrientation, UiPaneSize } from './UiPaneContent.vue';
+export { DialogClose, type DialogRootProps, type DialogRootEmits, type DialogContentProps, type DialogContentEmits, } from 'reka-ui';

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

@@ -0,0 +1,62 @@
+import type { RatingSize } from './types';
+interface UiRatingProps {
+    /**
+     * The selected star, from 1 to `max`. `null` means no selection.
+     * @default null
+     */
+    modelValue?: number | null;
+    /**
+     * Number of stars
+     * @default 5
+     */
+    max?: number;
+    /**
+     * Caption under each star, in star order. The caption is also the star's
+     * accessible name; a star without one is named by its number.
+     */
+    labels?: string[];
+    /**
+     * Size of the stars
+     * @default 'md'
+     */
+    size?: RatingSize;
+    /**
+     * Whether the rating only displays its value. The stars stay focusable so
+     * the value can be read, but cannot be changed.
+     * @default false
+     */
+    readonly?: boolean;
+    /**
+     * Whether the rating is disabled
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * Whether a rating is required
+     * @default false
+     */
+    required?: boolean;
+    /**
+     * Name attribute, submitted with the form via a hidden input
+     */
+    name?: string;
+}
+declare function focus(): void;
+declare const __VLS_export: import("vue").DefineComponent<UiRatingProps, {
+    focus: typeof focus;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: number) => any;
+}, string, import("vue").PublicProps, Readonly<UiRatingProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: number) => any) | undefined;
+}>, {
+    size: RatingSize;
+    disabled: boolean;
+    required: boolean;
+    max: number;
+    name: string;
+    modelValue: number | null;
+    readonly: boolean;
+    labels: string[];
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1 @@
+export type RatingSize = 'sm' | 'md' | 'lg';

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

@@ -4,20 +4,22 @@ type __VLS_Props = {
     icon?: string;
     tooltip?: string;
     tooltipSide?: "top" | "bottom" | "left" | "right";
+    tooltipDisabled?: boolean;
     disabled?: boolean;
     active?: boolean;
     loading?: boolean;
 };
-declare var __VLS_20: {}, __VLS_28: {};
+declare var __VLS_25: {}, __VLS_38: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_20) => any;
+    default?: (props: typeof __VLS_25) => any;
 } & {
-    default?: (props: typeof __VLS_28) => any;
+    default?: (props: typeof __VLS_38) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     tooltipSide: "top" | "bottom" | "left" | "right";
     variant: "ghost" | "glass" | "solid";
     color: "neutral" | "danger" | "primary" | "success";
+    tooltipDisabled: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

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

@@ -0,0 +1,32 @@
+type __VLS_Props = {
+    seconds?: number;
+    label?: string;
+    size?: 'sm' | 'md' | 'lg';
+    finished?: boolean;
+    live?: boolean;
+};
+declare var __VLS_7: {};
+type __VLS_Slots = {} & {
+    action?: (props: typeof __VLS_7) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    finished: () => any;
+    tick: (remaining: number) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onFinished?: (() => any) | undefined;
+    onTick?: ((remaining: number) => any) | undefined;
+}>, {
+    size: "sm" | "md" | "lg";
+    label: string;
+    seconds: number;
+    finished: boolean;
+    live: boolean;
+}, {}, {}, {}, 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/UiShell/UiShell.vue.d.ts

@@ -1,5 +1,7 @@
 type __VLS_Props = {
     openMenuLabel?: string;
+    /** The shell canvas (gradient and overlays). Off when the host paints its own surface. */
+    showBackground?: boolean;
 };
 declare var __VLS_1: {}, __VLS_3: {
     isOpen: boolean;
@@ -13,6 +15,7 @@ type __VLS_Slots = {} & {
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     openMenuLabel: string;
+    showBackground: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

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

@@ -11,6 +11,10 @@ type __VLS_Slots = {
     collapsedMenuExtra?(props: {
         close: () => void;
     }): Slot;
+    /** Tooltip shown under the logo while it is pulled, with the stage reached so far. */
+    logoPullHint?(props: {
+        stage: number;
+    }): Slot;
 };
 type __VLS_Props = {
     topMenuItems?: SideMenuItemProps[];
@@ -34,6 +38,16 @@ type __VLS_Props = {
      */
     moreBadge?: number | boolean;
     showLivestormLogo?: boolean;
+    /**
+     * Pointer travel (px, ascending) at which pulling the logo, in any
+     * direction, reaches each stage; `logoPull` emits the stage reached on
+     * release. Empty disables the gesture.
+     */
+    logoPullStages?: number[];
+    /** Travel (px) after which the pulled logo starts resisting; defaults to the last stage. */
+    logoPullResistFrom?: number;
+    /** Visible travel the resisting logo tends toward; defaults to five times the last stage. */
+    logoPullMaxOffset?: number;
     logoAlt?: string;
     closeMenuLabel?: string;
     mainNavigationLabel?: string;
@@ -43,8 +57,15 @@ type __VLS_Props = {
     skipToMainContentLabel?: string;
     organizationId?: string;
 };
-declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    logoPull: (stage: number) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onLogoPull?: ((stage: number) => any) | undefined;
+}>, {
     showLivestormLogo: boolean;
+    logoPullStages: number[];
+    logoPullResistFrom: number;
+    logoPullMaxOffset: number;
     logoAlt: string;
     closeMenuLabel: string;
     mainNavigationLabel: string;

package/dist/types/src/components/UiSideMenu/UiSideMenuItemContent.vue.d.ts

@@ -21,11 +21,11 @@ type __VLS_Props = SideMenuItemProps & {
      */
     alwaysShowLabel?: boolean;
 };
-declare var __VLS_7: {}, __VLS_9: {};
+declare var __VLS_7: {}, __VLS_14: {};
 type __VLS_Slots = {} & {
     avatar?: (props: typeof __VLS_7) => any;
 } & {
-    default?: (props: typeof __VLS_9) => any;
+    default?: (props: typeof __VLS_14) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     badge: number | boolean;

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

@@ -65,6 +65,10 @@ interface UiSwitchProps {
      * Switch id attribute
      */
     id?: string;
+    /**
+     * Accessible name for the switch, for switches rendered without a label
+     */
+    ariaLabel?: string;
 }
 declare var __VLS_18: {}, __VLS_26: {};
 type __VLS_Slots = {} & {
@@ -77,26 +81,27 @@ declare const __VLS_base: import("vue").DefineComponent<UiSwitchProps, {
     blur: () => void | undefined;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: boolean) => any;
-    blur: (event: FocusEvent) => any;
     focus: (event: FocusEvent) => any;
+    blur: (event: FocusEvent) => any;
 }, string, import("vue").PublicProps, Readonly<UiSwitchProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-    onBlur?: ((event: FocusEvent) => any) | undefined;
     onFocus?: ((event: FocusEvent) => any) | undefined;
+    onBlur?: ((event: FocusEvent) => any) | undefined;
 }>, {
     size: SwitchSize;
+    ariaLabel: string;
     label: string;
     icon: string;
     disabled: boolean;
     color: SwitchColor;
     error: boolean;
-    description: string;
     name: string;
+    description: string;
     modelValue: boolean;
-    id: string;
+    fullWidth: boolean;
     labelInfo: string;
+    id: string;
     showBg: boolean;
-    fullWidth: boolean;
     switchPosition: SwitchPosition;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

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

@@ -1,14 +1,23 @@
+import { type UiTableSize } from './context';
 export interface UiTableProps {
-    variant?: 'condensed' | 'large';
-    hoverEffect?: boolean;
+    /**
+     * Row heights: `md` = 40px header / 48px rows, `lg` = 48px header / 64px rows.
+     * @default 'md'
+     */
+    size?: UiTableSize;
+    /**
+     * Alternating row backgrounds. Preferred over row dividers for readability.
+     * @default true
+     */
+    zebra?: boolean;
 }
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<UiTableProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<UiTableProps> & Readonly<{}>, {
-    variant: "condensed" | "large";
-    hoverEffect: boolean;
+    size: UiTableSize;
+    zebra: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;