@livestorm/ui-vue 3.0.0 → 4.0.0

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

@@ -0,0 +1,5 @@
+export { default as UiDataTable } from './UiDataTable.vue';
+export type { UiDataTableProps } from './UiDataTable.vue';
+export type { UiDataTableColumn, UiDataTableSort } from './UiDataTable.types';
+export { FlexRender, tableFeatures, useTable, } from '@tanstack/vue-table';
+export type { ColumnDef, SortingState } from '@tanstack/vue-table';

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

@@ -0,0 +1,28 @@
+import type { DrawerRootProps } from 'vaul-vue';
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<DrawerRootProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "update:open": (open: boolean) => any;
+    close: () => any;
+    animationEnd: (open: boolean) => any;
+    drag: (percentageDragged: number) => any;
+    release: (open: boolean) => any;
+    "update:activeSnapPoint": (val: string | number) => any;
+}, string, import("vue").PublicProps, Readonly<DrawerRootProps> & Readonly<{
+    "onUpdate:open"?: ((open: boolean) => any) | undefined;
+    onClose?: (() => any) | undefined;
+    onAnimationEnd?: ((open: boolean) => any) | undefined;
+    onDrag?: ((percentageDragged: number) => any) | undefined;
+    onRelease?: ((open: boolean) => any) | undefined;
+    "onUpdate:activeSnapPoint"?: ((val: string | number) => any) | undefined;
+}>, {}, {}, {}, {}, 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/UiDrawer/UiDrawerContent.vue.d.ts

@@ -0,0 +1,18 @@
+interface UiDrawerContentProps {
+    title?: string;
+}
+declare var __VLS_36: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_36) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<UiDrawerContentProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<UiDrawerContentProps> & Readonly<{}>, {
+    title: 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/UiDrawer/UiDrawerTrigger.vue.d.ts

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

@@ -1,6 +1,15 @@
 import type { SelectContentProps } from 'reka-ui';
+declare const WIDTH_CLASSES: {
+    readonly auto: "";
+    readonly lg: "w-75";
+};
 interface Props extends SelectContentProps {
     showScrollButtons?: boolean;
+    /**
+     * 'auto' sizes the content to the trigger and its items; 'lg' gives items with descriptions a fixed 300px
+     * @default 'auto'
+     */
+    width?: keyof typeof WIDTH_CLASSES;
     /**
      * The color semantic mode for the dropdown content
      * @default 'light'
@@ -17,6 +26,7 @@ type __VLS_Slots = {} & {
 };
 declare const __VLS_base: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
     position: "item-aligned" | "popper";
+    width: keyof typeof WIDTH_CLASSES;
     side: "top" | "right" | "bottom" | "left";
     sideOffset: number;
     align: "center" | "start" | "end";

package/dist/types/src/components/UiDropdown/UiDropdownGroup.vue.d.ts

@@ -0,0 +1,17 @@
+type __VLS_Props = {
+    /** Heading read before the options of the group; leave it out for an untitled group. */
+    label?: string;
+};
+declare var __VLS_14: {};
+type __VLS_Slots = {} & {
+    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<{}>, {}, {}, {}, {}, 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/UiDropdown/UiDropdownItem.vue.d.ts

@@ -3,20 +3,23 @@ interface Props extends SelectItemProps {
     title?: string;
     description?: string;
     icon?: string;
+    /** `danger` marks an option that takes something away, such as removing access. */
+    variant?: 'default' | 'danger';
 }
-declare var __VLS_8: {}, __VLS_16: {}, __VLS_18: {}, __VLS_20: {};
+declare var __VLS_15: {}, __VLS_23: {}, __VLS_25: {}, __VLS_27: {};
 type __VLS_Slots = {} & {
-    leading?: (props: typeof __VLS_8) => any;
+    leading?: (props: typeof __VLS_15) => any;
 } & {
-    title?: (props: typeof __VLS_16) => any;
+    title?: (props: typeof __VLS_23) => any;
 } & {
-    description?: (props: typeof __VLS_18) => any;
+    description?: (props: typeof __VLS_25) => any;
 } & {
-    right?: (props: typeof __VLS_20) => any;
+    right?: (props: typeof __VLS_27) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
     title: string;
     icon: string;
+    variant: "default" | "danger";
     description: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/types/src/components/UiDropdown/UiDropdownTrigger.vue.d.ts

@@ -15,16 +15,31 @@ interface Props extends SelectTriggerProps {
     color?: TColor;
     /**
      * Visual variant, named to match `UiButton`. `secondary` (default) is the
-     * bordered field look. `tertiary` drops the border + background to read like
-     * a `UiButton` tertiary — the trigger shows only colored text with a hover
-     * overlay, so it sits flush next to tertiary buttons (e.g. a "View all" CTA).
+     * bordered field look. `tertiary` drops the border + background: the trigger
+     * shows only its value, coloured like a `UiButton` tertiary and set in the
+     * regular body text style, with a hover overlay. It suits a value picked
+     * inside a row, such as a role beside a person.
      */
     variant?: TVariant;
     error?: boolean;
+    /**
+     * Shows the value as static text in the box of an editable trigger: same size, padding and
+     * border width, no fill, and an empty slot where the chevron would be, so its text ends where an
+     * editable trigger's value ends. It is not focusable and opens nothing; it renders as a `group`, so pass
+     * `aria-labelledby` (for example the row's name) to label it like the editable trigger.
+     * The value reads in the secondary text colour. Render it from the `value` slot.
+     */
+    readonly?: boolean;
 }
-declare var __VLS_13: {};
+declare var __VLS_1: {}, __VLS_3: {}, __VLS_12: {}, __VLS_19: {};
 type __VLS_Slots = {} & {
-    value?: (props: typeof __VLS_13) => any;
+    leading?: (props: typeof __VLS_1) => any;
+} & {
+    value?: (props: typeof __VLS_3) => any;
+} & {
+    leading?: (props: typeof __VLS_12) => any;
+} & {
+    value?: (props: typeof __VLS_19) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
     size: TSize;
@@ -34,6 +49,7 @@ declare const __VLS_base: import("vue").DefineComponent<Props, {}, {}, {}, {}, i
     error: boolean;
     showIcon: boolean;
     placeholder: string;
+    readonly: 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/UiDropdown/index.d.ts

@@ -2,5 +2,6 @@ export { default as UiDropdown } from './UiDropdown.vue';
 export { default as UiDropdownTrigger } from './UiDropdownTrigger.vue';
 export { default as UiDropdownContent } from './UiDropdownContent.vue';
 export { default as UiDropdownItem } from './UiDropdownItem.vue';
+export { default as UiDropdownGroup } from './UiDropdownGroup.vue';
 export { default as UiDropdownSeparator } from './UiDropdownSeparator.vue';
 export { SelectGroup, SelectLabel, SelectScrollUpButton, SelectScrollDownButton, SelectArrow, type SelectRootProps, type SelectRootEmits, type SelectContentProps, type SelectContentEmits, type SelectItemProps, type SelectTriggerProps, } from 'reka-ui';

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

@@ -0,0 +1,22 @@
+interface UiEmojiPickerListProps {
+    locale?: string;
+    searchPlaceholder?: string;
+    loadingLabel?: string;
+    emptyLabel?: string;
+    previewPlaceholder?: string;
+    skinToneLabel?: string;
+}
+declare const __VLS_export: import("vue").DefineComponent<UiEmojiPickerListProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    select: (emoji: string) => any;
+}, string, import("vue").PublicProps, Readonly<UiEmojiPickerListProps> & Readonly<{
+    onSelect?: ((emoji: string) => any) | undefined;
+}>, {
+    locale: string;
+    searchPlaceholder: string;
+    loadingLabel: string;
+    emptyLabel: string;
+    previewPlaceholder: string;
+    skinToneLabel: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -5,19 +5,24 @@ export interface UiEmptyStateProps {
     description?: string;
     /** Optional illustration image URL */
     image?: string;
+    /** Optional .lottie animation URL, takes precedence over `image` */
+    lottieSrc?: string;
     /** Layout orientation. `vertical` stacks the illustration above the text; `horizontal` places it to the right. */
     variant?: 'vertical' | 'horizontal';
 }
-declare var __VLS_1: {}, __VLS_3: {};
+declare var __VLS_6: {}, __VLS_8: {}, __VLS_10: {};
 type __VLS_Slots = {} & {
-    'primary-action'?: (props: typeof __VLS_1) => any;
+    description?: (props: typeof __VLS_6) => any;
 } & {
-    'secondary-action'?: (props: typeof __VLS_3) => any;
+    'primary-action'?: (props: typeof __VLS_8) => any;
+} & {
+    'secondary-action'?: (props: typeof __VLS_10) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<UiEmptyStateProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<UiEmptyStateProps> & Readonly<{}>, {
     image: string;
     variant: "vertical" | "horizontal";
     description: string;
+    lottieSrc: string;
 }, {}, {}, {}, 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/UiFieldWrapper/UiFieldWrapper.vue.d.ts

@@ -21,10 +21,10 @@ declare const __VLS_base: import("vue").DefineComponent<Props, {
     label: string;
     required: boolean;
     error: boolean;
-    id: string;
     labelInfo: string;
-    helperMessage: string;
     errorMessage: string;
+    id: string;
+    helperMessage: string;
 }, {}, {}, {}, 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/UiInputCheckbox/CheckboxGlyph.vue.d.ts

@@ -0,0 +1,17 @@
+import type { CheckboxSize } from './types';
+interface Props {
+    checked?: boolean;
+    indeterminate?: boolean;
+    error?: boolean;
+    disabled?: boolean;
+    size?: CheckboxSize;
+}
+declare const __VLS_export: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
+    size: CheckboxSize;
+    disabled: boolean;
+    error: boolean;
+    checked: boolean;
+    indeterminate: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -1,4 +1,5 @@
 import type { CheckboxSize } from './types';
+import type { ControlPosition } from '../UiChoice/types';
 interface UiInputCheckboxProps {
     /**
      * The checkbox value (boolean for single checkbox, or value for array binding)
@@ -40,6 +41,11 @@ interface UiInputCheckboxProps {
      * Info tooltip for the label
      */
     labelInfo?: string;
+    /**
+     * Icon class rendered between the checkbox and the text (e.g. `i-ph-bell`).
+     * In vertical orientation it sits above the text instead.
+     */
+    icon?: string;
     /**
      * Description text below the label
      */
@@ -61,6 +67,10 @@ interface UiInputCheckboxProps {
      * @default 'md'
      */
     size?: CheckboxSize;
+    /**
+     * Accessible name for the input, for checkboxes rendered without a label
+     */
+    ariaLabel?: string;
     /**
      * Layout orientation
      * @default 'horizontal'
@@ -71,10 +81,25 @@ interface UiInputCheckboxProps {
       * @default false
      */
     showBg?: boolean;
+    /**
+     * Whether the checkbox stretches to fill its container instead of
+     * shrink-wrapping its content
+     * @default false
+     */
+    fullWidth?: boolean;
+    /**
+     * Which side of the text the checkbox sits on, in horizontal orientation
+     * @default 'start'
+     */
+    controlPosition?: ControlPosition;
 }
-declare var __VLS_9: {};
+declare var __VLS_1: {}, __VLS_8: {}, __VLS_18: {};
 type __VLS_Slots = {} & {
-    label?: (props: typeof __VLS_9) => any;
+    icon?: (props: typeof __VLS_1) => any;
+} & {
+    icon?: (props: typeof __VLS_8) => any;
+} & {
+    label?: (props: typeof __VLS_18) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<UiInputCheckboxProps, {
     focus: () => void | undefined;
@@ -82,21 +107,27 @@ declare const __VLS_base: import("vue").DefineComponent<UiInputCheckboxProps, {
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: string | number | boolean | (string | number)[]) => any;
     change: (event: Event) => any;
-    blur: (event: FocusEvent) => any;
     focus: (event: FocusEvent) => any;
+    blur: (event: FocusEvent) => any;
+    "tooltip-clicked": () => any;
 }, string, import("vue").PublicProps, Readonly<UiInputCheckboxProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: string | number | boolean | (string | number)[]) => any) | undefined;
     onChange?: ((event: Event) => any) | undefined;
-    onBlur?: ((event: FocusEvent) => any) | undefined;
     onFocus?: ((event: FocusEvent) => any) | undefined;
+    onBlur?: ((event: FocusEvent) => any) | undefined;
+    "onTooltip-clicked"?: (() => any) | undefined;
 }>, {
     orientation: "horizontal" | "vertical";
     size: CheckboxSize;
+    ariaLabel: string;
+    icon: string;
     disabled: boolean;
     required: boolean;
     error: boolean;
+    fullWidth: boolean;
     checked: boolean;
     indeterminate: boolean;
+    controlPosition: ControlPosition;
 }, {}, {}, {}, 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/UiInputRadio/RadioGlyph.vue.d.ts

@@ -0,0 +1,19 @@
+import type { RadioValue } from './types';
+interface Props {
+    inputId: string;
+    value: RadioValue;
+    disabled: boolean;
+    error: boolean;
+    ariaDescribedby?: string;
+    radioClasses: string[];
+    indicatorClasses: string[];
+}
+declare const __VLS_export: import("vue").DefineComponent<Props, {
+    el: () => HTMLElement | undefined;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    select: (event: Event) => any;
+}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
+    onSelect?: ((event: Event) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -1,4 +1,5 @@
-import type { RadioValue, RadioVariant } from './types';
+import type { RadioValue } from './types';
+import type { ControlPosition } from '../UiChoice/types';
 interface UiInputRadioProps {
     /**
      * The value this option represents. `null` is a valid value;
@@ -17,6 +18,11 @@ interface UiInputRadioProps {
      * Info tooltip for the label
      */
     labelInfo?: string;
+    /**
+     * Icon class rendered between the radio and the text (e.g. `i-ph-bell`).
+     * In vertical orientation it sits above the text instead.
+     */
+    icon?: string;
     /**
      * Whether this option is disabled
      * @default false
@@ -28,18 +34,24 @@ interface UiInputRadioProps {
      */
     orientation?: 'horizontal' | 'vertical';
     /**
-     * Visual variant: 'card' renders a selectable tile
-     * @default 'default'
+     * Which side of the text the radio sits on, in horizontal orientation
+     * @default 'start'
      */
-    variant?: RadioVariant;
+    controlPosition?: ControlPosition;
     /**
      * Radio id attribute
      */
     id?: string;
 }
-declare var __VLS_22: {};
+declare var __VLS_10: {}, __VLS_18: {}, __VLS_20: {}, __VLS_28: {};
 type __VLS_Slots = {} & {
-    label?: (props: typeof __VLS_22) => any;
+    icon?: (props: typeof __VLS_10) => any;
+} & {
+    label?: (props: typeof __VLS_18) => any;
+} & {
+    label?: (props: typeof __VLS_20) => any;
+} & {
+    content?: (props: typeof __VLS_28) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<UiInputRadioProps, {
     focus: () => void | undefined;
@@ -51,11 +63,12 @@ declare const __VLS_base: import("vue").DefineComponent<UiInputRadioProps, {
 }>, {
     orientation: "horizontal" | "vertical";
     label: string;
+    icon: string;
     disabled: boolean;
-    variant: RadioVariant;
     description: string;
-    id: string;
     labelInfo: string;
+    id: string;
+    controlPosition: ControlPosition;
 }, {}, {}, {}, 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/UiInputRadio/UiInputRadioGroup.vue.d.ts

@@ -50,6 +50,10 @@ interface UiInputRadioGroupProps {
      * @default false
      */
     fullWidth?: boolean;
+    /**
+     * Id of the element naming the group, set on the radiogroup itself
+     */
+    ariaLabelledby?: string;
 }
 declare var __VLS_9: {};
 type __VLS_Slots = {} & {
@@ -68,8 +72,9 @@ declare const __VLS_base: import("vue").DefineComponent<UiInputRadioGroupProps,
     error: boolean;
     name: string;
     modelValue: RadioValue;
-    errorMessage: string;
     fullWidth: boolean;
+    errorMessage: string;
+    ariaLabelledby: string;
 }, {}, {}, {}, 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/UiInputRadio/types.d.ts

@@ -1,7 +1,6 @@
 import type { InjectionKey, Ref } from 'vue';
 import type { AcceptableValue } from 'reka-ui';
 export type RadioSize = 'sm' | 'md' | 'lg';
-export type RadioVariant = 'default' | 'card';
 /**
  * Valid radio option values. `null` is a supported option value;
  * `undefined` means "no selection". Object values must be reference-stable.
@@ -12,6 +11,7 @@ export interface RadioGroupContext {
     modelValue: Readonly<Ref<RadioValue | undefined>>;
     error: Readonly<Ref<boolean>>;
     size: Readonly<Ref<RadioSize>>;
+    orientation: Readonly<Ref<'vertical' | 'horizontal'>>;
     disabled: Readonly<Ref<boolean>>;
     /** id of the group error message, for aria-describedby on items */
     messageId: Readonly<Ref<string | undefined>>;

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

@@ -44,17 +44,17 @@ declare const __VLS_base: import("vue").DefineComponent<UiInputSelectProps, {},
     defaultOpen: boolean;
     required: boolean;
     error: boolean;
-    loading: boolean;
     name: string;
+    loading: boolean;
     modelValue: string | string[] | null;
     multiple: boolean;
-    placeholder: string;
-    id: string;
     labelInfo: string;
-    helperMessage: string;
     errorMessage: string;
-    clearable: boolean;
+    id: string;
     ariaDescribedby: string;
+    placeholder: string;
+    helperMessage: string;
+    clearable: 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/UiInputTextarea/UiInputTextarea.vue.d.ts

@@ -22,16 +22,16 @@ declare const __VLS_export: import("vue").DefineComponent<UiInputTextareaProps,
     focus: () => void | undefined;
     blur: () => void | undefined;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    keydown: (event: KeyboardEvent) => any;
     "update:modelValue": (value: string) => any;
-    blur: (event: FocusEvent) => any;
     focus: (event: FocusEvent) => any;
-    keydown: (event: KeyboardEvent) => any;
+    blur: (event: FocusEvent) => any;
     keyup: (event: KeyboardEvent) => any;
 }, string, import("vue").PublicProps, Readonly<UiInputTextareaProps> & Readonly<{
+    onKeydown?: ((event: KeyboardEvent) => any) | undefined;
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-    onBlur?: ((event: FocusEvent) => any) | undefined;
     onFocus?: ((event: FocusEvent) => any) | undefined;
-    onKeydown?: ((event: KeyboardEvent) => any) | undefined;
+    onBlur?: ((event: FocusEvent) => any) | undefined;
     onKeyup?: ((event: KeyboardEvent) => any) | undefined;
 }>, {
     size: TextareaSize;
@@ -40,8 +40,8 @@ declare const __VLS_export: import("vue").DefineComponent<UiInputTextareaProps,
     error: boolean;
     loading: boolean;
     modelValue: string;
-    placeholder: string;
     ariaDescribedby: string;
+    placeholder: string;
     rows: number;
     resizable: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

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

@@ -13,18 +13,32 @@ type __VLS_Props = {
     additionalInfo?: string;
     to?: RouteLocationRaw;
     href?: string;
+    /**
+     * Aligns the content with the container edge; the hover and active fill bleeds past it without widening the row
+     */
+    flush?: boolean;
+    /**
+     * Aligns the content with the list's top and bottom edges: the row drops its vertical padding and minimum height,
+     * and the hover and active fill bleeds 0.25rem above and below. It is designed for rows spaced 0.5rem (8px) apart,
+     * where the fill reaches the middle of the gap and never covers the neighbour row
+     */
+    flushVertical?: boolean;
+    /**
+     * 'comfortable' adds vertical padding, for rows holding several lines beside an avatar
+     */
+    density?: 'compact' | 'comfortable';
 };
-declare var __VLS_1: {}, __VLS_3: {}, __VLS_5: {}, __VLS_7: {};
+declare var __VLS_1: {}, __VLS_3: {}, __VLS_5: {};
 type __VLS_Slots = {} & {
     avatar?: (props: typeof __VLS_1) => any;
 } & {
     default?: (props: typeof __VLS_3) => any;
 } & {
     aside?: (props: typeof __VLS_5) => any;
-} & {
-    default?: (props: typeof __VLS_7) => any;
 };
-declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    density: "compact" | "comfortable";
+}, {}, {}, {}, 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/UiLoader/UiSpinnerIcon.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/UiMenu/UiMenuContent.vue.d.ts

@@ -1,21 +1,34 @@
 import type { DropdownMenuContentProps } from 'reka-ui';
+declare const WIDTH_CLASSES: {
+    readonly auto: "";
+    readonly sm: "min-w-48";
+    readonly md: "min-w-56";
+};
+interface Props extends DropdownMenuContentProps {
+    /**
+     * 'auto' sizes the menu to its items; 'sm' and 'md' set a 192px and 224px minimum, and longer items still widen it
+     * @default 'auto'
+     */
+    width?: keyof typeof WIDTH_CLASSES;
+}
 declare var __VLS_14: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_14) => any;
 };
-declare const __VLS_base: import("vue").DefineComponent<DropdownMenuContentProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare const __VLS_base: import("vue").DefineComponent<Props, {}, {}, {}, {}, 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;
     closeAutoFocus: (event: Event) => any;
-}, string, import("vue").PublicProps, Readonly<DropdownMenuContentProps> & Readonly<{
+}, string, import("vue").PublicProps, Readonly<Props> & 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;
     onCloseAutoFocus?: ((event: Event) => any) | undefined;
 }>, {
+    width: keyof typeof WIDTH_CLASSES;
     side: "top" | "right" | "bottom" | "left";
     sideOffset: number;
     align: "center" | "start" | "end";