@soybeanjs/ui 0.3.2 → 0.4.0

package/dist/components/menu/menu-checkbox-options.vue.d.ts

@@ -1,10 +1,10 @@
 import { MenuCheckboxOptionData, MenuCheckboxOptionsProps } from "./types.js";
-import * as vue208 from "vue";
+import * as vue220 from "vue";
 import { DefinedValue } from "@soybeanjs/headless";
 
 //#region src/components/menu/menu-checkbox-options.vue.d.ts
 declare const __VLS_export: <T extends DefinedValue = DefinedValue, S extends MenuCheckboxOptionData<T> = MenuCheckboxOptionData<T>>(__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: vue208.PublicProps & __VLS_PrettifyLocal<MenuCheckboxOptionsProps<T, S> & {
+  props: vue220.PublicProps & __VLS_PrettifyLocal<MenuCheckboxOptionsProps<T, S> & {
     onSelect?: ((item: S, event: Event) => any) | undefined;
     "onUpdate:modelValue"?: ((value: T[]) => any) | undefined;
   }> & (typeof globalThis extends {
@@ -19,7 +19,7 @@ declare const __VLS_export: <T extends DefinedValue = DefinedValue, S extends Me
     'item-indicator-icon': (props: S) => any;
   };
   emit: ((evt: "select", item: S, event: Event) => void) & ((evt: "update:modelValue", value: T[]) => void);
-}>) => vue208.VNode & {
+}>) => vue220.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };
 declare const _default: typeof __VLS_export;

package/dist/components/menu/menu-option.vue.d.ts

@@ -1,11 +1,11 @@
 import { MenuOptionData, MenuOptionProps } from "./types.js";
-import * as vue204 from "vue";
+import * as vue214 from "vue";
 import * as _soybeanjs_headless141 from "@soybeanjs/headless";
 import { DefinedValue } from "@soybeanjs/headless";
 
 //#region src/components/menu/menu-option.vue.d.ts
 declare const __VLS_export: <T extends DefinedValue = DefinedValue>(__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: vue204.PublicProps & __VLS_PrettifyLocal<MenuOptionProps<T> & {
+  props: vue214.PublicProps & __VLS_PrettifyLocal<MenuOptionProps<T> & {
     onSelect?: ((item: MenuOptionData<T>, event: Event) => any) | undefined;
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
     onEntryFocus?: ((event: Event) => any) | undefined;
@@ -39,7 +39,7 @@ declare const __VLS_export: <T extends DefinedValue = DefinedValue>(__VLS_props:
     }) => any;
   };
   emit: ((evt: "select", item: MenuOptionData<T>, event: Event) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "entryFocus", event: Event) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: _soybeanjs_headless141.PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: _soybeanjs_headless141.FocusOutsideEvent) => void) & ((evt: "interactOutside", event: _soybeanjs_headless141.PointerDownOutsideEvent | _soybeanjs_headless141.FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void);
-}>) => vue204.VNode & {
+}>) => vue214.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };
 declare const _default: typeof __VLS_export;

package/dist/components/menu/menu-options.vue.d.ts

@@ -1,11 +1,11 @@
 import { MenuOptionData, MenuOptionsProps } from "./types.js";
-import * as vue210 from "vue";
+import * as vue216 from "vue";
 import * as _soybeanjs_headless149 from "@soybeanjs/headless";
 import { DefinedValue } from "@soybeanjs/headless";
 
 //#region src/components/menu/menu-options.vue.d.ts
 declare const __VLS_export: <T extends DefinedValue = DefinedValue, S extends MenuOptionData<T> = MenuOptionData<T>>(__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: vue210.PublicProps & __VLS_PrettifyLocal<MenuOptionsProps<T, S> & {
+  props: vue216.PublicProps & __VLS_PrettifyLocal<MenuOptionsProps<T, S> & {
     onSelect?: ((item: S, event: Event) => any) | undefined;
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
     onEntryFocus?: ((event: Event) => any) | undefined;
@@ -39,7 +39,7 @@ declare const __VLS_export: <T extends DefinedValue = DefinedValue, S extends Me
     }) => any;
   };
   emit: ((evt: "select", item: S, event: Event) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "entryFocus", event: Event) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: _soybeanjs_headless149.PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: _soybeanjs_headless149.FocusOutsideEvent) => void) & ((evt: "interactOutside", event: _soybeanjs_headless149.PointerDownOutsideEvent | _soybeanjs_headless149.FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void);
-}>) => vue210.VNode & {
+}>) => vue216.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };
 declare const _default: typeof __VLS_export;

package/dist/components/menu/menu-radio-options.vue.d.ts

@@ -1,10 +1,10 @@
 import { MenuRadioOptionData, MenuRadioOptionsProps } from "./types.js";
-import * as vue206 from "vue";
+import * as vue218 from "vue";
 import { AcceptableBooleanValue } from "@soybeanjs/headless";
 
 //#region src/components/menu/menu-radio-options.vue.d.ts
 declare const __VLS_export: <T extends AcceptableBooleanValue = AcceptableBooleanValue, S extends MenuRadioOptionData<T> = MenuRadioOptionData<T>>(__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: vue206.PublicProps & __VLS_PrettifyLocal<MenuRadioOptionsProps<T, S> & {
+  props: vue218.PublicProps & __VLS_PrettifyLocal<MenuRadioOptionsProps<T, S> & {
     onSelect?: ((item: S, event: Event) => any) | undefined;
     "onUpdate:modelValue"?: ((payload: NonNullable<T>) => any) | undefined;
   }> & (typeof globalThis extends {
@@ -19,7 +19,7 @@ declare const __VLS_export: <T extends AcceptableBooleanValue = AcceptableBoolea
     'item-indicator-icon': (props: S) => any;
   };
   emit: ((evt: "select", item: S, event: Event) => void) & ((evt: "update:modelValue", payload: NonNullable<T>) => void);
-}>) => vue206.VNode & {
+}>) => vue218.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };
 declare const _default: typeof __VLS_export;

package/dist/components/navigation-menu/navigation-menu.vue.d.ts

@@ -1,5 +1,5 @@
 import { NavigationMenuOptionData, NavigationMenuProps } from "./types.js";
-import * as vue212 from "vue";
+import * as vue229 from "vue";
 import * as _soybeanjs_headless157 from "@soybeanjs/headless";
 
 //#region src/components/navigation-menu/navigation-menu.vue.d.ts
@@ -25,25 +25,25 @@ type Slots = {
   }) => any;
 };
 type __VLS_Slots = Slots;
-declare const __VLS_base: vue212.DefineComponent<NavigationMenuProps, {}, {}, {}, {}, vue212.ComponentOptionsMixin, vue212.ComponentOptionsMixin, {
+declare const __VLS_base: vue229.DefineComponent<NavigationMenuProps, {}, {}, {}, {}, vue229.ComponentOptionsMixin, vue229.ComponentOptionsMixin, {
   select: (payload: CustomEvent<{
     originalEvent: Event;
   }>) => any;
+  "update:modelValue": (value: string) => any;
   escapeKeyDown: (event: KeyboardEvent) => any;
   pointerDownOutside: (event: _soybeanjs_headless157.PointerDownOutsideEvent) => any;
   focusOutside: (event: _soybeanjs_headless157.FocusOutsideEvent) => any;
   interactOutside: (event: _soybeanjs_headless157.PointerDownOutsideEvent | _soybeanjs_headless157.FocusOutsideEvent) => any;
-  "update:modelValue": (value: string) => any;
-}, string, vue212.PublicProps, Readonly<NavigationMenuProps> & Readonly<{
+}, string, vue229.PublicProps, Readonly<NavigationMenuProps> & Readonly<{
   onSelect?: ((payload: CustomEvent<{
     originalEvent: Event;
   }>) => any) | undefined;
+  "onUpdate:modelValue"?: ((value: string) => any) | undefined;
   onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
   onPointerDownOutside?: ((event: _soybeanjs_headless157.PointerDownOutsideEvent) => any) | undefined;
   onFocusOutside?: ((event: _soybeanjs_headless157.FocusOutsideEvent) => any) | undefined;
   onInteractOutside?: ((event: _soybeanjs_headless157.PointerDownOutsideEvent | _soybeanjs_headless157.FocusOutsideEvent) => any) | undefined;
-  "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-}>, {}, {}, {}, {}, string, vue212.ComponentProvideOptions, false, {}, any>;
+}>, {}, {}, {}, {}, string, vue229.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 type __VLS_WithSlots<T, S> = T & {

package/dist/components/page-tabs/index.d.ts

@@ -0,0 +1,3 @@
+import { PageTabsVariant } from "../../variants/page-tabs.js";
+import { PageTabsEmits, PageTabsExtendedUi, PageTabsExtraUiSlot, PageTabsOptionData, PageTabsProps } from "./types.js";
+import { _default } from "./page-tabs.vue.js";

package/dist/components/page-tabs/page-tabs.js

@@ -0,0 +1 @@
+import{mergeSlotVariants as e}from"../../theme/shared.js";import t from"../icon/icon.js";import n from"../context-menu/context-menu.js";import{pageTabsVariants as r}from"../../variants/page-tabs.js";import{Fragment as i,computed as a,createBlock as o,createCommentVNode as s,createElementBlock as c,createElementVNode as l,createVNode as u,defineComponent as d,mergeProps as f,normalizeClass as p,openBlock as m,renderList as h,shallowRef as g,toDisplayString as _,unref as v,withCtx as y}from"vue";import{useOmitProps as b}from"@soybeanjs/headless/composables";import{PageTabsClose as x,PageTabsItem as S,PageTabsPin as C,PageTabsRoot as w,providePageTabsUi as T}from"@soybeanjs/headless";var E=d({name:`SPageTabs`,__name:`page-tabs`,props:{class:{},size:{},variant:{default:`chrome`},ui:{},items:{},contextMenus:{},modelValue:{},defaultValue:{},pins:{},defaultPins:{},beforeClose:{},middleClickClose:{type:Boolean}},emits:[`update:modelValue`,`update:pins`,`close`,`enterItem`,`selectContextMenu`],setup(d,{emit:E}){let D=d,O=E,k=b(D,[`class`,`size`,`variant`,`ui`,`items`,`contextMenus`]),A=a(()=>e(r({size:D.size,variant:D.variant}),D.ui,{root:D.class})),j=g(null),M=``,N=(e,t)=>{j.value=e.currentTarget,M=t,O(`enterItem`,t)},P=e=>{O(`selectContextMenu`,e,M)};return T(A),(e,r)=>(m(),o(v(w),f(v(k),{"onUpdate:modelValue":r[0]||=e=>O(`update:modelValue`,e),"onUpdate:pins":r[1]||=e=>O(`update:pins`,e)}),{default:y(()=>[(m(!0),c(i,null,h(d.items,e=>(m(),o(v(S),{key:e.value,value:e.value,closable:e.closable,onClose:t=>O(`close`,e.value),onPointerenter:t=>N(t,e.value)},{default:y(()=>[e.icon?(m(),o(t,{key:0,icon:e.icon},null,8,[`icon`])):s(`v-if`,!0),l(`span`,{class:p(A.value.itemText)},_(e.label),3),u(v(C),{"as-child":``},{default:y(()=>[u(t,{icon:`lucide:pin`})]),_:1}),u(v(x),{"as-child":``},{default:y(()=>[u(t,{icon:`lucide:x`})]),_:1}),d.variant===`chrome`?(m(),c(i,{key:1},[(m(),c(`svg`,{height:`100%`,width:`100%`,viewBox:`0 0 8 8`,class:p(A.value.chromeBgLeft)},[...r[2]||=[l(`path`,{d:`M 0 8 A 8 8 0 0 0 8 0 L 8 8 Z`},null,-1)]],2)),(m(),c(`svg`,{height:`100%`,width:`100%`,viewBox:`0 0 8 8`,class:p(A.value.chromeBgRight)},[...r[3]||=[l(`path`,{d:`M 0 0 A 8 8 0 0 0 8 8 L 0 8 Z`},null,-1)]],2))],64)):s(`v-if`,!0),d.variant===`slider`?(m(),c(`div`,{key:2,class:p(A.value.sliderIndicator)},null,2)):s(`v-if`,!0)]),_:2},1032,[`value`,`closable`,`onClose`,`onPointerenter`]))),128)),u(n,{modal:!1,items:d.contextMenus??[],"trigger-props":{reference:j.value},onSelect:P},null,8,[`items`,`trigger-props`])]),_:1},16))}});export{E as default};

package/dist/components/page-tabs/page-tabs.vue.d.ts

@@ -0,0 +1,27 @@
+import { MenuOptionData } from "../menu/types.js";
+import { PageTabsEmits, PageTabsOptionData, PageTabsProps } from "./types.js";
+import * as vue227 from "vue";
+import { DefinedValue } from "@soybeanjs/headless";
+
+//#region src/components/page-tabs/page-tabs.vue.d.ts
+declare const __VLS_export: <T extends PageTabsOptionData, S extends DefinedValue, U extends MenuOptionData<S>>(__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: vue227.PublicProps & __VLS_PrettifyLocal<PageTabsProps<T, S, U> & {
+    "onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
+    onClose?: ((value: string) => any) | undefined;
+    "onUpdate:pins"?: ((value: string[]) => any) | undefined;
+    onEnterItem?: ((value: string) => any) | undefined;
+    onSelectContextMenu?: ((menu: U, pageValue: string) => any) | undefined;
+  }> & (typeof globalThis extends {
+    __VLS_PROPS_FALLBACK: infer P;
+  } ? P : {});
+  expose: (exposed: {}) => void;
+  attrs: any;
+  slots: {};
+  emit: PageTabsEmits<U>;
+}>) => vue227.VNode & {
+  __ctx?: Awaited<typeof __VLS_setup>;
+};
+declare const _default: typeof __VLS_export;
+type __VLS_PrettifyLocal<T> = (T extends any ? { [K in keyof T]: T[K] } : { [K in keyof T as K]: T[K] }) & {};
+//#endregion
+export { _default };

package/dist/components/page-tabs/types.d.ts

@@ -0,0 +1,32 @@
+import { ThemeSize } from "../../theme/types.js";
+import "../../theme/index.js";
+import { IconValue } from "../icon/types.js";
+import { MenuOptionData } from "../menu/types.js";
+import { PageTabsVariant } from "../../variants/page-tabs.js";
+import { ClassValue, DefinedValue, PageTabsItemProps, PageTabsRootEmits, PageTabsRootProps, PageTabsUiSlot } from "@soybeanjs/headless";
+
+//#region src/components/page-tabs/types.d.ts
+interface PageTabsOptionData extends PageTabsItemProps {
+  label: string;
+  icon?: IconValue;
+}
+type PageTabsExtraUiSlot = 'itemText' | 'chromeBgLeft' | 'chromeBgRight' | 'sliderIndicator';
+type PageTabsExtendedUi = Record<PageTabsUiSlot | PageTabsExtraUiSlot, ClassValue>;
+interface PageTabsProps<T extends PageTabsOptionData, S extends DefinedValue, U extends MenuOptionData<S>> extends PageTabsRootProps {
+  /**
+   * root element class
+   */
+  class?: ClassValue;
+  size?: ThemeSize;
+  variant?: PageTabsVariant;
+  ui?: Partial<PageTabsExtendedUi>;
+  items: T[];
+  contextMenus?: U[];
+}
+type PageTabsEmits<T> = PageTabsRootEmits & {
+  (e: 'close', value: string): void;
+  (e: 'enterItem', value: string): void;
+  (e: 'selectContextMenu', menu: T, pageValue: string): void;
+};
+//#endregion
+export { PageTabsEmits, PageTabsExtendedUi, PageTabsExtraUiSlot, PageTabsOptionData, PageTabsProps };

package/dist/components/pagination/pagination.vue.d.ts

@@ -1,5 +1,5 @@
 import { PaginationProps } from "./types.js";
-import * as vue184 from "vue";
+import * as vue234 from "vue";
 
 //#region src/components/pagination/pagination.vue.d.ts
 declare var __VLS_22: {}, __VLS_35: {}, __VLS_53: {}, __VLS_66: {}, __VLS_79: {};
@@ -14,13 +14,13 @@ type __VLS_Slots = {} & {
 } & {
   last?: (props: typeof __VLS_79) => any;
 };
-declare const __VLS_base: vue184.DefineComponent<PaginationProps, {}, {}, {}, {}, vue184.ComponentOptionsMixin, vue184.ComponentOptionsMixin, {
+declare const __VLS_base: vue234.DefineComponent<PaginationProps, {}, {}, {}, {}, vue234.ComponentOptionsMixin, vue234.ComponentOptionsMixin, {
   "update:page": (value: number) => any;
-}, string, vue184.PublicProps, Readonly<PaginationProps> & Readonly<{
+}, string, vue234.PublicProps, Readonly<PaginationProps> & Readonly<{
   "onUpdate:page"?: ((value: number) => any) | undefined;
 }>, {
   showFirstOrLast: boolean;
-}, {}, {}, {}, string, vue184.ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, vue234.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 type __VLS_WithSlots<T, S> = T & {

package/dist/components/password/password.vue.d.ts

@@ -1,5 +1,5 @@
 import { PasswordProps } from "./types.js";
-import * as vue247 from "vue";
+import * as vue255 from "vue";
 
 //#region src/components/password/password.vue.d.ts
 declare var __VLS_10: {}, __VLS_24: {}, __VLS_26: {
@@ -13,15 +13,15 @@ type __VLS_Slots = {} & {
 } & {
   visible?: (props: typeof __VLS_26) => any;
 };
-declare const __VLS_base: vue247.DefineComponent<PasswordProps, {}, {}, {}, {}, vue247.ComponentOptionsMixin, vue247.ComponentOptionsMixin, {
+declare const __VLS_base: vue255.DefineComponent<PasswordProps, {}, {}, {}, {}, vue255.ComponentOptionsMixin, vue255.ComponentOptionsMixin, {
   "update:modelValue": (value: string) => any;
   "update:visible": (visible: boolean) => any;
-}, string, vue247.PublicProps, Readonly<PasswordProps> & Readonly<{
+}, string, vue255.PublicProps, Readonly<PasswordProps> & Readonly<{
   "onUpdate:modelValue"?: ((value: string) => any) | undefined;
   "onUpdate:visible"?: ((visible: boolean) => any) | undefined;
 }>, {
   visible: boolean;
-}, {}, {}, {}, string, vue247.ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, vue255.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 type __VLS_WithSlots<T, S> = T & {

package/dist/components/popover/popover.vue.d.ts

@@ -1,6 +1,6 @@
 import { PopoverProps } from "./types.js";
-import * as vue260 from "vue";
-import * as _soybeanjs_headless178 from "@soybeanjs/headless";
+import * as vue267 from "vue";
+import * as _soybeanjs_headless170 from "@soybeanjs/headless";
 
 //#region src/components/popover/popover.vue.d.ts
 declare var __VLS_16: {}, __VLS_36: {}, __VLS_49: {};
@@ -11,27 +11,27 @@ type __VLS_Slots = {} & {
 } & {
   close?: (props: typeof __VLS_49) => any;
 };
-declare const __VLS_base: vue260.DefineComponent<PopoverProps, {}, {}, {}, {}, vue260.ComponentOptionsMixin, vue260.ComponentOptionsMixin, {
+declare const __VLS_base: vue267.DefineComponent<PopoverProps, {}, {}, {}, {}, vue267.ComponentOptionsMixin, vue267.ComponentOptionsMixin, {
   "update:open": (value: boolean) => any;
   escapeKeyDown: (event: KeyboardEvent) => any;
-  pointerDownOutside: (event: _soybeanjs_headless178.PointerDownOutsideEvent) => any;
-  focusOutside: (event: _soybeanjs_headless178.FocusOutsideEvent) => any;
-  interactOutside: (event: _soybeanjs_headless178.PointerDownOutsideEvent | _soybeanjs_headless178.FocusOutsideEvent) => any;
+  pointerDownOutside: (event: _soybeanjs_headless170.PointerDownOutsideEvent) => any;
+  focusOutside: (event: _soybeanjs_headless170.FocusOutsideEvent) => any;
+  interactOutside: (event: _soybeanjs_headless170.PointerDownOutsideEvent | _soybeanjs_headless170.FocusOutsideEvent) => any;
   openAutoFocus: (event: Event) => any;
   closeAutoFocus: (event: Event) => any;
-}, string, vue260.PublicProps, Readonly<PopoverProps> & Readonly<{
+}, string, vue267.PublicProps, Readonly<PopoverProps> & Readonly<{
   "onUpdate:open"?: ((value: boolean) => any) | undefined;
   onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
-  onPointerDownOutside?: ((event: _soybeanjs_headless178.PointerDownOutsideEvent) => any) | undefined;
-  onFocusOutside?: ((event: _soybeanjs_headless178.FocusOutsideEvent) => any) | undefined;
-  onInteractOutside?: ((event: _soybeanjs_headless178.PointerDownOutsideEvent | _soybeanjs_headless178.FocusOutsideEvent) => any) | undefined;
+  onPointerDownOutside?: ((event: _soybeanjs_headless170.PointerDownOutsideEvent) => any) | undefined;
+  onFocusOutside?: ((event: _soybeanjs_headless170.FocusOutsideEvent) => any) | undefined;
+  onInteractOutside?: ((event: _soybeanjs_headless170.PointerDownOutsideEvent | _soybeanjs_headless170.FocusOutsideEvent) => any) | undefined;
   onOpenAutoFocus?: ((event: Event) => any) | undefined;
   onCloseAutoFocus?: ((event: Event) => any) | undefined;
 }>, {
   open: boolean;
   defaultOpen: boolean;
   showArrow: boolean;
-}, {}, {}, {}, string, vue260.ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, vue267.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 type __VLS_WithSlots<T, S> = T & {

package/dist/components/radio-group/radio-card-group.vue.d.ts

@@ -1,10 +1,10 @@
 import { RadioCardGroupOptionData, RadioCardGroupProps } from "./types.js";
-import * as vue279 from "vue";
+import * as vue251 from "vue";
 import { AcceptableBooleanValue } from "@soybeanjs/headless";
 
 //#region src/components/radio-group/radio-card-group.vue.d.ts
 declare const __VLS_export: <T extends AcceptableBooleanValue = AcceptableBooleanValue, S extends RadioCardGroupOptionData<T> = RadioCardGroupOptionData<T>>(__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: vue279.PublicProps & __VLS_PrettifyLocal<RadioCardGroupProps<T, S> & {
+  props: vue251.PublicProps & __VLS_PrettifyLocal<RadioCardGroupProps<T, S> & {
     "onUpdate:modelValue"?: ((payload: NonNullable<AcceptableBooleanValue>) => any) | undefined;
   }> & (typeof globalThis extends {
     __VLS_PROPS_FALLBACK: infer P;
@@ -13,7 +13,7 @@ declare const __VLS_export: <T extends AcceptableBooleanValue = AcceptableBoolea
   attrs: any;
   slots: {};
   emit: (evt: "update:modelValue", payload: NonNullable<AcceptableBooleanValue>) => void;
-}>) => vue279.VNode & {
+}>) => vue251.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };
 declare const _default: typeof __VLS_export;

package/dist/components/radio-group/radio-card.vue.d.ts

@@ -1,5 +1,5 @@
 import { RadioCardProps } from "./types.js";
-import * as vue274 from "vue";
+import * as vue246 from "vue";
 
 //#region src/components/radio-group/radio-card.vue.d.ts
 declare var __VLS_19: {
@@ -10,7 +10,7 @@ type __VLS_Slots = {} & {
 } & {
   description?: (props: typeof __VLS_27) => any;
 };
-declare const __VLS_base: vue274.DefineComponent<RadioCardProps, {}, {}, {}, {}, vue274.ComponentOptionsMixin, vue274.ComponentOptionsMixin, {}, string, vue274.PublicProps, Readonly<RadioCardProps> & Readonly<{}>, {}, {}, {}, {}, string, vue274.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: vue246.DefineComponent<RadioCardProps, {}, {}, {}, {}, vue246.ComponentOptionsMixin, vue246.ComponentOptionsMixin, {}, string, vue246.PublicProps, Readonly<RadioCardProps> & Readonly<{}>, {}, {}, {}, {}, string, vue246.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 type __VLS_WithSlots<T, S> = T & {

package/dist/components/radio-group/radio-group.vue.d.ts

@@ -1,10 +1,10 @@
 import { RadioGroupOptionData, RadioGroupProps } from "./types.js";
-import * as vue267 from "vue";
+import * as vue239 from "vue";
 import { AcceptableBooleanValue } from "@soybeanjs/headless";
 
 //#region src/components/radio-group/radio-group.vue.d.ts
 declare const __VLS_export: <T extends AcceptableBooleanValue = AcceptableBooleanValue, S extends RadioGroupOptionData<T> = RadioGroupOptionData<T>>(__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: vue267.PublicProps & __VLS_PrettifyLocal<RadioGroupProps<T, S> & {
+  props: vue239.PublicProps & __VLS_PrettifyLocal<RadioGroupProps<T, S> & {
     "onUpdate:modelValue"?: ((payload: NonNullable<T>) => any) | undefined;
   }> & (typeof globalThis extends {
     __VLS_PROPS_FALLBACK: infer P;
@@ -13,7 +13,7 @@ declare const __VLS_export: <T extends AcceptableBooleanValue = AcceptableBoolea
   attrs: any;
   slots: {};
   emit: (evt: "update:modelValue", payload: NonNullable<T>) => void;
-}>) => vue267.VNode & {
+}>) => vue239.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };
 declare const _default: typeof __VLS_export;

package/dist/components/radio-group/radio.vue.d.ts

@@ -1,12 +1,12 @@
 import { RadioProps } from "./types.js";
-import * as vue269 from "vue";
+import * as vue241 from "vue";
 
 //#region src/components/radio-group/radio.vue.d.ts
 declare var __VLS_31: {};
 type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_31) => any;
 };
-declare const __VLS_base: vue269.DefineComponent<RadioProps, {}, {}, {}, {}, vue269.ComponentOptionsMixin, vue269.ComponentOptionsMixin, {}, string, vue269.PublicProps, Readonly<RadioProps> & Readonly<{}>, {}, {}, {}, {}, string, vue269.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: vue241.DefineComponent<RadioProps, {}, {}, {}, {}, vue241.ComponentOptionsMixin, vue241.ComponentOptionsMixin, {}, string, vue241.PublicProps, Readonly<RadioProps> & Readonly<{}>, {}, {}, {}, {}, string, vue241.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 type __VLS_WithSlots<T, S> = T & {

package/dist/components/segment/segment.vue.d.ts

@@ -1,10 +1,10 @@
 import { SegmentOptionData, SegmentProps } from "./types.js";
-import * as vue286 from "vue";
+import * as vue253 from "vue";
 import { AcceptableValue } from "@soybeanjs/headless";
 
 //#region src/components/segment/segment.vue.d.ts
 declare const __VLS_export: <T extends AcceptableValue = AcceptableValue, S extends SegmentOptionData<NonNullable<T>> = SegmentOptionData<NonNullable<T>>>(__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: vue286.PublicProps & __VLS_PrettifyLocal<SegmentProps<T, S> & {
+  props: vue253.PublicProps & __VLS_PrettifyLocal<SegmentProps<T, S> & {
     "onUpdate:modelValue"?: ((payload: NonNullable<T>) => any) | undefined;
   }> & (typeof globalThis extends {
     __VLS_PROPS_FALLBACK: infer P;
@@ -17,7 +17,7 @@ declare const __VLS_export: <T extends AcceptableValue = AcceptableValue, S exte
     }) => any;
   };
   emit: (evt: "update:modelValue", payload: NonNullable<T>) => void;
-}>) => vue286.VNode & {
+}>) => vue253.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };
 declare const _default: typeof __VLS_export;

package/dist/components/select/select.vue.d.ts

@@ -1,17 +1,17 @@
 import { SelectGroupOptionData, SelectProps, SelectSingleOptionData } from "./types.js";
-import * as vue293 from "vue";
-import * as _soybeanjs_headless188 from "@soybeanjs/headless";
+import * as vue260 from "vue";
+import * as _soybeanjs_headless165 from "@soybeanjs/headless";
 import { DefinedValue } from "@soybeanjs/headless";
 
 //#region src/components/select/select.vue.d.ts
 declare const __VLS_export: <T extends DefinedValue, M extends boolean = false>(__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: vue293.PublicProps & __VLS_PrettifyLocal<SelectProps<T, M> & {
-    onSelect?: ((event: _soybeanjs_headless188.SelectItemEvent<T>) => any) | undefined;
+  props: vue260.PublicProps & __VLS_PrettifyLocal<SelectProps<T, M> & {
+    onSelect?: ((event: _soybeanjs_headless165.SelectItemEvent<T>) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: M extends true ? T[] : T) => any) | undefined;
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
     onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
-    onPointerDownOutside?: ((event: _soybeanjs_headless188.PointerDownOutsideEvent) => any) | undefined;
+    onPointerDownOutside?: ((event: _soybeanjs_headless165.PointerDownOutsideEvent) => any) | undefined;
     onCloseAutoFocus?: ((event: Event) => any) | undefined;
-    "onUpdate:modelValue"?: ((value: M extends true ? T[] : T) => any) | undefined;
   }> & (typeof globalThis extends {
     __VLS_PROPS_FALLBACK: infer P;
   } ? P : {});
@@ -44,8 +44,8 @@ declare const __VLS_export: <T extends DefinedValue, M extends boolean = false>(
       item: SelectSingleOptionData<T>;
     }) => any;
   };
-  emit: ((evt: "select", event: _soybeanjs_headless188.SelectItemEvent<T>) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: _soybeanjs_headless188.PointerDownOutsideEvent) => void) & ((evt: "closeAutoFocus", event: Event) => void) & ((evt: "update:modelValue", value: M extends true ? T[] : T) => void);
-}>) => vue293.VNode & {
+  emit: ((evt: "select", event: _soybeanjs_headless165.SelectItemEvent<T>) => void) & ((evt: "update:modelValue", value: M extends true ? T[] : T) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: _soybeanjs_headless165.PointerDownOutsideEvent) => void) & ((evt: "closeAutoFocus", event: Event) => void);
+}>) => vue260.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };
 declare const _default: typeof __VLS_export;

package/dist/components/separator/separator.vue.d.ts

@@ -1,11 +1,11 @@
 import { SeparatorProps } from "./types.js";
-import * as vue237 from "vue";
-import * as _soybeanjs_headless165 from "@soybeanjs/headless";
+import * as vue262 from "vue";
+import * as _soybeanjs_headless169 from "@soybeanjs/headless";
 
 //#region src/components/separator/separator.vue.d.ts
-declare const __VLS_export: vue237.DefineComponent<SeparatorProps, {}, {}, {}, {}, vue237.ComponentOptionsMixin, vue237.ComponentOptionsMixin, {}, string, vue237.PublicProps, Readonly<SeparatorProps> & Readonly<{}>, {
-  orientation: _soybeanjs_headless165.DataOrientation;
-}, {}, {}, {}, string, vue237.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: vue262.DefineComponent<SeparatorProps, {}, {}, {}, {}, vue262.ComponentOptionsMixin, vue262.ComponentOptionsMixin, {}, string, vue262.PublicProps, Readonly<SeparatorProps> & Readonly<{}>, {
+  orientation: _soybeanjs_headless169.DataOrientation;
+}, {}, {}, {}, string, vue262.ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 //#endregion
 export { _default };