@livestorm/ui-vue 2.0.5 → 4.0.0

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

@@ -0,0 +1,136 @@
+import type { RouteLocationRaw } from 'vue-router';
+import type { UiTableSize } from '../UiTable/context';
+import type { UiDataTableColumn, UiDataTableSort } from './UiDataTable.types';
+export interface UiDataTableProps<TData> {
+    /** Column definitions. Each column can be customized via `#cell-<id>` and `#header-<id>` slots. */
+    columns: UiDataTableColumn<TData>[];
+    /** Rows, already sorted/filtered by the consumer. */
+    data: TData[];
+    /**
+     * Row heights: `md` = 40px header / 48px rows, `lg` = 48px header / 64px rows.
+     * @default 'md'
+     */
+    size?: UiTableSize;
+    /**
+     * Alternating row backgrounds. Preferred over row dividers.
+     * @default true
+     */
+    zebra?: boolean;
+    /**
+     * Renders skeleton rows instead of data.
+     * @default false
+     */
+    loading?: boolean;
+    /**
+     * Number of skeleton rows while loading.
+     * @default 5
+     */
+    skeletonRows?: number;
+    /**
+     * Current sort, controlled by the consumer (`v-model:sorting`). The table
+     * only renders the affordance and emits; sorting the data stays consumer-side.
+     * @default null
+     */
+    sorting?: UiDataTableSort | null;
+    /**
+     * Makes rows interactive: hover feedback, keyboard focus and `row-click` emits.
+     * @default false
+     */
+    rowClickable?: boolean;
+    /**
+     * Turns each row into a link to the returned location. The first cell holds
+     * a router link stretched over the row, so Cmd/Ctrl click, middle click and
+     * keyboard focus behave like any link. The first column's content sits
+     * inside the link, so it must hold no interactive content. Content of other
+     * cells that must stay interactive above the link (tooltips, buttons) needs
+     * `relative z-10`; the selection checkbox and `#actions` already sit above
+     * it. Takes precedence over `rowClickable`.
+     */
+    rowLink?: (row: TData) => RouteLocationRaw;
+    /**
+     * Adds a leftmost checkbox column with a select-all header. Selection is
+     * controlled through `v-model:selectedRowIds`; pass `getRowId` so ids stay
+     * stable across data changes.
+     * @default false
+     */
+    selectable?: boolean;
+    /**
+     * Selected row ids, controlled by the consumer (`v-model:selectedRowIds`).
+     * @default []
+     */
+    selectedRowIds?: string[];
+    /**
+     * How the `#actions` slot attaches to the row. `default` reveals it on
+     * hover, masking the cells behind bare action buttons; `floating` also
+     * reveals on hover but drops that backdrop for self-contained content
+     * like a UiActionBar; `menu` tucks it behind an always-visible trigger
+     * button that opens a popover on click.
+     * @default 'default'
+     */
+    actionsVariant?: 'default' | 'floating' | 'menu';
+    /**
+     * Whether a row has trailing actions. Rows that return false get an empty
+     * actions cell, so nothing reveals over them on hover. All rows have
+     * actions when omitted.
+     */
+    rowHasActions?: (row: TData) => boolean;
+    /**
+     * Id of the row whose hover actions stay shown without hover or focus,
+     * e.g. while a menu opened from them is open. Matches `getRowId`.
+     * @default null
+     */
+    revealedActionsRowId?: string | null;
+    /** Stable row identity; falls back to the row index. */
+    getRowId?: (row: TData, index: number) => string;
+}
+declare const __VLS_export: <TData extends Record<string, unknown>>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: import("vue").PublicProps & __VLS_PrettifyLocal<UiDataTableProps<TData> & {
+        "onUpdate:sorting"?: ((sort: UiDataTableSort | null) => any) | undefined;
+        "onUpdate:selectedRowIds"?: ((ids: string[]) => any) | undefined;
+        onRowClick?: ((row: TData) => any) | undefined;
+    }> & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
+    expose: (exposed: import("vue").ShallowUnwrapRef<{
+        table: import("@tanstack/vue-table").VueTable<{
+            rowSortingFeature: import("@tanstack/vue-table").TableFeature;
+            rowSelectionFeature: import("@tanstack/vue-table").TableFeature;
+        }, TData>;
+    }>) => void;
+    attrs: any;
+    slots: {
+        /** Trailing row actions, revealed on row hover/focus. */
+        actions?: (props: {
+            row: TData;
+        }) => unknown;
+        /**
+         * Rows after the data rows, in a second body of the same table, e.g. a
+         * teaser for rows the plan hides. They share the column grid and the
+         * zebra of the data rows. Render a `UiTableCell` per column, after an
+         * empty one when `selectable`, and end each row with an empty
+         * `UiTableActionsCell` when `hasActions`. The body is positioned, so an
+         * overlay over these rows can sit in a `UiTableRow` with `zebra` off.
+         */
+        'body-end'?: (props: {
+            columns: UiDataTableColumn<TData>[];
+            selectable: boolean;
+            hasActions: boolean;
+            actionsVariant: "default" | "floating" | "menu";
+        }) => unknown;
+    } & Partial<Record<`cell-${string}`, (props: {
+        row: TData;
+        value: unknown;
+    }) => unknown>> & Partial<Record<`header-${string}`, (props: {
+        column: UiDataTableColumn<TData>;
+    }) => unknown>>;
+    emit: ((evt: "update:sorting", sort: UiDataTableSort | null) => void) & ((evt: "update:selectedRowIds", ids: string[]) => void) & ((evt: "rowClick", row: TData) => void);
+}>) => import("vue").VNode & {
+    __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
+};
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_PrettifyLocal<T> = (T extends any ? {
+    [K in keyof T]: T[K];
+} : {
+    [K in keyof T as K]: T[K];
+}) & {};

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,18 +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_14: {}, __VLS_16: {}, __VLS_18: {};
+declare var __VLS_15: {}, __VLS_23: {}, __VLS_25: {}, __VLS_27: {};
 type __VLS_Slots = {} & {
-    title?: (props: typeof __VLS_14) => any;
+    leading?: (props: typeof __VLS_15) => any;
 } & {
-    description?: (props: typeof __VLS_16) => any;
+    title?: (props: typeof __VLS_23) => any;
 } & {
-    right?: (props: typeof __VLS_18) => any;
+    description?: (props: typeof __VLS_25) => 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/UiInputEmoji/UiInputEmoji.vue.d.ts

@@ -0,0 +1,45 @@
+interface UiInputEmojiProps {
+    disabled?: boolean;
+    label?: string;
+    locale?: string;
+    searchPlaceholder?: string;
+    loadingLabel?: string;
+    emptyLabel?: string;
+    previewPlaceholder?: string;
+    skinToneLabel?: string;
+    sideOffset?: number;
+    open?: boolean;
+}
+declare var __VLS_14: {
+    open: boolean;
+    disabled: boolean;
+};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_14) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<UiInputEmojiProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    select: (emoji: string) => any;
+    "update:open": (value: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<UiInputEmojiProps> & Readonly<{
+    onSelect?: ((emoji: string) => any) | undefined;
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+}>, {
+    label: string;
+    disabled: boolean;
+    sideOffset: number;
+    open: boolean;
+    locale: string;
+    searchPlaceholder: string;
+    loadingLabel: string;
+    emptyLabel: string;
+    previewPlaceholder: string;
+    skinToneLabel: 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/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

@@ -0,0 +1,80 @@
+import type { RadioValue } from './types';
+import type { ControlPosition } from '../UiChoice/types';
+interface UiInputRadioProps {
+    /**
+     * The value this option represents. `null` is a valid value;
+     * object values must be reference-stable.
+     */
+    value: RadioValue;
+    /**
+     * The label text
+     */
+    label?: string;
+    /**
+     * Description text below the label
+     */
+    description?: string;
+    /**
+     * 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
+     */
+    disabled?: boolean;
+    /**
+     * Layout orientation of the radio relative to the label
+     * @default 'horizontal'
+     */
+    orientation?: 'horizontal' | 'vertical';
+    /**
+     * Which side of the text the radio sits on, in horizontal orientation
+     * @default 'start'
+     */
+    controlPosition?: ControlPosition;
+    /**
+     * Radio id attribute
+     */
+    id?: string;
+}
+declare var __VLS_10: {}, __VLS_18: {}, __VLS_20: {}, __VLS_28: {};
+type __VLS_Slots = {} & {
+    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;
+    blur: () => void | undefined;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    select: (event: Event) => any;
+}, string, import("vue").PublicProps, Readonly<UiInputRadioProps> & Readonly<{
+    onSelect?: ((event: Event) => any) | undefined;
+}>, {
+    orientation: "horizontal" | "vertical";
+    label: string;
+    icon: string;
+    disabled: boolean;
+    description: 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;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};