@soybeanjs/ui 0.4.0 → 0.4.2

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

@@ -1,10 +1,10 @@
 import { MenuRadioOptionData, MenuRadioOptionsProps } from "./types.js";
-import * as vue218 from "vue";
+import * as vue233 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: vue218.PublicProps & __VLS_PrettifyLocal<MenuRadioOptionsProps<T, S> & {
+  props: vue233.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);
-}>) => vue218.VNode & {
+}>) => vue233.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };
 declare const _default: typeof __VLS_export;

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

@@ -1,6 +1,6 @@
 import { NavigationMenuOptionData, NavigationMenuProps } from "./types.js";
-import * as vue229 from "vue";
-import * as _soybeanjs_headless157 from "@soybeanjs/headless";
+import * as vue214 from "vue";
+import * as _soybeanjs_headless141 from "@soybeanjs/headless";
 
 //#region src/components/navigation-menu/navigation-menu.vue.d.ts
 type Slots = {
@@ -25,25 +25,25 @@ type Slots = {
   }) => any;
 };
 type __VLS_Slots = Slots;
-declare const __VLS_base: vue229.DefineComponent<NavigationMenuProps, {}, {}, {}, {}, vue229.ComponentOptionsMixin, vue229.ComponentOptionsMixin, {
+declare const __VLS_base: vue214.DefineComponent<NavigationMenuProps, {}, {}, {}, {}, vue214.ComponentOptionsMixin, vue214.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;
-}, string, vue229.PublicProps, Readonly<NavigationMenuProps> & Readonly<{
+  pointerDownOutside: (event: _soybeanjs_headless141.PointerDownOutsideEvent) => any;
+  focusOutside: (event: _soybeanjs_headless141.FocusOutsideEvent) => any;
+  interactOutside: (event: _soybeanjs_headless141.PointerDownOutsideEvent | _soybeanjs_headless141.FocusOutsideEvent) => any;
+}, string, vue214.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;
-}>, {}, {}, {}, {}, string, vue229.ComponentProvideOptions, false, {}, any>;
+  onPointerDownOutside?: ((event: _soybeanjs_headless141.PointerDownOutsideEvent) => any) | undefined;
+  onFocusOutside?: ((event: _soybeanjs_headless141.FocusOutsideEvent) => any) | undefined;
+  onInteractOutside?: ((event: _soybeanjs_headless141.PointerDownOutsideEvent | _soybeanjs_headless141.FocusOutsideEvent) => any) | undefined;
+}>, {}, {}, {}, {}, string, vue214.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/number-input/number-input.vue.d.ts

@@ -1,5 +1,5 @@
 import { NumberInputProps } from "./types.js";
-import * as vue222 from "vue";
+import * as vue219 from "vue";
 
 //#region src/components/number-input/number-input.vue.d.ts
 declare var __VLS_10: {}, __VLS_24: {}, __VLS_32: {}, __VLS_45: {};
@@ -12,11 +12,11 @@ type __VLS_Slots = {} & {
 } & {
   increment?: (props: typeof __VLS_45) => any;
 };
-declare const __VLS_base: vue222.DefineComponent<NumberInputProps, {}, {}, {}, {}, vue222.ComponentOptionsMixin, vue222.ComponentOptionsMixin, {
+declare const __VLS_base: vue219.DefineComponent<NumberInputProps, {}, {}, {}, {}, vue219.ComponentOptionsMixin, vue219.ComponentOptionsMixin, {
   "update:modelValue": (val: number) => any;
-}, string, vue222.PublicProps, Readonly<NumberInputProps> & Readonly<{
+}, string, vue219.PublicProps, Readonly<NumberInputProps> & Readonly<{
   "onUpdate:modelValue"?: ((val: number) => any) | undefined;
-}>, {}, {}, {}, {}, string, vue222.ComponentProvideOptions, false, {}, any>;
+}>, {}, {}, {}, {}, string, vue219.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

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

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

@@ -1 +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};
+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,useTemplateRef as y,watchEffect as b,withCtx as x}from"vue";import{useControllableState as S,useOmitProps as C}from"@soybeanjs/headless/composables";import{PageTabsClose as w,PageTabsItem as T,PageTabsPin as E,PageTabsRoot as D,providePageTabsUi as O}from"@soybeanjs/headless";var k=d({name:`SPageTabs`,__name:`page-tabs`,props:{class:{},size:{},variant:{default:`chrome`},ui:{},items:{},menuFactory:{},modelValue:{},beforeClose:{},middleClickClose:{type:Boolean}},emits:[`update:modelValue`,`update:items`,`close`,`pin`],setup(d,{expose:k,emit:A}){let j=d,M=A,N=C(j,[`class`,`size`,`variant`,`ui`,`items`,`menuFactory`]),P=y(`root`),F=S(()=>j.items,e=>{M(`update:items`,e)},[]),I=a({get:()=>F.value.map(e=>e.value),set:e=>{F.value=F.value.filter(t=>e.includes(t.value))}}),L=a({get:()=>F.value.filter(e=>e.pinned).map(e=>e.value),set:e=>{F.value=F.value.map(t=>({...t,pinned:e.includes(t.value)}))}}),R=g(null),z=a(()=>{if(!R.value||!P.value?.operations)return[];let{pinTab:e,unpinTab:t,closeTab:n,closeLeftTabs:r,closeRightTabs:i,closeOtherTabs:a,closeAllTabs:o,canCloseTab:s,canCloseLeftTabs:c,canCloseRightTabs:l,canCloseOtherTabs:u,canCloseAllTabs:d}=P.value.operations,f=R.value.value,p={pinTab:()=>{e(f)},unpinTab:()=>{t(f)},closeTab:async()=>{await n(f)},closeLeftTabs:()=>{r(f)},closeRightTabs:()=>{i(f)},closeOtherTabs:()=>{a(f)},closeAllTabs:()=>{o()},canCloseTab:s(f),canCloseLeftTabs:c(f),canCloseRightTabs:l(f),canCloseOtherTabs:u(f),canCloseAllTabs:d()};return j.menuFactory?.(R.value,p)??[]}),B=g(null),V=(e,t)=>{B.value=e.currentTarget,R.value=t},H=e=>{R.value&&e.action()};function U(e){let t=[],n=[],r=[];e.forEach(e=>{e.pinned?e.hidePinnedIcon?t.push(e):n.push(e):r.push(e)});let i=[...t,...n,...r];return i.length!==e.length||i.some((t,n)=>t.value!==e[n].value)?i:e}let W=a(()=>e(r({size:j.size,variant:j.variant}),j.ui,{root:j.class}));return b(()=>{F.value=U(F.value)}),O(W),k({operations:P.value?.operations}),(e,r)=>(m(),o(v(D),f({ref:`root`},v(N),{values:I.value,"onUpdate:values":r[0]||=e=>I.value=e,pins:L.value,"onUpdate:pins":r[1]||=e=>L.value=e,"onUpdate:modelValue":r[2]||=e=>M(`update:modelValue`,e)}),{default:x(()=>[(m(!0),c(i,null,h(v(F),e=>(m(),o(v(T),{key:e.value,value:e.value,onClose:t=>M(`close`,e),onPin:t=>M(`pin`,e),onPointerenter:t=>V(t,e)},{default:x(()=>[e.icon?(m(),o(t,{key:0,icon:e.icon},null,8,[`icon`])):s(`v-if`,!0),l(`span`,{class:p(W.value.itemText)},_(e.label),3),e.hidePinnedIcon?s(`v-if`,!0):(m(),o(v(E),{key:1,"as-child":``},{default:x(()=>[u(t,{icon:`lucide:pin`})]),_:1})),u(v(w),{"as-child":``},{default:x(()=>[u(t,{icon:`lucide:x`})]),_:1}),d.variant===`chrome`?(m(),c(i,{key:2},[(m(),c(`svg`,{height:`100%`,width:`100%`,viewBox:`0 0 8 8`,class:p(W.value.chromeBgLeft)},[...r[3]||=[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(W.value.chromeBgRight)},[...r[4]||=[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:3,class:p(W.value.sliderIndicator)},null,2)):s(`v-if`,!0)]),_:2},1032,[`value`,`onClose`,`onPin`,`onPointerenter`]))),128)),u(n,{modal:!1,items:z.value,"trigger-props":{reference:B.value},onSelect:H},null,8,[`items`,`trigger-props`])]),_:1},16,[`values`,`pins`]))}});export{k as default};

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

@@ -1,24 +1,24 @@
-import { MenuOptionData } from "../menu/types.js";
 import { PageTabsEmits, PageTabsOptionData, PageTabsProps } from "./types.js";
-import * as vue227 from "vue";
-import { DefinedValue } from "@soybeanjs/headless";
+import * as vue224 from "vue";
+import * as _soybeanjs_headless149 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;
+declare const __VLS_export: <T extends PageTabsOptionData>(__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: vue224.PublicProps & __VLS_PrettifyLocal<PageTabsProps<T> & {
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    onClose?: ((tab: T) => any) | undefined;
+    onPin?: ((tab: T) => any) | undefined;
+    "onUpdate:items"?: ((value: T[]) => any) | undefined;
   }> & (typeof globalThis extends {
     __VLS_PROPS_FALLBACK: infer P;
   } ? P : {});
-  expose: (exposed: {}) => void;
+  expose: (exposed: vue224.ShallowUnwrapRef<{
+    operations: _soybeanjs_headless149.PageTabsOperations | undefined;
+  }>) => void;
   attrs: any;
   slots: {};
-  emit: PageTabsEmits<U>;
-}>) => vue227.VNode & {
+  emit: PageTabsEmits<T>;
+}>) => vue224.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };
 declare const _default: typeof __VLS_export;

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

@@ -3,16 +3,43 @@ 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";
+import { ClassValue, MaybePromise, PageTabsItemProps, PageTabsOperations, PageTabsRootProps, PageTabsUiSlot } from "@soybeanjs/headless";
 
 //#region src/components/page-tabs/types.d.ts
 interface PageTabsOptionData extends PageTabsItemProps {
   label: string;
   icon?: IconValue;
+  /**
+   * Whether the tab is pinned or not.
+   *
+   * @default false
+   */
+  pinned?: boolean;
+  /**
+   * Whether to hide the pinned icon on the tab
+   */
+  hidePinnedIcon?: boolean;
 }
 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 {
+interface PageTabsState {
+  pinTab: () => void;
+  unpinTab: () => void;
+  closeTab: () => Promise<void>;
+  closeLeftTabs: () => void;
+  closeRightTabs: () => void;
+  closeOtherTabs: () => void;
+  closeAllTabs: () => void;
+  canCloseTab: boolean;
+  canCloseLeftTabs: boolean;
+  canCloseRightTabs: boolean;
+  canCloseOtherTabs: boolean;
+  canCloseAllTabs: boolean;
+}
+interface PageTabsContextMenuOptionData extends MenuOptionData<string> {
+  action: () => MaybePromise<void>;
+}
+interface PageTabsProps<T extends PageTabsOptionData> extends Omit<PageTabsRootProps, 'values' | 'pins' | 'residents'> {
   /**
    * root element class
    */
@@ -21,12 +48,18 @@ interface PageTabsProps<T extends PageTabsOptionData, S extends DefinedValue, U
   variant?: PageTabsVariant;
   ui?: Partial<PageTabsExtendedUi>;
   items: T[];
-  contextMenus?: U[];
+  /**
+   * A factory function to generate context menu options for each tab.
+   * @param tab The tab data
+   * @param state The current state and operations for the tab
+   */
+  menuFactory?: (tab: T, state: PageTabsState) => PageTabsContextMenuOptionData[];
 }
-type PageTabsEmits<T> = PageTabsRootEmits & {
-  (e: 'close', value: string): void;
-  (e: 'enterItem', value: string): void;
-  (e: 'selectContextMenu', menu: T, pageValue: string): void;
+type PageTabsEmits<T> = {
+  (e: 'update:modelValue', value: string): void;
+  (e: 'update:items', value: T[]): void;
+  (e: 'close', tab: T): void;
+  (e: 'pin', tab: T): void;
 };
 //#endregion
-export { PageTabsEmits, PageTabsExtendedUi, PageTabsExtraUiSlot, PageTabsOptionData, PageTabsProps };
+export { PageTabsContextMenuOptionData, PageTabsEmits, PageTabsExtendedUi, PageTabsExtraUiSlot, type PageTabsOperations, PageTabsOptionData, PageTabsProps, PageTabsState };

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

@@ -1,5 +1,5 @@
 import { PaginationProps } from "./types.js";
-import * as vue234 from "vue";
+import * as vue240 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: vue234.DefineComponent<PaginationProps, {}, {}, {}, {}, vue234.ComponentOptionsMixin, vue234.ComponentOptionsMixin, {
+declare const __VLS_base: vue240.DefineComponent<PaginationProps, {}, {}, {}, {}, vue240.ComponentOptionsMixin, vue240.ComponentOptionsMixin, {
   "update:page": (value: number) => any;
-}, string, vue234.PublicProps, Readonly<PaginationProps> & Readonly<{
+}, string, vue240.PublicProps, Readonly<PaginationProps> & Readonly<{
   "onUpdate:page"?: ((value: number) => any) | undefined;
 }>, {
   showFirstOrLast: boolean;
-}, {}, {}, {}, string, vue234.ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, vue240.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 vue255 from "vue";
+import * as vue235 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: vue255.DefineComponent<PasswordProps, {}, {}, {}, {}, vue255.ComponentOptionsMixin, vue255.ComponentOptionsMixin, {
+declare const __VLS_base: vue235.DefineComponent<PasswordProps, {}, {}, {}, {}, vue235.ComponentOptionsMixin, vue235.ComponentOptionsMixin, {
   "update:modelValue": (value: string) => any;
   "update:visible": (visible: boolean) => any;
-}, string, vue255.PublicProps, Readonly<PasswordProps> & Readonly<{
+}, string, vue235.PublicProps, Readonly<PasswordProps> & Readonly<{
   "onUpdate:modelValue"?: ((value: string) => any) | undefined;
   "onUpdate:visible"?: ((visible: boolean) => any) | undefined;
 }>, {
   visible: boolean;
-}, {}, {}, {}, string, vue255.ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, vue235.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 vue267 from "vue";
-import * as _soybeanjs_headless170 from "@soybeanjs/headless";
+import * as vue245 from "vue";
+import * as _soybeanjs_headless166 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: vue267.DefineComponent<PopoverProps, {}, {}, {}, {}, vue267.ComponentOptionsMixin, vue267.ComponentOptionsMixin, {
+declare const __VLS_base: vue245.DefineComponent<PopoverProps, {}, {}, {}, {}, vue245.ComponentOptionsMixin, vue245.ComponentOptionsMixin, {
   "update:open": (value: boolean) => any;
   escapeKeyDown: (event: KeyboardEvent) => any;
-  pointerDownOutside: (event: _soybeanjs_headless170.PointerDownOutsideEvent) => any;
-  focusOutside: (event: _soybeanjs_headless170.FocusOutsideEvent) => any;
-  interactOutside: (event: _soybeanjs_headless170.PointerDownOutsideEvent | _soybeanjs_headless170.FocusOutsideEvent) => any;
+  pointerDownOutside: (event: _soybeanjs_headless166.PointerDownOutsideEvent) => any;
+  focusOutside: (event: _soybeanjs_headless166.FocusOutsideEvent) => any;
+  interactOutside: (event: _soybeanjs_headless166.PointerDownOutsideEvent | _soybeanjs_headless166.FocusOutsideEvent) => any;
   openAutoFocus: (event: Event) => any;
   closeAutoFocus: (event: Event) => any;
-}, string, vue267.PublicProps, Readonly<PopoverProps> & Readonly<{
+}, string, vue245.PublicProps, Readonly<PopoverProps> & Readonly<{
   "onUpdate:open"?: ((value: boolean) => any) | undefined;
   onEscapeKeyDown?: ((event: KeyboardEvent) => 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;
+  onPointerDownOutside?: ((event: _soybeanjs_headless166.PointerDownOutsideEvent) => any) | undefined;
+  onFocusOutside?: ((event: _soybeanjs_headless166.FocusOutsideEvent) => any) | undefined;
+  onInteractOutside?: ((event: _soybeanjs_headless166.PointerDownOutsideEvent | _soybeanjs_headless166.FocusOutsideEvent) => any) | undefined;
   onOpenAutoFocus?: ((event: Event) => any) | undefined;
   onCloseAutoFocus?: ((event: Event) => any) | undefined;
 }>, {
   open: boolean;
   defaultOpen: boolean;
   showArrow: boolean;
-}, {}, {}, {}, string, vue267.ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, vue245.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 vue251 from "vue";
+import * as vue257 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: vue251.PublicProps & __VLS_PrettifyLocal<RadioCardGroupProps<T, S> & {
+  props: vue257.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;
-}>) => vue251.VNode & {
+}>) => vue257.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 vue246 from "vue";
+import * as vue259 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: vue246.DefineComponent<RadioCardProps, {}, {}, {}, {}, vue246.ComponentOptionsMixin, vue246.ComponentOptionsMixin, {}, string, vue246.PublicProps, Readonly<RadioCardProps> & Readonly<{}>, {}, {}, {}, {}, string, vue246.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: vue259.DefineComponent<RadioCardProps, {}, {}, {}, {}, vue259.ComponentOptionsMixin, vue259.ComponentOptionsMixin, {}, string, vue259.PublicProps, Readonly<RadioCardProps> & Readonly<{}>, {}, {}, {}, {}, string, vue259.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 vue239 from "vue";
+import * as vue250 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: vue239.PublicProps & __VLS_PrettifyLocal<RadioGroupProps<T, S> & {
+  props: vue250.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;
-}>) => vue239.VNode & {
+}>) => vue250.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 vue241 from "vue";
+import * as vue252 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: vue241.DefineComponent<RadioProps, {}, {}, {}, {}, vue241.ComponentOptionsMixin, vue241.ComponentOptionsMixin, {}, string, vue241.PublicProps, Readonly<RadioProps> & Readonly<{}>, {}, {}, {}, {}, string, vue241.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: vue252.DefineComponent<RadioProps, {}, {}, {}, {}, vue252.ComponentOptionsMixin, vue252.ComponentOptionsMixin, {}, string, vue252.PublicProps, Readonly<RadioProps> & Readonly<{}>, {}, {}, {}, {}, string, vue252.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 vue253 from "vue";
+import * as vue264 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: vue253.PublicProps & __VLS_PrettifyLocal<SegmentProps<T, S> & {
+  props: vue264.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;
-}>) => vue253.VNode & {
+}>) => vue264.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };
 declare const _default: typeof __VLS_export;

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

@@ -1,16 +1,16 @@
 import { SelectGroupOptionData, SelectProps, SelectSingleOptionData } from "./types.js";
-import * as vue260 from "vue";
-import * as _soybeanjs_headless165 from "@soybeanjs/headless";
+import * as vue266 from "vue";
+import * as _soybeanjs_headless174 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: vue260.PublicProps & __VLS_PrettifyLocal<SelectProps<T, M> & {
-    onSelect?: ((event: _soybeanjs_headless165.SelectItemEvent<T>) => any) | undefined;
+  props: vue266.PublicProps & __VLS_PrettifyLocal<SelectProps<T, M> & {
+    onSelect?: ((event: _soybeanjs_headless174.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_headless165.PointerDownOutsideEvent) => any) | undefined;
+    onPointerDownOutside?: ((event: _soybeanjs_headless174.PointerDownOutsideEvent) => any) | undefined;
     onCloseAutoFocus?: ((event: Event) => any) | undefined;
   }> & (typeof globalThis extends {
     __VLS_PROPS_FALLBACK: infer 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_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 & {
+  emit: ((evt: "select", event: _soybeanjs_headless174.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_headless174.PointerDownOutsideEvent) => void) & ((evt: "closeAutoFocus", event: Event) => void);
+}>) => vue266.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 vue262 from "vue";
-import * as _soybeanjs_headless169 from "@soybeanjs/headless";
+import * as vue276 from "vue";
+import * as _soybeanjs_headless190 from "@soybeanjs/headless";
 
 //#region src/components/separator/separator.vue.d.ts
-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 __VLS_export: vue276.DefineComponent<SeparatorProps, {}, {}, {}, {}, vue276.ComponentOptionsMixin, vue276.ComponentOptionsMixin, {}, string, vue276.PublicProps, Readonly<SeparatorProps> & Readonly<{}>, {
+  orientation: _soybeanjs_headless190.DataOrientation;
+}, {}, {}, {}, string, vue276.ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 //#endregion
 export { _default };

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

@@ -2,13 +2,13 @@ import { ThemeColor, ThemeSize } from "../../theme/types.js";
 import "../../theme/index.js";
 import { SwitchShape } from "../../variants/switch.js";
 import { SwitchProps } from "./types.js";
-import * as vue279 from "vue";
+import * as vue268 from "vue";
 import * as _soybeanjs_headless178 from "@soybeanjs/headless";
 import { AcceptableBooleanValue } from "@soybeanjs/headless";
 
 //#region src/components/switch/switch.vue.d.ts
 declare const __VLS_export: <T extends AcceptableBooleanValue = boolean>(__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<SwitchProps<T> & {
+  props: vue268.PublicProps & __VLS_PrettifyLocal<SwitchProps<T> & {
     "onUpdate:modelValue"?: ((payload: NonNullable<T>) => any) | undefined;
   }> & (typeof globalThis extends {
     __VLS_PROPS_FALLBACK: infer P;
@@ -32,14 +32,14 @@ declare const __VLS_export: <T extends AcceptableBooleanValue = boolean>(__VLS_p
         required: boolean;
         manifest: string | undefined;
         innerHTML: string | undefined;
-        style: vue279.StyleValue | undefined;
+        style: vue268.StyleValue | undefined;
         accesskey: string | undefined;
         contenteditable: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
         contextmenu: string | undefined;
         dir: string | undefined;
         draggable: (boolean | "true" | "false") | undefined;
         enterkeyhint: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined;
-        enterKeyHint: vue279.HTMLAttributes["enterkeyhint"];
+        enterKeyHint: vue268.HTMLAttributes["enterkeyhint"];
         hidden: (boolean | "true" | "false") | "" | "hidden" | "until-found" | undefined;
         id: string | undefined;
         inert: (boolean | "true" | "false") | undefined;
@@ -243,14 +243,14 @@ declare const __VLS_export: <T extends AcceptableBooleanValue = boolean>(__VLS_p
         required: boolean;
         manifest: string | undefined;
         innerHTML: string | undefined;
-        style: vue279.StyleValue | undefined;
+        style: vue268.StyleValue | undefined;
         accesskey: string | undefined;
         contenteditable: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
         contextmenu: string | undefined;
         dir: string | undefined;
         draggable: (boolean | "true" | "false") | undefined;
         enterkeyhint: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined;
-        enterKeyHint: vue279.HTMLAttributes["enterkeyhint"];
+        enterKeyHint: vue268.HTMLAttributes["enterkeyhint"];
         hidden: (boolean | "true" | "false") | "" | "hidden" | "until-found" | undefined;
         id: string | undefined;
         inert: (boolean | "true" | "false") | undefined;
@@ -454,14 +454,14 @@ declare const __VLS_export: <T extends AcceptableBooleanValue = boolean>(__VLS_p
         required: boolean;
         manifest: string | undefined;
         innerHTML: string | undefined;
-        style: vue279.StyleValue | undefined;
+        style: vue268.StyleValue | undefined;
         accesskey: string | undefined;
         contenteditable: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
         contextmenu: string | undefined;
         dir: string | undefined;
         draggable: (boolean | "true" | "false") | undefined;
         enterkeyhint: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined;
-        enterKeyHint: vue279.HTMLAttributes["enterkeyhint"];
+        enterKeyHint: vue268.HTMLAttributes["enterkeyhint"];
         hidden: (boolean | "true" | "false") | "" | "hidden" | "until-found" | undefined;
         id: string | undefined;
         inert: (boolean | "true" | "false") | undefined;
@@ -650,7 +650,7 @@ declare const __VLS_export: <T extends AcceptableBooleanValue = boolean>(__VLS_p
     }) => any;
   };
   emit: (evt: "update:modelValue", payload: NonNullable<T>) => void;
-}>) => vue279.VNode & {
+}>) => vue268.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };
 declare const _default: typeof __VLS_export;

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

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

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

@@ -1,5 +1,5 @@
 import { TagProps } from "./types.js";
-import * as vue274 from "vue";
+import * as vue283 from "vue";
 
 //#region src/components/tag/tag.vue.d.ts
 declare var __VLS_10: {}, __VLS_12: {}, __VLS_14: {}, __VLS_16: {
@@ -14,13 +14,13 @@ type __VLS_Slots = {} & {
 } & {
   close?: (props: typeof __VLS_16) => any;
 };
-declare const __VLS_base: vue274.DefineComponent<TagProps, {}, {}, {}, {}, vue274.ComponentOptionsMixin, vue274.ComponentOptionsMixin, {
+declare const __VLS_base: vue283.DefineComponent<TagProps, {}, {}, {}, {}, vue283.ComponentOptionsMixin, vue283.ComponentOptionsMixin, {
   "update:open": (open: boolean) => any;
-}, string, vue274.PublicProps, Readonly<TagProps> & Readonly<{
+}, string, vue283.PublicProps, Readonly<TagProps> & Readonly<{
   "onUpdate:open"?: ((open: boolean) => any) | undefined;
 }>, {
   open: boolean;
-}, {}, {}, {}, string, vue274.ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, vue283.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 & {