@livestorm/ui-vue 2.0.4 → 3.0.0

package/dist/index.mjs

@@ -1,12 +1,12 @@
-import { _ as e, a as s, b as o, c as U, d as r, e as t, f as n, g as p, h as l, U as u, i as d, j as g, k as T, l as S, m, n as b, o as C, p as M, q as I, r as c, s as B, t as D, u as P, v as L, w as v, x as A, y as w, z as F, A as x, B as h, C as H, D as f, E as k, F as G, G as y, H as R, I as j, J as z, K as E, L as W, M as _, N as q, O as J, P as K, Q as N, R as O, S as Q, T as V, V as X, W as Y, X as Z, Y as $, Z as aa, $ as ia, a0 as ea, a1 as sa, a2 as oa, a3 as Ua, a4 as ra, a5 as ta, a6 as na, a7 as pa, a8 as la, a9 as ua, aa as da, ab as ga, ac as Ta, ad as Sa, ae as ma, af as ba, ag as Ca, ah as Ma, ai as Ia, aj as ca, ak as Ba, al as Da, am as Pa, an as La, ao as va } from "./UiTimelineItem.vue_vue_type_style_index_0_lang-BtG5oABt.mjs";
-import { _ as wa, a as Fa, b as xa, c as ha } from "./a11y--y7uaY4j.mjs";
+import { _ as e, a as s, b as o, c as U, d as t, e as r, f as n, g as p, h as l, U as u, i as d, j as g, k as T, l as S, m, n as b, o as I, p as C, q as M, r as c, s as B, t as D, u as P, v as L, w as v, x as w, y as A, z as F, A as h, B as x, C as G, D as H, E as R, F as f, G as k, H as j, I as y, J as E, K as q, L as z, M as W, N as _, O as J, P as K, Q as N, R as O, S as Q, T as V, V as X, W as Y, X as Z, Y as $, Z as aa, $ as ia, a0 as ea, a1 as sa, a2 as oa, a3 as Ua, a4 as ta, a5 as ra, a6 as na, a7 as pa, a8 as la, a9 as ua, aa as da, ab as ga, ac as Ta, ad as Sa, ae as ma, af as ba, ag as Ia, ah as Ca, ai as Ma, aj as ca, ak as Ba, al as Da, am as Pa, an as La, ao as va, ap as wa, aq as Aa, ar as Fa, as as ha } from "./UiTimelineItem.vue_vue_type_style_index_0_lang-LpdvGf5X.mjs";
+import { _ as Ga, a as Ha, b as Ra, c as fa } from "./a11y-BhF_nl7L.mjs";
 export {
   e as UiActionBar,
   s as UiActionBarItem,
   o as UiActionBarSeparator,
   U as UiAnimatedLogo,
-  r as UiAvatar,
-  t as UiAvatarList,
+  t as UiAvatar,
+  r as UiAvatarList,
   n as UiBadge,
   p as UiBanner,
   l as UiBreadcrumb,
@@ -17,71 +17,75 @@ export {
   S as UiCarousel,
   m as UiColorField,
   b as UiColorPicker,
-  C as UiDialog,
-  M as UiDialogClose,
-  I as UiDialogContent,
+  I as UiDialog,
+  C as UiDialogClose,
+  M as UiDialogContent,
   c as UiDialogFooter,
   B as UiDialogTrigger,
   D as UiDropdown,
   P as UiDropdownContent,
   L as UiDropdownItem,
   v as UiDropdownSeparator,
-  A as UiDropdownTrigger,
-  w as UiEmptyState,
+  w as UiDropdownTrigger,
+  A as UiEmptyState,
   F as UiFieldWrapper,
-  x as UiFormField,
-  h as UiHorizontalSeparator,
-  H as UiInputCheckbox,
-  f as UiInputSelect,
-  k as UiInputTextarea,
-  G as UiLabel,
-  y as UiList,
-  R as UiListItem,
-  j as UiLoader,
-  z as UiLogo,
-  E as UiMenu,
-  W as UiMenuContent,
-  _ as UiMenuGroup,
-  q as UiMenuItem,
-  J as UiMenuLabel,
-  K as UiMenuSeparator,
-  N as UiMenuSub,
-  O as UiMenuSubContent,
-  Q as UiMenuSubTrigger,
-  V as UiMenuTrigger,
-  X as UiPage,
-  Y as UiPageHeader,
-  Z as UiPopover,
-  $ as UiPopoverAnchor,
-  aa as UiPopoverContent,
-  ia as UiPopoverTrigger,
-  ea as UiProgress,
-  sa as UiRoomButton,
-  oa as UiShell,
-  Ua as UiSideMenu,
-  ra as UiSideMenuBottom,
-  ta as UiSideMenuItem,
-  na as UiSideMenuItemContent,
-  pa as UiSideMenuTop,
-  la as UiStepper,
-  ua as UiStepperDescription,
-  da as UiStepperIndicator,
-  ga as UiStepperItem,
-  Ta as UiStepperSeparator,
-  Sa as UiStepperTitle,
-  ma as UiTable,
-  ba as UiTableBody,
-  Ca as UiTableCell,
-  Ma as UiTableHeader,
-  Ia as UiTableHeaderCell,
-  ca as UiTableRow,
-  Ba as UiTabs,
-  Da as UiTag,
-  Pa as UiTextField,
-  La as UiTimeline,
-  va as UiTimelineItem,
-  wa as UiTooltip,
-  Fa as UiTooltipContent,
-  xa as UiTooltipProvider,
-  ha as UiTooltipTrigger
+  h as UiFormField,
+  x as UiHorizontalSeparator,
+  G as UiInputCheckbox,
+  H as UiInputEmoji,
+  R as UiInputRadio,
+  f as UiInputRadioGroup,
+  k as UiInputSelect,
+  j as UiInputTextarea,
+  y as UiLabel,
+  E as UiList,
+  q as UiListItem,
+  z as UiLoader,
+  W as UiLogo,
+  _ as UiMenu,
+  J as UiMenuContent,
+  K as UiMenuGroup,
+  N as UiMenuItem,
+  O as UiMenuLabel,
+  Q as UiMenuSeparator,
+  V as UiMenuSub,
+  X as UiMenuSubContent,
+  Y as UiMenuSubTrigger,
+  Z as UiMenuTrigger,
+  $ as UiPage,
+  aa as UiPageHeader,
+  ia as UiPopover,
+  ea as UiPopoverAnchor,
+  sa as UiPopoverContent,
+  oa as UiPopoverTrigger,
+  Ua as UiProgress,
+  ta as UiRoomButton,
+  ra as UiShell,
+  na as UiSideMenu,
+  pa as UiSideMenuBottom,
+  la as UiSideMenuItem,
+  ua as UiSideMenuItemContent,
+  da as UiSideMenuTop,
+  ga as UiStepper,
+  Ta as UiStepperDescription,
+  Sa as UiStepperIndicator,
+  ma as UiStepperItem,
+  ba as UiStepperSeparator,
+  Ia as UiStepperTitle,
+  Ca as UiSwitch,
+  Ma as UiTable,
+  ca as UiTableBody,
+  Ba as UiTableCell,
+  Da as UiTableHeader,
+  Pa as UiTableHeaderCell,
+  La as UiTableRow,
+  va as UiTabs,
+  wa as UiTag,
+  Aa as UiTextField,
+  Fa as UiTimeline,
+  ha as UiTimelineItem,
+  Ga as UiTooltip,
+  Ha as UiTooltipContent,
+  Ra as UiTooltipProvider,
+  fa as UiTooltipTrigger
 };

package/dist/layouts.mjs

@@ -1,7 +1,7 @@
-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-CUK56j0z.mjs";
+import { u as F } from "./useThemeAndModes-BzYwSOEv.mjs";
 const G = ["data-testid"], O = {
   key: 1,
   class: "absolute h-1 bg-grey-100 top-0 left-0 w-full"
@@ -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;
+    };
+};