@soybeanjs/ui 0.4.3 → 0.4.5

package/dist/components/form/use-form.d.ts

@@ -1,6 +1,6 @@
 import { FormFieldArrayComponent, FormFieldComponent } from "./types.js";
-import * as vue100 from "vue";
-import * as _soybeanjs_headless74 from "@soybeanjs/headless";
+import * as vue90 from "vue";
+import * as _soybeanjs_headless33 from "@soybeanjs/headless";
 import { FormValues, InferStandardSchemaInput, Path, StandardSchemaV1, UseFormOptions } from "@soybeanjs/headless";
 
 //#region src/components/form/use-form.d.ts
@@ -9,36 +9,36 @@ declare function useForm$1<S extends StandardSchemaV1<FormValues, FormValues>>(o
   SFormFieldArray: FormFieldArrayComponent<InferStandardSchemaInput<S>>;
   handleSubmit: (event?: Event) => void;
   handleReset: (event?: Event) => void;
-  useFieldArray: <Name extends Path<InferStandardSchemaInput<S>>>(name: Name, opts?: _soybeanjs_headless74.FormRegisterOptions<_soybeanjs_headless74.PathValue<InferStandardSchemaInput<S>, Name>> | undefined) => vue100.Ref<_soybeanjs_headless74.FormFieldArrayStates<InferStandardSchemaInput<S>, Name>, _soybeanjs_headless74.FormFieldArrayStates<InferStandardSchemaInput<S>, Name>>;
-  useField: <Name extends Path<InferStandardSchemaInput<S>>>(name: Name, opts?: _soybeanjs_headless74.FormRegisterOptions<_soybeanjs_headless74.PathValue<InferStandardSchemaInput<S>, Name>> | undefined) => vue100.Ref<_soybeanjs_headless74.FormFieldState<InferStandardSchemaInput<S>, Name>, _soybeanjs_headless74.FormFieldState<InferStandardSchemaInput<S>, Name>>;
-  dirty: vue100.ComputedRef<boolean>;
+  useFieldArray: <Name extends Path<InferStandardSchemaInput<S>>>(name: Name, opts?: _soybeanjs_headless33.FormRegisterOptions<_soybeanjs_headless33.PathValue<InferStandardSchemaInput<S>, Name>> | undefined) => vue90.Ref<_soybeanjs_headless33.FormFieldArrayStates<InferStandardSchemaInput<S>, Name>, _soybeanjs_headless33.FormFieldArrayStates<InferStandardSchemaInput<S>, Name>>;
+  useField: <Name extends Path<InferStandardSchemaInput<S>>>(name: Name, opts?: _soybeanjs_headless33.FormRegisterOptions<_soybeanjs_headless33.PathValue<InferStandardSchemaInput<S>, Name>> | undefined) => vue90.Ref<_soybeanjs_headless33.FormFieldState<InferStandardSchemaInput<S>, Name>, _soybeanjs_headless33.FormFieldState<InferStandardSchemaInput<S>, Name>>;
+  dirty: vue90.ComputedRef<boolean>;
   setSubmitting: (isSubmitting: boolean) => void;
-  registerField: <Name extends Path<InferStandardSchemaInput<S>>>(name: Name, opts?: _soybeanjs_headless74.FormRegisterOptions<_soybeanjs_headless74.PathValue<InferStandardSchemaInput<S>, Name>> | undefined) => vue100.Ref<_soybeanjs_headless74.FormFieldState<InferStandardSchemaInput<S>, Name>, _soybeanjs_headless74.FormFieldState<InferStandardSchemaInput<S>, Name>>;
-  registerFieldArray: <Name extends Path<InferStandardSchemaInput<S>>>(name: Name, opts?: _soybeanjs_headless74.FormRegisterOptions<_soybeanjs_headless74.PathValue<InferStandardSchemaInput<S>, Name>> | undefined) => vue100.Ref<_soybeanjs_headless74.FormFieldState<InferStandardSchemaInput<S>, Name>, _soybeanjs_headless74.FormFieldState<InferStandardSchemaInput<S>, Name>>;
+  registerField: <Name extends Path<InferStandardSchemaInput<S>>>(name: Name, opts?: _soybeanjs_headless33.FormRegisterOptions<_soybeanjs_headless33.PathValue<InferStandardSchemaInput<S>, Name>> | undefined) => vue90.Ref<_soybeanjs_headless33.FormFieldState<InferStandardSchemaInput<S>, Name>, _soybeanjs_headless33.FormFieldState<InferStandardSchemaInput<S>, Name>>;
+  registerFieldArray: <Name extends Path<InferStandardSchemaInput<S>>>(name: Name, opts?: _soybeanjs_headless33.FormRegisterOptions<_soybeanjs_headless33.PathValue<InferStandardSchemaInput<S>, Name>> | undefined) => vue90.Ref<_soybeanjs_headless33.FormFieldState<InferStandardSchemaInput<S>, Name>, _soybeanjs_headless33.FormFieldState<InferStandardSchemaInput<S>, Name>>;
   validateField: <Name extends Path<InferStandardSchemaInput<S>>>(name: Name) => Promise<string | undefined | void>;
-  getFieldValue: <Name extends Path<InferStandardSchemaInput<S>>>(name: Name) => vue100.WritableComputedRef<_soybeanjs_headless74.PathValue<InferStandardSchemaInput<S>, Name>, _soybeanjs_headless74.PathValue<InferStandardSchemaInput<S>, Name>>;
-  getFieldMeta: <Name extends Path<InferStandardSchemaInput<S>>>(name: Name) => vue100.Ref<_soybeanjs_headless74.FormFieldMeta>;
+  getFieldValue: <Name extends Path<InferStandardSchemaInput<S>>>(name: Name) => vue90.WritableComputedRef<_soybeanjs_headless33.PathValue<InferStandardSchemaInput<S>, Name>, _soybeanjs_headless33.PathValue<InferStandardSchemaInput<S>, Name>>;
+  getFieldMeta: <Name extends Path<InferStandardSchemaInput<S>>>(name: Name) => vue90.Ref<_soybeanjs_headless33.FormFieldMeta>;
   getFieldError: <Name extends Path<InferStandardSchemaInput<S>>>(name: Name) => string | undefined;
   getFieldTouched: <Name extends Path<InferStandardSchemaInput<S>>>(name: Name) => boolean | undefined;
   getFieldDirty: <Name extends Path<InferStandardSchemaInput<S>>>(name: Name) => boolean;
-  getFieldState: <Name extends Path<InferStandardSchemaInput<S>>>(name: Name) => vue100.Ref<_soybeanjs_headless74.FormFieldState<InferStandardSchemaInput<S>, Name>, _soybeanjs_headless74.FormFieldState<InferStandardSchemaInput<S>, Name>>;
-  setValues: (values: InferStandardSchemaInput<S>, shouldValidate?: boolean) => Promise<void> | Promise<_soybeanjs_headless74.FormErrors<InferStandardSchemaInput<S>>>;
-  setErrors: (errors: _soybeanjs_headless74.FormErrors<InferStandardSchemaInput<S>>) => void;
-  setFieldValue: <Name extends Path<InferStandardSchemaInput<S>>>(name: Name, value: _soybeanjs_headless74.PathValue<InferStandardSchemaInput<S>, Name>, shouldValidate?: boolean) => Promise<void> | Promise<_soybeanjs_headless74.FormErrors<InferStandardSchemaInput<S>>>;
+  getFieldState: <Name extends Path<InferStandardSchemaInput<S>>>(name: Name) => vue90.Ref<_soybeanjs_headless33.FormFieldState<InferStandardSchemaInput<S>, Name>, _soybeanjs_headless33.FormFieldState<InferStandardSchemaInput<S>, Name>>;
+  setValues: (values: InferStandardSchemaInput<S>, shouldValidate?: boolean) => Promise<void> | Promise<_soybeanjs_headless33.FormErrors<InferStandardSchemaInput<S>>>;
+  setErrors: (errors: _soybeanjs_headless33.FormErrors<InferStandardSchemaInput<S>>) => void;
+  setFieldValue: <Name extends Path<InferStandardSchemaInput<S>>>(name: Name, value: _soybeanjs_headless33.PathValue<InferStandardSchemaInput<S>, Name>, shouldValidate?: boolean) => Promise<void> | Promise<_soybeanjs_headless33.FormErrors<InferStandardSchemaInput<S>>>;
   setFieldTouched: <Name extends Path<InferStandardSchemaInput<S>>>(name: Name, touched: boolean) => void;
   setFieldError: <Name extends Path<InferStandardSchemaInput<S>>>(name: Name, error: string | undefined) => void;
-  setFieldArrayValue: <Name extends Path<InferStandardSchemaInput<S>>, Method extends (...args: any) => any>(name: Name, value: _soybeanjs_headless74.PathValue<InferStandardSchemaInput<S>, Name>, method: Method, args?: Partial<{
+  setFieldArrayValue: <Name extends Path<InferStandardSchemaInput<S>>, Method extends (...args: any) => any>(name: Name, value: _soybeanjs_headless33.PathValue<InferStandardSchemaInput<S>, Name>, method: Method, args?: Partial<{
     argA: Parameters<Method>[1];
     argB: Parameters<Method>[2];
-  }> | undefined, shouldSetValue?: boolean) => Promise<void> | Promise<_soybeanjs_headless74.FormErrors<InferStandardSchemaInput<S>>>;
-  validateForm: (values?: InferStandardSchemaInput<S> | undefined) => Promise<_soybeanjs_headless74.FormErrors<InferStandardSchemaInput<S>>>;
-  resetForm: (nextState?: _soybeanjs_headless74.FormResetState<InferStandardSchemaInput<S>> | undefined) => void;
+  }> | undefined, shouldSetValue?: boolean) => Promise<void> | Promise<_soybeanjs_headless33.FormErrors<InferStandardSchemaInput<S>>>;
+  validateForm: (values?: InferStandardSchemaInput<S> | undefined) => Promise<_soybeanjs_headless33.FormErrors<InferStandardSchemaInput<S>>>;
+  resetForm: (nextState?: _soybeanjs_headless33.FormResetState<InferStandardSchemaInput<S>> | undefined) => void;
   values: InferStandardSchemaInput<S>;
-  touched: vue100.Ref<_soybeanjs_headless74.FormTouched<InferStandardSchemaInput<S>>, _soybeanjs_headless74.FormTouched<InferStandardSchemaInput<S>>>;
-  errors: vue100.Ref<_soybeanjs_headless74.FormErrors<InferStandardSchemaInput<S>>, _soybeanjs_headless74.FormErrors<InferStandardSchemaInput<S>>>;
-  submitCount: vue100.ShallowRef<number>;
-  isSubmitting: vue100.ShallowRef<boolean>;
-  isValidating: vue100.ShallowRef<boolean>;
+  touched: vue90.Ref<_soybeanjs_headless33.FormTouched<InferStandardSchemaInput<S>>, _soybeanjs_headless33.FormTouched<InferStandardSchemaInput<S>>>;
+  errors: vue90.Ref<_soybeanjs_headless33.FormErrors<InferStandardSchemaInput<S>>, _soybeanjs_headless33.FormErrors<InferStandardSchemaInput<S>>>;
+  submitCount: vue90.ShallowRef<number>;
+  isSubmitting: vue90.ShallowRef<boolean>;
+  isValidating: vue90.ShallowRef<boolean>;
 };
 //#endregion
 export { useForm$1 as useForm };

package/dist/components/icon/icon.js

@@ -1 +1 @@
-import{useConfigProvider as e}from"../config-provider/context.js";import{computed as t,createBlock as n,defineComponent as r,mergeProps as i,normalizeStyle as a,openBlock as o,resolveDynamicComponent as s,unref as c}from"vue";import{Icon as l}from"@iconify/vue";var u=r({name:`SIcon`,__name:`icon`,props:{icon:{},ssr:{type:Boolean},customise:{type:Function},id:{},style:{},title:{},mode:{},color:{},flip:{},horizontalFlip:{type:Boolean},verticalFlip:{type:Boolean},rotate:{},hFlip:{type:Boolean},vFlip:{type:Boolean},width:{},height:{},inline:{type:Boolean},ariaHidden:{type:Boolean}},setup(r){let u=r,d=e(),f=t(()=>{let{width:e,height:t}=u,n=d?.iconify?.value||{};return{width:e||n.width,height:t||n.height}}),p=t(()=>({...u,...f.value}));function m(e){return typeof e==`string`||typeof e==`object`&&`body`in e}return(e,t)=>m(r.icon)?(o(),n(c(l),i({key:0},p.value,{icon:r.icon,style:{"flex-shrink":`0`}}),null,16,[`icon`])):(o(),n(s(r.icon),{key:1,style:a([{"flex-shrink":`0`},{width:f.value.width,height:f.value.height}])},null,8,[`style`]))}});export{u as default};
+import{useConfigProvider as e}from"../config-provider/context.js";import{computed as t,createBlock as n,createCommentVNode as r,defineComponent as i,mergeProps as a,normalizeStyle as o,openBlock as s,resolveDynamicComponent as c,unref as l}from"vue";import{Icon as u}from"@iconify/vue";var d=i({name:`SIcon`,__name:`icon`,props:{icon:{},ssr:{type:Boolean},customise:{type:Function},id:{},style:{},title:{},mode:{},color:{},flip:{},horizontalFlip:{type:Boolean},verticalFlip:{type:Boolean},rotate:{},hFlip:{type:Boolean},vFlip:{type:Boolean},width:{},height:{},inline:{type:Boolean},ariaHidden:{type:Boolean}},setup(i){let d=i,f=e(),p=t(()=>{let{width:e,height:t}=d,n=f?.iconify?.value||{};return{width:e||n.width,height:t||n.height}}),m=t(()=>({...d,...p.value}));function h(e){return e?typeof e==`string`||typeof e==`object`&&`body`in e:!1}return(e,t)=>h(i.icon)?(s(),n(l(u),a({key:0},m.value,{icon:i.icon,style:{"flex-shrink":`0`}}),null,16,[`icon`])):i.icon?(s(),n(c(i.icon),{key:1,style:o([{"flex-shrink":`0`},{width:p.value.width,height:p.value.height}])},null,8,[`style`])):r(`v-if`,!0)}});export{d as default};

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

@@ -1,8 +1,8 @@
 import { IconProps } from "./types.js";
-import * as vue124 from "vue";
+import * as vue209 from "vue";
 
 //#region src/components/icon/icon.vue.d.ts
-declare const __VLS_export: vue124.DefineComponent<IconProps, {}, {}, {}, {}, vue124.ComponentOptionsMixin, vue124.ComponentOptionsMixin, {}, string, vue124.PublicProps, Readonly<IconProps> & Readonly<{}>, {}, {}, {}, {}, string, vue124.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: vue209.DefineComponent<IconProps, {}, {}, {}, {}, vue209.ComponentOptionsMixin, vue209.ComponentOptionsMixin, {}, string, vue209.PublicProps, Readonly<IconProps> & Readonly<{}>, {}, {}, {}, {}, string, vue209.ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 //#endregion
 export { _default };

package/dist/components/icon/types.d.ts

@@ -2,7 +2,7 @@ import { Component, VNode } from "vue";
 import { IconProps, IconifyIcon } from "@iconify/vue";
 
 //#region src/components/icon/types.d.ts
-type IconValue = VNode | Component | string | IconifyIcon;
+type IconValue = VNode | Component | string | IconifyIcon | null | undefined;
 interface IconProps$1 extends Omit<IconProps, 'icon'> {
   icon: IconValue;
 }

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

@@ -1,5 +1,5 @@
 import { InputProps } from "./types.js";
-import * as vue134 from "vue";
+import * as vue80 from "vue";
 
 //#region src/components/input/input.vue.d.ts
 declare var __VLS_10: {}, __VLS_24: {};
@@ -8,11 +8,11 @@ type __VLS_Slots = {} & {
 } & {
   trailing?: (props: typeof __VLS_24) => any;
 };
-declare const __VLS_base: vue134.DefineComponent<InputProps, {}, {}, {}, {}, vue134.ComponentOptionsMixin, vue134.ComponentOptionsMixin, {
+declare const __VLS_base: vue80.DefineComponent<InputProps, {}, {}, {}, {}, vue80.ComponentOptionsMixin, vue80.ComponentOptionsMixin, {
   "update:modelValue": (value: string) => any;
-}, string, vue134.PublicProps, Readonly<InputProps> & Readonly<{
+}, string, vue80.PublicProps, Readonly<InputProps> & Readonly<{
   "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-}>, {}, {}, {}, {}, string, vue134.ComponentProvideOptions, false, {}, any>;
+}>, {}, {}, {}, {}, string, vue80.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/kbd/kbd.vue.d.ts

@@ -1,10 +1,10 @@
 import { KbdProps } from "./types.js";
-import * as vue129 from "vue";
+import * as vue103 from "vue";
 
 //#region src/components/kbd/kbd.vue.d.ts
-declare const __VLS_export: vue129.DefineComponent<KbdProps, {}, {}, {}, {}, vue129.ComponentOptionsMixin, vue129.ComponentOptionsMixin, {}, string, vue129.PublicProps, Readonly<KbdProps> & Readonly<{}>, {
+declare const __VLS_export: vue103.DefineComponent<KbdProps, {}, {}, {}, {}, vue103.ComponentOptionsMixin, vue103.ComponentOptionsMixin, {}, string, vue103.PublicProps, Readonly<KbdProps> & Readonly<{}>, {
   symbolize: boolean;
-}, {}, {}, {}, string, vue129.ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, vue103.ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 //#endregion
 export { _default };

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

@@ -1,12 +1,12 @@
 import { LabelProps } from "./types.js";
-import * as vue139 from "vue";
+import * as vue108 from "vue";
 
 //#region src/components/label/label.vue.d.ts
 declare var __VLS_8: {};
 type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_8) => any;
 };
-declare const __VLS_base: vue139.DefineComponent<LabelProps, {}, {}, {}, {}, vue139.ComponentOptionsMixin, vue139.ComponentOptionsMixin, {}, string, vue139.PublicProps, Readonly<LabelProps> & Readonly<{}>, {}, {}, {}, {}, string, vue139.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: vue108.DefineComponent<LabelProps, {}, {}, {}, {}, vue108.ComponentOptionsMixin, vue108.ComponentOptionsMixin, {}, string, vue108.PublicProps, Readonly<LabelProps> & Readonly<{}>, {}, {}, {}, {}, string, vue108.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/layout/layout-trigger.vue.d.ts

@@ -1,4 +1,4 @@
-import * as vue300 from "vue";
+import * as vue118 from "vue";
 import { LayoutTriggerProps } from "@soybeanjs/headless";
 
 //#region src/components/layout/layout-trigger.vue.d.ts
@@ -8,7 +8,7 @@ declare var __VLS_8: {
 type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_8) => any;
 };
-declare const __VLS_base: vue300.DefineComponent<LayoutTriggerProps, {}, {}, {}, {}, vue300.ComponentOptionsMixin, vue300.ComponentOptionsMixin, {}, string, vue300.PublicProps, Readonly<LayoutTriggerProps> & Readonly<{}>, {}, {}, {}, {}, string, vue300.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: vue118.DefineComponent<LayoutTriggerProps, {}, {}, {}, {}, vue118.ComponentOptionsMixin, vue118.ComponentOptionsMixin, {}, string, vue118.PublicProps, Readonly<LayoutTriggerProps> & Readonly<{}>, {}, {}, {}, {}, string, vue118.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/layout/layout.vue.d.ts

@@ -1,7 +1,7 @@
 import { ThemeSize } from "../../theme/types.js";
 import "../../theme/index.js";
 import { LayoutProps } from "./types.js";
-import * as vue295 from "vue";
+import * as vue113 from "vue";
 
 //#region src/components/layout/layout.vue.d.ts
 declare var __VLS_16: {
@@ -19,14 +19,14 @@ type __VLS_Slots = {} & {
 } & {
   footer?: (props: typeof __VLS_59) => any;
 };
-declare const __VLS_base: vue295.DefineComponent<LayoutProps, {}, {}, {}, {}, vue295.ComponentOptionsMixin, vue295.ComponentOptionsMixin, {
+declare const __VLS_base: vue113.DefineComponent<LayoutProps, {}, {}, {}, {}, vue113.ComponentOptionsMixin, vue113.ComponentOptionsMixin, {
   "update:open": (open: boolean) => any;
-}, string, vue295.PublicProps, Readonly<LayoutProps> & Readonly<{
+}, string, vue113.PublicProps, Readonly<LayoutProps> & Readonly<{
   "onUpdate:open"?: ((open: boolean) => any) | undefined;
 }>, {
-  size: ThemeSize;
   open: boolean;
-}, {}, {}, {}, string, vue295.ComponentProvideOptions, false, {}, any>;
+  size: ThemeSize;
+}, {}, {}, {}, string, vue113.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/link/link.vue.d.ts

@@ -1,5 +1,5 @@
 import { LinkProps } from "./types.js";
-import * as vue305 from "vue";
+import * as vue224 from "vue";
 
 //#region src/components/link/link.vue.d.ts
 declare var __VLS_8: {
@@ -10,7 +10,7 @@ declare var __VLS_8: {
 type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_8) => any;
 };
-declare const __VLS_base: vue305.DefineComponent<LinkProps, {}, {}, {}, {}, vue305.ComponentOptionsMixin, vue305.ComponentOptionsMixin, {}, string, vue305.PublicProps, Readonly<LinkProps> & Readonly<{}>, {
+declare const __VLS_base: vue224.DefineComponent<LinkProps, {}, {}, {}, {}, vue224.ComponentOptionsMixin, vue224.ComponentOptionsMixin, {}, string, vue224.PublicProps, Readonly<LinkProps> & Readonly<{}>, {
   disabled: boolean;
   replace: boolean;
   external: boolean;
@@ -18,7 +18,7 @@ declare const __VLS_base: vue305.DefineComponent<LinkProps, {}, {}, {}, {}, vue3
   noRel: boolean;
   prefetch: boolean;
   noPrefetch: boolean;
-}, {}, {}, {}, string, vue305.ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, vue224.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/list/list-item.vue.d.ts

@@ -1,5 +1,5 @@
 import { ListItemProps } from "./types.js";
-import * as vue169 from "vue";
+import * as vue219 from "vue";
 
 //#region src/components/list/list-item.vue.d.ts
 declare var __VLS_8: {}, __VLS_22: {}, __VLS_30: {}, __VLS_32: {}, __VLS_34: {};
@@ -14,7 +14,7 @@ type __VLS_Slots = {} & {
 } & {
   trailing?: (props: typeof __VLS_34) => any;
 };
-declare const __VLS_base: vue169.DefineComponent<ListItemProps, {}, {}, {}, {}, vue169.ComponentOptionsMixin, vue169.ComponentOptionsMixin, {}, string, vue169.PublicProps, Readonly<ListItemProps> & Readonly<{}>, {}, {}, {}, {}, string, vue169.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: vue219.DefineComponent<ListItemProps, {}, {}, {}, {}, vue219.ComponentOptionsMixin, vue219.ComponentOptionsMixin, {}, string, vue219.PublicProps, Readonly<ListItemProps> & Readonly<{}>, {}, {}, {}, {}, 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/list/list.vue.d.ts

@@ -1,12 +1,12 @@
 import { ListProps } from "./types.js";
-import * as vue164 from "vue";
+import * as vue214 from "vue";
 
 //#region src/components/list/list.vue.d.ts
 declare var __VLS_8: {};
 type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_8) => any;
 };
-declare const __VLS_base: vue164.DefineComponent<ListProps, {}, {}, {}, {}, vue164.ComponentOptionsMixin, vue164.ComponentOptionsMixin, {}, string, vue164.PublicProps, Readonly<ListProps> & Readonly<{}>, {}, {}, {}, {}, string, vue164.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: vue214.DefineComponent<ListProps, {}, {}, {}, {}, vue214.ComponentOptionsMixin, vue214.ComponentOptionsMixin, {}, string, vue214.PublicProps, Readonly<ListProps> & Readonly<{}>, {}, {}, {}, {}, 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/menu/menu-checkbox-options.vue.d.ts

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

package/dist/components/menu/menu-item-slot.js

@@ -1 +1 @@
-import e from"../icon/icon.js";import{Fragment as t,createBlock as n,createCommentVNode as r,createElementBlock as i,createElementVNode as a,defineComponent as o,openBlock as s,renderSlot as c,toDisplayString as l}from"vue";var u=o({name:`SMenuItemSlot`,__name:`menu-item-slot`,props:{icon:{},label:{}},setup(o){return(u,d)=>(s(),i(t,null,[c(u.$slots,`indicator`),c(u.$slots,`item`,{},()=>[c(u.$slots,`item-leading`,{},()=>[o.icon?(s(),n(e,{key:0,icon:o.icon},null,8,[`icon`])):r(`v-if`,!0)]),a(`span`,null,l(o.label),1),c(u.$slots,`link-icon`),c(u.$slots,`item-trailing`),c(u.$slots,`trigger-icon`),c(u.$slots,`shortcut`)])],64))}});export{u as default};
+import e from"../icon/icon.js";import{Fragment as t,createElementBlock as n,createElementVNode as r,createVNode as i,defineComponent as a,openBlock as o,renderSlot as s,toDisplayString as c}from"vue";var l=a({name:`SMenuItemSlot`,__name:`menu-item-slot`,props:{icon:{},label:{}},setup(a){return(l,u)=>(o(),n(t,null,[s(l.$slots,`indicator`),s(l.$slots,`item`,{},()=>[s(l.$slots,`item-leading`,{},()=>[i(e,{icon:a.icon},null,8,[`icon`])]),r(`span`,null,c(a.label),1),s(l.$slots,`link-icon`),s(l.$slots,`item-trailing`),s(l.$slots,`trigger-icon`),s(l.$slots,`shortcut`)])],64))}});export{l as default};

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

@@ -1,17 +1,17 @@
 import { MenuOptionData, MenuOptionProps } from "./types.js";
-import * as vue174 from "vue";
-import * as _soybeanjs_headless139 from "@soybeanjs/headless";
+import * as vue236 from "vue";
+import * as _soybeanjs_headless161 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: vue174.PublicProps & __VLS_PrettifyLocal<MenuOptionProps<T> & {
+  props: vue236.PublicProps & __VLS_PrettifyLocal<MenuOptionProps<T> & {
     onSelect?: ((item: MenuOptionData<T>, event: Event) => any) | undefined;
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
     onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
-    onPointerDownOutside?: ((event: _soybeanjs_headless139.PointerDownOutsideEvent) => any) | undefined;
-    onFocusOutside?: ((event: _soybeanjs_headless139.FocusOutsideEvent) => any) | undefined;
-    onInteractOutside?: ((event: _soybeanjs_headless139.PointerDownOutsideEvent | _soybeanjs_headless139.FocusOutsideEvent) => any) | undefined;
+    onPointerDownOutside?: ((event: _soybeanjs_headless161.PointerDownOutsideEvent) => any) | undefined;
+    onFocusOutside?: ((event: _soybeanjs_headless161.FocusOutsideEvent) => any) | undefined;
+    onInteractOutside?: ((event: _soybeanjs_headless161.PointerDownOutsideEvent | _soybeanjs_headless161.FocusOutsideEvent) => any) | undefined;
     onOpenAutoFocus?: ((event: Event) => any) | undefined;
     onCloseAutoFocus?: ((event: Event) => any) | undefined;
     onEntryFocus?: ((event: Event) => any) | undefined;
@@ -38,8 +38,8 @@ declare const __VLS_export: <T extends DefinedValue = DefinedValue>(__VLS_props:
       item: MenuOptionData<T>;
     }) => any;
   };
-  emit: ((evt: "select", item: MenuOptionData<T>, event: Event) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: _soybeanjs_headless139.PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: _soybeanjs_headless139.FocusOutsideEvent) => void) & ((evt: "interactOutside", event: _soybeanjs_headless139.PointerDownOutsideEvent | _soybeanjs_headless139.FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void) & ((evt: "entryFocus", event: Event) => void);
-}>) => vue174.VNode & {
+  emit: ((evt: "select", item: MenuOptionData<T>, event: Event) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: _soybeanjs_headless161.PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: _soybeanjs_headless161.FocusOutsideEvent) => void) & ((evt: "interactOutside", event: _soybeanjs_headless161.PointerDownOutsideEvent | _soybeanjs_headless161.FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void) & ((evt: "entryFocus", event: Event) => void);
+}>) => vue236.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };
 declare const _default: typeof __VLS_export;

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

@@ -1,17 +1,17 @@
 import { MenuOptionData, MenuOptionsProps } from "./types.js";
-import * as vue176 from "vue";
-import * as _soybeanjs_headless147 from "@soybeanjs/headless";
+import * as vue240 from "vue";
+import * as _soybeanjs_headless169 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: vue176.PublicProps & __VLS_PrettifyLocal<MenuOptionsProps<T, S> & {
+  props: vue240.PublicProps & __VLS_PrettifyLocal<MenuOptionsProps<T, S> & {
     onSelect?: ((item: S, event: Event) => any) | undefined;
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
     onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
-    onPointerDownOutside?: ((event: _soybeanjs_headless147.PointerDownOutsideEvent) => any) | undefined;
-    onFocusOutside?: ((event: _soybeanjs_headless147.FocusOutsideEvent) => any) | undefined;
-    onInteractOutside?: ((event: _soybeanjs_headless147.PointerDownOutsideEvent | _soybeanjs_headless147.FocusOutsideEvent) => any) | undefined;
+    onPointerDownOutside?: ((event: _soybeanjs_headless169.PointerDownOutsideEvent) => any) | undefined;
+    onFocusOutside?: ((event: _soybeanjs_headless169.FocusOutsideEvent) => any) | undefined;
+    onInteractOutside?: ((event: _soybeanjs_headless169.PointerDownOutsideEvent | _soybeanjs_headless169.FocusOutsideEvent) => any) | undefined;
     onOpenAutoFocus?: ((event: Event) => any) | undefined;
     onCloseAutoFocus?: ((event: Event) => any) | undefined;
     onEntryFocus?: ((event: Event) => any) | undefined;
@@ -38,8 +38,8 @@ declare const __VLS_export: <T extends DefinedValue = DefinedValue, S extends Me
       item: MenuOptionData<T>;
     }) => any;
   };
-  emit: ((evt: "select", item: S, event: Event) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: _soybeanjs_headless147.PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: _soybeanjs_headless147.FocusOutsideEvent) => void) & ((evt: "interactOutside", event: _soybeanjs_headless147.PointerDownOutsideEvent | _soybeanjs_headless147.FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void) & ((evt: "entryFocus", event: Event) => void);
-}>) => vue176.VNode & {
+  emit: ((evt: "select", item: S, event: Event) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: _soybeanjs_headless169.PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: _soybeanjs_headless169.FocusOutsideEvent) => void) & ((evt: "interactOutside", event: _soybeanjs_headless169.PointerDownOutsideEvent | _soybeanjs_headless169.FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void) & ((evt: "entryFocus", event: Event) => void);
+}>) => vue240.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 vue180 from "vue";
+import * as vue234 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: vue180.PublicProps & __VLS_PrettifyLocal<MenuRadioOptionsProps<T, S> & {
+  props: vue234.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);
-}>) => vue180.VNode & {
+}>) => vue234.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };
 declare const _default: typeof __VLS_export;

package/dist/components/navigation-menu/navigation-menu-item-slot.js

@@ -1 +1 @@
-import e from"../icon/icon.js";import{createBlock as t,createCommentVNode as n,defineComponent as r,openBlock as i,renderSlot as a}from"vue";var o=r({name:`SNavigationMenuItemSlot`,__name:`navigation-menu-item-slot`,props:{icon:{}},setup(r){return(o,s)=>a(o.$slots,`item`,{},()=>[a(o.$slots,`item-leading`,{},()=>[r.icon?(i(),t(e,{key:0,icon:r.icon},null,8,[`icon`])):n(`v-if`,!0)]),a(o.$slots,`default`),a(o.$slots,`link-icon`),a(o.$slots,`item-trailing`),a(o.$slots,`trigger-icon`)])}});export{o as default};
+import e from"../icon/icon.js";import{createVNode as t,defineComponent as n,renderSlot as r}from"vue";var i=n({name:`SNavigationMenuItemSlot`,__name:`navigation-menu-item-slot`,props:{icon:{}},setup(n){return(i,a)=>r(i.$slots,`item`,{},()=>[r(i.$slots,`item-leading`,{},()=>[t(e,{icon:n.icon},null,8,[`icon`])]),r(i.$slots,`default`),r(i.$slots,`link-icon`),r(i.$slots,`item-trailing`),r(i.$slots,`trigger-icon`)])}});export{i as default};

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

@@ -1,6 +1,6 @@
 import { NavigationMenuOptionData, NavigationMenuProps } from "./types.js";
-import * as vue182 from "vue";
-import * as _soybeanjs_headless155 from "@soybeanjs/headless";
+import * as vue229 from "vue";
+import * as _soybeanjs_headless153 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: vue182.DefineComponent<NavigationMenuProps, {}, {}, {}, {}, vue182.ComponentOptionsMixin, vue182.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_headless155.PointerDownOutsideEvent) => any;
-  focusOutside: (event: _soybeanjs_headless155.FocusOutsideEvent) => any;
-  interactOutside: (event: _soybeanjs_headless155.PointerDownOutsideEvent | _soybeanjs_headless155.FocusOutsideEvent) => any;
-}, string, vue182.PublicProps, Readonly<NavigationMenuProps> & Readonly<{
+  pointerDownOutside: (event: _soybeanjs_headless153.PointerDownOutsideEvent) => any;
+  focusOutside: (event: _soybeanjs_headless153.FocusOutsideEvent) => any;
+  interactOutside: (event: _soybeanjs_headless153.PointerDownOutsideEvent | _soybeanjs_headless153.FocusOutsideEvent) => any;
+}, 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_headless155.PointerDownOutsideEvent) => any) | undefined;
-  onFocusOutside?: ((event: _soybeanjs_headless155.FocusOutsideEvent) => any) | undefined;
-  onInteractOutside?: ((event: _soybeanjs_headless155.PointerDownOutsideEvent | _soybeanjs_headless155.FocusOutsideEvent) => any) | undefined;
-}>, {}, {}, {}, {}, string, vue182.ComponentProvideOptions, false, {}, any>;
+  onPointerDownOutside?: ((event: _soybeanjs_headless153.PointerDownOutsideEvent) => any) | undefined;
+  onFocusOutside?: ((event: _soybeanjs_headless153.FocusOutsideEvent) => any) | undefined;
+  onInteractOutside?: ((event: _soybeanjs_headless153.PointerDownOutsideEvent | _soybeanjs_headless153.FocusOutsideEvent) => any) | undefined;
+}>, {}, {}, {}, {}, 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/number-input/number-input.vue.d.ts

@@ -1,5 +1,5 @@
 import { NumberInputProps } from "./types.js";
-import * as vue187 from "vue";
+import * as vue242 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: vue187.DefineComponent<NumberInputProps, {}, {}, {}, {}, vue187.ComponentOptionsMixin, vue187.ComponentOptionsMixin, {
+declare const __VLS_base: vue242.DefineComponent<NumberInputProps, {}, {}, {}, {}, vue242.ComponentOptionsMixin, vue242.ComponentOptionsMixin, {
   "update:modelValue": (val: number) => any;
-}, string, vue187.PublicProps, Readonly<NumberInputProps> & Readonly<{
+}, string, vue242.PublicProps, Readonly<NumberInputProps> & Readonly<{
   "onUpdate:modelValue"?: ((val: number) => any) | undefined;
-}>, {}, {}, {}, {}, string, vue187.ComponentProvideOptions, false, {}, any>;
+}>, {}, {}, {}, {}, string, vue242.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/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,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};
+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(()=>[u(t,{icon:e.icon},null,8,[`icon`]),l(`span`,{class:p(W.value.itemText)},_(e.label),3),e.hidePinnedIcon?s(`v-if`,!0):(m(),o(v(E),{key:0,"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:1},[(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:2,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,10 +1,10 @@
 import { PageTabsEmits, PageTabsOptionData, PageTabsProps } from "./types.js";
-import * as vue192 from "vue";
-import * as _soybeanjs_headless163 from "@soybeanjs/headless";
+import * as vue247 from "vue";
+import * as _soybeanjs_headless177 from "@soybeanjs/headless";
 
 //#region src/components/page-tabs/page-tabs.vue.d.ts
 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: vue192.PublicProps & __VLS_PrettifyLocal<PageTabsProps<T> & {
+  props: vue247.PublicProps & __VLS_PrettifyLocal<PageTabsProps<T> & {
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
     onClose?: ((tab: T) => any) | undefined;
     onPin?: ((tab: T) => any) | undefined;
@@ -12,13 +12,13 @@ declare const __VLS_export: <T extends PageTabsOptionData>(__VLS_props: NonNulla
   }> & (typeof globalThis extends {
     __VLS_PROPS_FALLBACK: infer P;
   } ? P : {});
-  expose: (exposed: vue192.ShallowUnwrapRef<{
-    operations: _soybeanjs_headless163.PageTabsOperations | undefined;
+  expose: (exposed: vue247.ShallowUnwrapRef<{
+    operations: _soybeanjs_headless177.PageTabsOperations | undefined;
   }>) => void;
   attrs: any;
   slots: {};
   emit: PageTabsEmits<T>;
-}>) => vue192.VNode & {
+}>) => vue247.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };
 declare const _default: typeof __VLS_export;

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

@@ -1,5 +1,5 @@
 import { PaginationProps } from "./types.js";
-import * as vue200 from "vue";
+import * as vue252 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: vue200.DefineComponent<PaginationProps, {}, {}, {}, {}, vue200.ComponentOptionsMixin, vue200.ComponentOptionsMixin, {
+declare const __VLS_base: vue252.DefineComponent<PaginationProps, {}, {}, {}, {}, vue252.ComponentOptionsMixin, vue252.ComponentOptionsMixin, {
   "update:page": (value: number) => any;
-}, string, vue200.PublicProps, Readonly<PaginationProps> & Readonly<{
+}, string, vue252.PublicProps, Readonly<PaginationProps> & Readonly<{
   "onUpdate:page"?: ((value: number) => any) | undefined;
 }>, {
   showFirstOrLast: boolean;
-}, {}, {}, {}, string, vue200.ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, 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/password/password.vue.d.ts

@@ -1,5 +1,5 @@
 import { PasswordProps } from "./types.js";
-import * as vue195 from "vue";
+import * as vue123 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: vue195.DefineComponent<PasswordProps, {}, {}, {}, {}, vue195.ComponentOptionsMixin, vue195.ComponentOptionsMixin, {
+declare const __VLS_base: vue123.DefineComponent<PasswordProps, {}, {}, {}, {}, vue123.ComponentOptionsMixin, vue123.ComponentOptionsMixin, {
   "update:modelValue": (value: string) => any;
   "update:visible": (visible: boolean) => any;
-}, string, vue195.PublicProps, Readonly<PasswordProps> & Readonly<{
+}, string, vue123.PublicProps, Readonly<PasswordProps> & Readonly<{
   "onUpdate:modelValue"?: ((value: string) => any) | undefined;
   "onUpdate:visible"?: ((visible: boolean) => any) | undefined;
 }>, {
   visible: boolean;
-}, {}, {}, {}, string, vue195.ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, vue123.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 & {