@livestorm/ui-vue 2.0.5 → 3.0.0

package/dist/layouts.mjs

@@ -1,4 +1,4 @@
-import { defineComponent as I, computed as w, ref as C, onMounted as M, resolveComponent as E, createElementBlock as n, openBlock as t, createElementVNode as v, createCommentVNode as a, createBlock as y, resolveDynamicComponent as P, normalizeProps as z, guardReactiveProps as H, Fragment as k, normalizeClass as b, normalizeStyle as N, toDisplayString as f, withKeys as S, withCtx as h, createTextVNode as B, getCurrentInstance as D, createVNode as L, Transition as V, TransitionGroup as A, renderList as R, unref as x, mergeProps as j } from "vue";
+import { defineComponent as I, computed as w, ref as C, onMounted as M, resolveComponent as E, createElementBlock as n, openBlock as t, createElementVNode as v, createCommentVNode as a, createBlock as y, resolveDynamicComponent as P, normalizeProps as z, guardReactiveProps as H, Fragment as h, normalizeClass as b, normalizeStyle as N, toDisplayString as f, withKeys as S, withCtx as k, createTextVNode as B, getCurrentInstance as D, createVNode as L, Transition as V, TransitionGroup as A, renderList as R, unref as x, mergeProps as j } from "vue";
 import { useResponsive as K } from "./responsive.mjs";
 import { u as U } from "./toastDSV2-wMh-UMzW.mjs";
 import { u as F } from "./useThemeAndModes-BzYwSOEv.mjs";
@@ -52,13 +52,13 @@ const G = ["data-testid"], O = {
       if (e.customIcon) return e.customIcon;
       switch (e.type) {
         case "alert":
-          return "i-ls-x-circle !text-text-danger-base";
+          return "i-ph-x-circle !text-text-danger-base";
         case "warning":
-          return "i-ls-alert-triangle !text-text-warning-base";
+          return "i-ph-warning !text-text-warning-base";
         case "info":
-          return "i-ls-info text-text-primary-base";
+          return "i-ph-info text-text-primary-base";
         case "success":
-          return "i-ls-check-circle text-text-success-base";
+          return "i-ph-check-circle text-text-success-base";
         default:
           return;
       }
@@ -98,8 +98,8 @@ const G = ["data-testid"], O = {
           class: "flex-1 min-w-0"
         }, [
           (t(), y(P({ ...e.component }), z(H(e.componentProps)), null, 16))
-        ], 512)) : (t(), n(k, { key: 1 }, [
-          _.value ? (t(), n(k, { key: 0 }, [
+        ], 512)) : (t(), n(h, { key: 1 }, [
+          _.value ? (t(), n(h, { key: 0 }, [
             u.time ? (t(), n("div", {
               key: 0,
               ref_key: "Toast",
@@ -125,7 +125,7 @@ const G = ["data-testid"], O = {
           v("div", W, [
             g.value ? (t(), n("div", {
               key: 0,
-              class: b(["w-4 h-4 mt-0.5 mr-3 shrink-0 mb-2 sm:mb-0", g.value])
+              class: b(["size-5 mr-3 shrink-0 mb-2 sm:mb-0", g.value])
             }, null, 2)) : a("", !0)
           ]),
           v("div", X, [
@@ -140,7 +140,7 @@ const G = ["data-testid"], O = {
             "data-testid": `toast-close-${String(e.id)}`,
             color: "neutral",
             variant: "tertiary",
-            icon: "i-ls-x",
+            icon: "i-ph-x",
             size: "md",
             "aria-label": "close",
             class: "-top-[10px] -right-[2px] sm:row-start-1",
@@ -160,7 +160,7 @@ const G = ["data-testid"], O = {
             class: "w-full sm:w-auto",
             onClick: o[2] || (o[2] = (d) => s.$emit("confirm", d))
           }, {
-            default: h(() => [
+            default: k(() => [
               B(f(e.confirmLabel), 1)
             ]),
             _: 1
@@ -172,7 +172,7 @@ const G = ["data-testid"], O = {
             class: "w-full sm:w-auto",
             onClick: o[3] || (o[3] = (d) => s.$emit("cancel"))
           }, {
-            default: h(() => [
+            default: k(() => [
               B(f(e.cancelLabel), 1)
             ]),
             _: 1
@@ -196,12 +196,12 @@ const G = ["data-testid"], O = {
       const i = r.getBoundingClientRect(), { style: s } = r;
       s.top = `${i.top}px`, s.left = `${i.left}px`, s.width = `${i.width}px`, s.height = `${i.height}px`;
     }
-    return (r, i) => (t(), n(k, null, [
+    return (r, i) => (t(), n(h, null, [
       L(V, {
         duration: 200,
         appear: ""
       }, {
-        default: h(() => [
+        default: k(() => [
           _.value ? (t(), n("div", te)) : a("", !0)
         ]),
         _: 1
@@ -212,8 +212,8 @@ const G = ["data-testid"], O = {
         class: b([e.value?.mobile ? "m-4 right-0" : "m-8 max-w-md w-full", "fixed left-0 bottom-0 flex flex-col gap-2 z-max"]),
         onBeforeLeave: T
       }, {
-        default: h(() => [
-          (t(!0), n(k, null, R(x(l).slice(0, oe), (s) => (t(), n("div", {
+        default: k(() => [
+          (t(!0), n(h, null, R(x(l).slice(0, oe), (s) => (t(), n("div", {
             key: s.id,
             class: "w-full sm:max-w-[400px]"
           }, [

package/dist/types/index.d.ts

@@ -29,6 +29,9 @@ 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 UiInputEmoji from './src/components/UiInputEmoji/UiInputEmoji.vue';
+import UiInputRadio from './src/components/UiInputRadio/UiInputRadio.vue';
+import UiInputRadioGroup from './src/components/UiInputRadio/UiInputRadioGroup.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';
@@ -66,6 +69,7 @@ import UiStepperIndicator from './src/components/UiStepper/UiStepperIndicator.vu
 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 UiSwitch from './src/components/UiSwitch/UiSwitch.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';
@@ -81,4 +85,4 @@ import UiTooltip from './src/components/UiTooltip/UiTooltip.vue';
 import UiTooltipContent from './src/components/UiTooltip/UiTooltipContent.vue';
 import UiTooltipProvider from './src/components/UiTooltip/UiTooltipProvider.vue';
 import UiTooltipTrigger from './src/components/UiTooltip/UiTooltipTrigger.vue';
-export { UiActionBar, UiActionBarItem, UiActionBarSeparator, UiAnimatedLogo, UiAvatar, UiAvatarList, UiBadge, UiBanner, UiBreadcrumb, UiButton, UiButtonGroup, UiButtonGroupItem, UiCard, UiCarousel, UiColorField, UiColorPicker, UiDialog, UiDialogClose, UiDialogContent, UiDialogFooter, UiDialogTrigger, UiDropdown, UiDropdownContent, UiDropdownItem, UiDropdownSeparator, UiDropdownTrigger, UiEmptyState, UiFieldWrapper, UiFormField, UiHorizontalSeparator, UiInputCheckbox, 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 };
+export { UiActionBar, UiActionBarItem, UiActionBarSeparator, UiAnimatedLogo, UiAvatar, UiAvatarList, UiBadge, UiBanner, UiBreadcrumb, UiButton, UiButtonGroup, UiButtonGroupItem, UiCard, UiCarousel, UiColorField, UiColorPicker, UiDialog, UiDialogClose, UiDialogContent, UiDialogFooter, UiDialogTrigger, UiDropdown, UiDropdownContent, UiDropdownItem, UiDropdownSeparator, UiDropdownTrigger, UiEmptyState, UiFieldWrapper, UiFormField, UiHorizontalSeparator, UiInputCheckbox, UiInputEmoji, UiInputRadio, UiInputRadioGroup, UiInputSelect, UiInputTextarea, UiLabel, UiList, UiListItem, UiLoader, UiLogo, UiMenu, UiMenuContent, UiMenuGroup, UiMenuItem, UiMenuLabel, UiMenuSeparator, UiMenuSub, UiMenuSubContent, UiMenuSubTrigger, UiMenuTrigger, UiPage, UiPageHeader, UiPopover, UiPopoverAnchor, UiPopoverContent, UiPopoverTrigger, UiProgress, UiRoomButton, UiShell, UiSideMenu, UiSideMenuBottom, UiSideMenuItem, UiSideMenuItemContent, UiSideMenuTop, UiStepper, UiStepperDescription, UiStepperIndicator, UiStepperItem, UiStepperSeparator, UiStepperTitle, UiSwitch, UiTable, UiTableBody, UiTableCell, UiTableHeader, UiTableHeaderCell, UiTableRow, UiTabs, UiTag, UiTextField, UiTimeline, UiTimelineItem, UiTooltip, UiTooltipContent, UiTooltipProvider, UiTooltipTrigger };

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

@@ -1,4 +1,4 @@
-import type { ActionBarOrientation, ActionBarPosition, ActionBarSize } from './types';
+import type { ActionBarOrientation, ActionBarPosition, ActionBarSize, ActionBarTooltipSide } from './types';
 interface UiActionBarProps {
     /**
      * Lays the items out in a horizontal bar (default) or a vertical rail,
@@ -22,6 +22,7 @@ interface UiActionBarProps {
      * Accessible label for the toolbar landmark. Defaults to "Actions".
      */
     ariaLabel?: string;
+    tooltipSide?: ActionBarTooltipSide;
 }
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
@@ -33,6 +34,7 @@ declare const __VLS_base: import("vue").DefineComponent<UiActionBarProps, {}, {}
     position: ActionBarPosition;
     offset: number;
     ariaLabel: string;
+    tooltipSide: ActionBarTooltipSide;
 }, {}, {}, {}, 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/UiActionBar/UiActionBarItem.vue.d.ts

@@ -1,12 +1,15 @@
 import type { RouteLocationRaw } from 'vue-router';
 interface UiActionBarItemProps {
-    /** Icon class, e.g. `i-ls-trash`. */
+    /**
+     * Icon class, e.g. `i-ph-trash`. Ignored when the `icon` slot is filled —
+     * use the slot for glyphs no icon class covers (emoji, an avatar, a dot).
+     */
     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.
+     * e.g. `i-ph-arrow-square-out` to flag that the action opens in a new tab.
      * Only shown for icon-only items (the tooltip is suppressed when
      * `showLabel` is set).
      */
@@ -30,7 +33,13 @@ interface UiActionBarItemProps {
      */
     active?: boolean;
 }
-declare const __VLS_export: import("vue").DefineComponent<UiActionBarItemProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare var __VLS_28: {}, __VLS_56: {};
+type __VLS_Slots = {} & {
+    icon?: (props: typeof __VLS_28) => any;
+} & {
+    icon?: (props: typeof __VLS_56) => any;
+};
+declare const __VLS_base: 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;
@@ -43,5 +52,11 @@ declare const __VLS_export: import("vue").DefineComponent<UiActionBarItemProps,
     href: string;
     active: 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/UiActionBar/types.d.ts

@@ -1,10 +1,12 @@
 import type { ComputedRef, InjectionKey } from 'vue';
 export type ActionBarOrientation = 'horizontal' | 'vertical';
-export type ActionBarSize = 'sm' | 'md';
+export type ActionBarSize = 'xs' | 'sm' | 'md';
 export type ActionBarPosition = 'top-left' | 'top-right' | 'center-left' | 'center-right' | 'bottom-left' | 'bottom-right';
+export type ActionBarTooltipSide = 'top' | 'right' | 'bottom' | 'left';
 export interface ActionBarContext {
     orientation: ComputedRef<ActionBarOrientation>;
     size: ComputedRef<ActionBarSize>;
+    tooltipSide: ComputedRef<ActionBarTooltipSide | undefined>;
 }
 /**
  * Injected by UiActionBar so child items and separators can adapt their

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

@@ -11,7 +11,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         default: string;
     };
     size: {
-        type: StringConstructor;
+        type: () => Size;
         default: string;
         validator: (value: Size) => boolean;
     };
@@ -98,33 +98,35 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
     }>[] | undefined>;
     hasLabel: import("vue").ComputedRef<boolean>;
     isLink: import("vue").ComputedRef<boolean>;
-    iconSizeClasses: import("vue").ComputedRef<{
-        'size-3': boolean;
-        'size-4': boolean;
-        'size-5': boolean;
-    }>;
+    iconSizeClasses: import("vue").ComputedRef<"size-3" | "size-4" | "size-5" | "size-6" | "size-7">;
     buttonClasses: import("vue").ComputedRef<(string | {
+        'size-6': boolean;
         'size-8': boolean;
         'size-10': boolean;
         'size-12': boolean;
         'grid place-items-center'?: undefined;
+        'h-6 text-action-button-sm'?: undefined;
         'h-8 text-action-button-sm'?: undefined;
         'h-10 text-action-button-md'?: undefined;
         'h-12 text-action-button-lg'?: undefined;
         'inline-flex'?: undefined;
     } | {
         'grid place-items-center': boolean;
+        'size-6'?: undefined;
         'size-8'?: undefined;
         'size-10'?: undefined;
         'size-12'?: undefined;
+        'h-6 text-action-button-sm'?: undefined;
         'h-8 text-action-button-sm'?: undefined;
         'h-10 text-action-button-md'?: undefined;
         'h-12 text-action-button-lg'?: undefined;
         'inline-flex'?: undefined;
     } | {
+        'h-6 text-action-button-sm': boolean;
         'h-8 text-action-button-sm': boolean;
         'h-10 text-action-button-md': boolean;
         'h-12 text-action-button-lg': boolean;
+        'size-6'?: undefined;
         'size-8'?: undefined;
         'size-10'?: undefined;
         'size-12'?: undefined;
@@ -132,10 +134,12 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         'inline-flex'?: undefined;
     } | {
         'inline-flex': boolean;
+        'size-6'?: undefined;
         'size-8'?: undefined;
         'size-10'?: undefined;
         'size-12'?: undefined;
         'grid place-items-center'?: undefined;
+        'h-6 text-action-button-sm'?: undefined;
         'h-8 text-action-button-sm'?: undefined;
         'h-10 text-action-button-md'?: undefined;
         'h-12 text-action-button-lg'?: undefined;
@@ -155,7 +159,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         default: string;
     };
     size: {
-        type: StringConstructor;
+        type: () => Size;
         default: string;
         validator: (value: Size) => boolean;
     };
@@ -213,7 +217,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
     onMouseleave?: ((...args: any[]) => any) | undefined;
     onClick?: ((...args: any[]) => any) | undefined;
 }>, {
-    size: string;
+    size: "xs" | "sm" | "md" | "lg";
     label: string;
     type: string;
     icon: string | boolean;
@@ -233,18 +237,18 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
     }) => any;
     UiLoader: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
         size: {
-            type: StringConstructor;
+            type: () => Size;
             default: string;
-            validator: (value: string) => boolean;
+            validator: (value: Size) => boolean;
         };
     }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
         size: {
-            type: StringConstructor;
+            type: () => Size;
             default: string;
-            validator: (value: string) => boolean;
+            validator: (value: Size) => boolean;
         };
     }>> & Readonly<{}>, {
-        size: string;
+        size: "xs" | "sm" | "md" | "lg";
     }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
     UiTooltip: {
         new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("../UiTooltip/UiTooltip.vue").UiTooltipProps> & Readonly<{

package/dist/types/src/components/UiButtonGroup/UiButtonGroupItem.vue.d.ts

@@ -2,6 +2,8 @@ interface UiButtonGroupItemProps {
     value: string;
     disabled?: boolean;
     ariaLabel?: string;
+    /** Icon class (e.g. "i-ph-text-align-left") rendered before the slot, sized per group size. */
+    icon?: string;
 }
 declare var __VLS_9: {};
 type __VLS_Slots = {} & {
@@ -9,6 +11,7 @@ type __VLS_Slots = {} & {
 };
 declare const __VLS_base: import("vue").DefineComponent<UiButtonGroupItemProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<UiButtonGroupItemProps> & Readonly<{}>, {
     ariaLabel: string;
+    icon: string;
     disabled: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

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

@@ -1,5 +1,5 @@
 import type { ComputedRef, InjectionKey } from 'vue';
-export type ButtonGroupSize = 'sm' | 'md' | 'lg';
+export type ButtonGroupSize = 'xs' | 'sm' | 'md' | 'lg';
 export type ButtonGroupColor = 'neutral' | 'neutral-invert' | 'primary' | 'success' | 'warning' | 'error';
 export interface ButtonGroupRegister {
     register(value: string, el: HTMLElement): void;

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

@@ -4,13 +4,15 @@ interface Props extends SelectItemProps {
     description?: string;
     icon?: string;
 }
-declare var __VLS_14: {}, __VLS_16: {}, __VLS_18: {};
+declare var __VLS_8: {}, __VLS_16: {}, __VLS_18: {}, __VLS_20: {};
 type __VLS_Slots = {} & {
-    title?: (props: typeof __VLS_14) => any;
+    leading?: (props: typeof __VLS_8) => any;
 } & {
-    description?: (props: typeof __VLS_16) => any;
+    title?: (props: typeof __VLS_16) => any;
 } & {
-    right?: (props: typeof __VLS_18) => any;
+    description?: (props: typeof __VLS_18) => any;
+} & {
+    right?: (props: typeof __VLS_20) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
     title: string;

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/UiInputEmoji/index.d.ts

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

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

@@ -0,0 +1,67 @@
+import type { RadioValue, RadioVariant } from './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;
+    /**
+     * Whether this option is disabled
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * Layout orientation of the radio relative to the label
+     * @default 'horizontal'
+     */
+    orientation?: 'horizontal' | 'vertical';
+    /**
+     * Visual variant: 'card' renders a selectable tile
+     * @default 'default'
+     */
+    variant?: RadioVariant;
+    /**
+     * Radio id attribute
+     */
+    id?: string;
+}
+declare var __VLS_22: {};
+type __VLS_Slots = {} & {
+    label?: (props: typeof __VLS_22) => 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;
+    disabled: boolean;
+    variant: RadioVariant;
+    description: string;
+    id: string;
+    labelInfo: 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/UiInputRadioGroup.vue.d.ts

@@ -0,0 +1,81 @@
+import type { RadioSize, RadioValue } from './types';
+interface UiInputRadioGroupProps {
+    /**
+     * The selected value. `undefined` means no selection;
+     * `null` is a valid option value.
+     */
+    modelValue?: RadioValue;
+    /**
+     * Name attribute, submitted with the form via a hidden input
+     */
+    name?: string;
+    /**
+     * Whether the whole group is disabled
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * Whether arrow-key navigation loops from last item to first
+     * @default true
+     */
+    loop?: boolean;
+    /**
+     * Whether a selection is required
+     * @default false
+     */
+    required?: boolean;
+    /**
+     * Whether the group is in an error state
+     * @default false
+     */
+    error?: boolean;
+    /**
+     * Error message displayed below the group
+     */
+    errorMessage?: string;
+    /**
+     * Size of the radio items
+     * @default 'md'
+     */
+    size?: RadioSize;
+    /**
+     * Layout direction of the items. Also sets the group's `aria-orientation`
+     * and the arrow-key navigation axis to match.
+     * @default 'vertical'
+     */
+    orientation?: 'vertical' | 'horizontal';
+    /**
+     * Whether the group stretches to fill its container instead of
+     * shrink-wrapping its items
+     * @default false
+     */
+    fullWidth?: boolean;
+}
+declare var __VLS_9: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_9) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<UiInputRadioGroupProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: import("reka-ui").AcceptableValue) => any;
+}, string, import("vue").PublicProps, Readonly<UiInputRadioGroupProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: import("reka-ui").AcceptableValue) => any) | undefined;
+}>, {
+    orientation: "vertical" | "horizontal";
+    size: RadioSize;
+    disabled: boolean;
+    required: boolean;
+    loop: boolean;
+    error: boolean;
+    name: string;
+    modelValue: RadioValue;
+    errorMessage: string;
+    fullWidth: 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/UiInputRadio/index.d.ts

@@ -0,0 +1,3 @@
+export { default as UiInputRadio } from './UiInputRadio.vue';
+export { default as UiInputRadioGroup } from './UiInputRadioGroup.vue';
+export type { RadioSize, RadioValue, RadioVariant } from './types';

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

@@ -0,0 +1,19 @@
+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.
+ */
+export type RadioValue = AcceptableValue;
+export interface RadioGroupContext {
+    /** Current group value (kept in sync in both controlled and uncontrolled mode) */
+    modelValue: Readonly<Ref<RadioValue | undefined>>;
+    error: Readonly<Ref<boolean>>;
+    size: Readonly<Ref<RadioSize>>;
+    disabled: Readonly<Ref<boolean>>;
+    /** id of the group error message, for aria-describedby on items */
+    messageId: Readonly<Ref<string | undefined>>;
+}
+export declare const RADIO_GROUP_KEY: InjectionKey<RadioGroupContext>;

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

@@ -1,17 +1,18 @@
+import { type Size } from '../../constants';
 declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     size: {
-        type: StringConstructor;
+        type: () => Size;
         default: string;
-        validator: (value: string) => boolean;
+        validator: (value: Size) => boolean;
     };
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     size: {
-        type: StringConstructor;
+        type: () => Size;
         default: string;
-        validator: (value: string) => boolean;
+        validator: (value: Size) => boolean;
     };
 }>> & Readonly<{}>, {
-    size: string;
+    size: "xs" | "sm" | "md" | "lg";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -5,14 +5,20 @@ interface Props {
     width: number;
     /** Follow the brand palette (--color-brand-800) instead of the Livestorm navy. */
     themed?: boolean;
-    /** Dark badge + white mark, for light backgrounds. */
-    inverted?: boolean;
+    /**
+     * Dark badge + white mark, for light backgrounds. `"auto"` inverts
+     * whenever the logo sits inside a light `data-colors-semantic` scope.
+     */
+    inverted?: boolean | "auto";
     /** When false, renders the static logo (the resting pose). */
     animated?: boolean;
+    /** Accessible name announced for the logo. */
+    label?: string;
 }
 declare const __VLS_export: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
+    label: string;
     variant: UiLogoVariant;
-    inverted: boolean;
+    inverted: boolean | "auto";
     themed: boolean;
     animated: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;