@soybeanjs/ui 0.4.2 → 0.4.4

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

@@ -1,6 +1,6 @@
 import { FormFieldArrayComponent, FormFieldComponent } from "./types.js";
-import * as vue155 from "vue";
-import * as _soybeanjs_headless76 from "@soybeanjs/headless";
+import * as vue168 from "vue";
+import * as _soybeanjs_headless92 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_headless76.FormRegisterOptions<_soybeanjs_headless76.PathValue<InferStandardSchemaInput<S>, Name>> | undefined) => vue155.Ref<_soybeanjs_headless76.FormFieldArrayStates<InferStandardSchemaInput<S>, Name>, _soybeanjs_headless76.FormFieldArrayStates<InferStandardSchemaInput<S>, Name>>;
-  useField: <Name extends Path<InferStandardSchemaInput<S>>>(name: Name, opts?: _soybeanjs_headless76.FormRegisterOptions<_soybeanjs_headless76.PathValue<InferStandardSchemaInput<S>, Name>> | undefined) => vue155.Ref<_soybeanjs_headless76.FormFieldState<InferStandardSchemaInput<S>, Name>, _soybeanjs_headless76.FormFieldState<InferStandardSchemaInput<S>, Name>>;
-  dirty: vue155.ComputedRef<boolean>;
+  useFieldArray: <Name extends Path<InferStandardSchemaInput<S>>>(name: Name, opts?: _soybeanjs_headless92.FormRegisterOptions<_soybeanjs_headless92.PathValue<InferStandardSchemaInput<S>, Name>> | undefined) => vue168.Ref<_soybeanjs_headless92.FormFieldArrayStates<InferStandardSchemaInput<S>, Name>, _soybeanjs_headless92.FormFieldArrayStates<InferStandardSchemaInput<S>, Name>>;
+  useField: <Name extends Path<InferStandardSchemaInput<S>>>(name: Name, opts?: _soybeanjs_headless92.FormRegisterOptions<_soybeanjs_headless92.PathValue<InferStandardSchemaInput<S>, Name>> | undefined) => vue168.Ref<_soybeanjs_headless92.FormFieldState<InferStandardSchemaInput<S>, Name>, _soybeanjs_headless92.FormFieldState<InferStandardSchemaInput<S>, Name>>;
+  dirty: vue168.ComputedRef<boolean>;
   setSubmitting: (isSubmitting: boolean) => void;
-  registerField: <Name extends Path<InferStandardSchemaInput<S>>>(name: Name, opts?: _soybeanjs_headless76.FormRegisterOptions<_soybeanjs_headless76.PathValue<InferStandardSchemaInput<S>, Name>> | undefined) => vue155.Ref<_soybeanjs_headless76.FormFieldState<InferStandardSchemaInput<S>, Name>, _soybeanjs_headless76.FormFieldState<InferStandardSchemaInput<S>, Name>>;
-  registerFieldArray: <Name extends Path<InferStandardSchemaInput<S>>>(name: Name, opts?: _soybeanjs_headless76.FormRegisterOptions<_soybeanjs_headless76.PathValue<InferStandardSchemaInput<S>, Name>> | undefined) => vue155.Ref<_soybeanjs_headless76.FormFieldState<InferStandardSchemaInput<S>, Name>, _soybeanjs_headless76.FormFieldState<InferStandardSchemaInput<S>, Name>>;
+  registerField: <Name extends Path<InferStandardSchemaInput<S>>>(name: Name, opts?: _soybeanjs_headless92.FormRegisterOptions<_soybeanjs_headless92.PathValue<InferStandardSchemaInput<S>, Name>> | undefined) => vue168.Ref<_soybeanjs_headless92.FormFieldState<InferStandardSchemaInput<S>, Name>, _soybeanjs_headless92.FormFieldState<InferStandardSchemaInput<S>, Name>>;
+  registerFieldArray: <Name extends Path<InferStandardSchemaInput<S>>>(name: Name, opts?: _soybeanjs_headless92.FormRegisterOptions<_soybeanjs_headless92.PathValue<InferStandardSchemaInput<S>, Name>> | undefined) => vue168.Ref<_soybeanjs_headless92.FormFieldState<InferStandardSchemaInput<S>, Name>, _soybeanjs_headless92.FormFieldState<InferStandardSchemaInput<S>, Name>>;
   validateField: <Name extends Path<InferStandardSchemaInput<S>>>(name: Name) => Promise<string | undefined | void>;
-  getFieldValue: <Name extends Path<InferStandardSchemaInput<S>>>(name: Name) => vue155.WritableComputedRef<_soybeanjs_headless76.PathValue<InferStandardSchemaInput<S>, Name>, _soybeanjs_headless76.PathValue<InferStandardSchemaInput<S>, Name>>;
-  getFieldMeta: <Name extends Path<InferStandardSchemaInput<S>>>(name: Name) => vue155.Ref<_soybeanjs_headless76.FormFieldMeta>;
+  getFieldValue: <Name extends Path<InferStandardSchemaInput<S>>>(name: Name) => vue168.WritableComputedRef<_soybeanjs_headless92.PathValue<InferStandardSchemaInput<S>, Name>, _soybeanjs_headless92.PathValue<InferStandardSchemaInput<S>, Name>>;
+  getFieldMeta: <Name extends Path<InferStandardSchemaInput<S>>>(name: Name) => vue168.Ref<_soybeanjs_headless92.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) => vue155.Ref<_soybeanjs_headless76.FormFieldState<InferStandardSchemaInput<S>, Name>, _soybeanjs_headless76.FormFieldState<InferStandardSchemaInput<S>, Name>>;
-  setValues: (values: InferStandardSchemaInput<S>, shouldValidate?: boolean) => Promise<void> | Promise<_soybeanjs_headless76.FormErrors<InferStandardSchemaInput<S>>>;
-  setErrors: (errors: _soybeanjs_headless76.FormErrors<InferStandardSchemaInput<S>>) => void;
-  setFieldValue: <Name extends Path<InferStandardSchemaInput<S>>>(name: Name, value: _soybeanjs_headless76.PathValue<InferStandardSchemaInput<S>, Name>, shouldValidate?: boolean) => Promise<void> | Promise<_soybeanjs_headless76.FormErrors<InferStandardSchemaInput<S>>>;
+  getFieldState: <Name extends Path<InferStandardSchemaInput<S>>>(name: Name) => vue168.Ref<_soybeanjs_headless92.FormFieldState<InferStandardSchemaInput<S>, Name>, _soybeanjs_headless92.FormFieldState<InferStandardSchemaInput<S>, Name>>;
+  setValues: (values: InferStandardSchemaInput<S>, shouldValidate?: boolean) => Promise<void> | Promise<_soybeanjs_headless92.FormErrors<InferStandardSchemaInput<S>>>;
+  setErrors: (errors: _soybeanjs_headless92.FormErrors<InferStandardSchemaInput<S>>) => void;
+  setFieldValue: <Name extends Path<InferStandardSchemaInput<S>>>(name: Name, value: _soybeanjs_headless92.PathValue<InferStandardSchemaInput<S>, Name>, shouldValidate?: boolean) => Promise<void> | Promise<_soybeanjs_headless92.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_headless76.PathValue<InferStandardSchemaInput<S>, Name>, method: Method, args?: Partial<{
+  setFieldArrayValue: <Name extends Path<InferStandardSchemaInput<S>>, Method extends (...args: any) => any>(name: Name, value: _soybeanjs_headless92.PathValue<InferStandardSchemaInput<S>, Name>, method: Method, args?: Partial<{
     argA: Parameters<Method>[1];
     argB: Parameters<Method>[2];
-  }> | undefined, shouldSetValue?: boolean) => Promise<void> | Promise<_soybeanjs_headless76.FormErrors<InferStandardSchemaInput<S>>>;
-  validateForm: (values?: InferStandardSchemaInput<S> | undefined) => Promise<_soybeanjs_headless76.FormErrors<InferStandardSchemaInput<S>>>;
-  resetForm: (nextState?: _soybeanjs_headless76.FormResetState<InferStandardSchemaInput<S>> | undefined) => void;
+  }> | undefined, shouldSetValue?: boolean) => Promise<void> | Promise<_soybeanjs_headless92.FormErrors<InferStandardSchemaInput<S>>>;
+  validateForm: (values?: InferStandardSchemaInput<S> | undefined) => Promise<_soybeanjs_headless92.FormErrors<InferStandardSchemaInput<S>>>;
+  resetForm: (nextState?: _soybeanjs_headless92.FormResetState<InferStandardSchemaInput<S>> | undefined) => void;
   values: InferStandardSchemaInput<S>;
-  touched: vue155.Ref<_soybeanjs_headless76.FormTouched<InferStandardSchemaInput<S>>, _soybeanjs_headless76.FormTouched<InferStandardSchemaInput<S>>>;
-  errors: vue155.Ref<_soybeanjs_headless76.FormErrors<InferStandardSchemaInput<S>>, _soybeanjs_headless76.FormErrors<InferStandardSchemaInput<S>>>;
-  submitCount: vue155.ShallowRef<number>;
-  isSubmitting: vue155.ShallowRef<boolean>;
-  isValidating: vue155.ShallowRef<boolean>;
+  touched: vue168.Ref<_soybeanjs_headless92.FormTouched<InferStandardSchemaInput<S>>, _soybeanjs_headless92.FormTouched<InferStandardSchemaInput<S>>>;
+  errors: vue168.Ref<_soybeanjs_headless92.FormErrors<InferStandardSchemaInput<S>>, _soybeanjs_headless92.FormErrors<InferStandardSchemaInput<S>>>;
+  submitCount: vue168.ShallowRef<number>;
+  isSubmitting: vue168.ShallowRef<boolean>;
+  isValidating: vue168.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 vue140 from "vue";
+import * as vue181 from "vue";
 
 //#region src/components/icon/icon.vue.d.ts
-declare const __VLS_export: vue140.DefineComponent<IconProps, {}, {}, {}, {}, vue140.ComponentOptionsMixin, vue140.ComponentOptionsMixin, {}, string, vue140.PublicProps, Readonly<IconProps> & Readonly<{}>, {}, {}, {}, {}, string, vue140.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: vue181.DefineComponent<IconProps, {}, {}, {}, {}, vue181.ComponentOptionsMixin, vue181.ComponentOptionsMixin, {}, string, vue181.PublicProps, Readonly<IconProps> & Readonly<{}>, {}, {}, {}, {}, string, vue181.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 vue179 from "vue";
+import * as vue131 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: vue179.DefineComponent<InputProps, {}, {}, {}, {}, vue179.ComponentOptionsMixin, vue179.ComponentOptionsMixin, {
+declare const __VLS_base: vue131.DefineComponent<InputProps, {}, {}, {}, {}, vue131.ComponentOptionsMixin, vue131.ComponentOptionsMixin, {
   "update:modelValue": (value: string) => any;
-}, string, vue179.PublicProps, Readonly<InputProps> & Readonly<{
+}, string, vue131.PublicProps, Readonly<InputProps> & Readonly<{
   "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-}>, {}, {}, {}, {}, string, vue179.ComponentProvideOptions, false, {}, any>;
+}>, {}, {}, {}, {}, string, vue131.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 vue184 from "vue";
+import * as vue207 from "vue";
 
 //#region src/components/kbd/kbd.vue.d.ts
-declare const __VLS_export: vue184.DefineComponent<KbdProps, {}, {}, {}, {}, vue184.ComponentOptionsMixin, vue184.ComponentOptionsMixin, {}, string, vue184.PublicProps, Readonly<KbdProps> & Readonly<{}>, {
+declare const __VLS_export: vue207.DefineComponent<KbdProps, {}, {}, {}, {}, vue207.ComponentOptionsMixin, vue207.ComponentOptionsMixin, {}, string, vue207.PublicProps, Readonly<KbdProps> & Readonly<{}>, {
   symbolize: boolean;
-}, {}, {}, {}, string, vue184.ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, vue207.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 vue145 from "vue";
+import * as vue83 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: vue145.DefineComponent<LabelProps, {}, {}, {}, {}, vue145.ComponentOptionsMixin, vue145.ComponentOptionsMixin, {}, string, vue145.PublicProps, Readonly<LabelProps> & Readonly<{}>, {}, {}, {}, {}, string, vue145.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: vue83.DefineComponent<LabelProps, {}, {}, {}, {}, vue83.ComponentOptionsMixin, vue83.ComponentOptionsMixin, {}, string, vue83.PublicProps, Readonly<LabelProps> & Readonly<{}>, {}, {}, {}, {}, string, vue83.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 vue209 from "vue";
+import * as vue222 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: vue209.DefineComponent<LayoutTriggerProps, {}, {}, {}, {}, vue209.ComponentOptionsMixin, vue209.ComponentOptionsMixin, {}, string, vue209.PublicProps, Readonly<LayoutTriggerProps> & Readonly<{}>, {}, {}, {}, {}, string, vue209.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: vue222.DefineComponent<LayoutTriggerProps, {}, {}, {}, {}, vue222.ComponentOptionsMixin, vue222.ComponentOptionsMixin, {}, string, vue222.PublicProps, Readonly<LayoutTriggerProps> & Readonly<{}>, {}, {}, {}, {}, string, vue222.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 vue204 from "vue";
+import * as vue217 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: vue204.DefineComponent<LayoutProps, {}, {}, {}, {}, vue204.ComponentOptionsMixin, vue204.ComponentOptionsMixin, {
+declare const __VLS_base: vue217.DefineComponent<LayoutProps, {}, {}, {}, {}, vue217.ComponentOptionsMixin, vue217.ComponentOptionsMixin, {
   "update:open": (open: boolean) => any;
-}, string, vue204.PublicProps, Readonly<LayoutProps> & Readonly<{
+}, string, vue217.PublicProps, Readonly<LayoutProps> & Readonly<{
   "onUpdate:open"?: ((open: boolean) => any) | undefined;
 }>, {
   size: ThemeSize;
   open: boolean;
-}, {}, {}, {}, string, vue204.ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, vue217.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 vue189 from "vue";
+import * as vue212 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: vue189.DefineComponent<LinkProps, {}, {}, {}, {}, vue189.ComponentOptionsMixin, vue189.ComponentOptionsMixin, {}, string, vue189.PublicProps, Readonly<LinkProps> & Readonly<{}>, {
+declare const __VLS_base: vue212.DefineComponent<LinkProps, {}, {}, {}, {}, vue212.ComponentOptionsMixin, vue212.ComponentOptionsMixin, {}, string, vue212.PublicProps, Readonly<LinkProps> & Readonly<{}>, {
   disabled: boolean;
   replace: boolean;
   external: boolean;
@@ -18,7 +18,7 @@ declare const __VLS_base: vue189.DefineComponent<LinkProps, {}, {}, {}, {}, vue1
   noRel: boolean;
   prefetch: boolean;
   noPrefetch: boolean;
-}, {}, {}, {}, string, vue189.ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, vue212.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 vue194 from "vue";
+import * as vue202 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: vue194.DefineComponent<ListItemProps, {}, {}, {}, {}, vue194.ComponentOptionsMixin, vue194.ComponentOptionsMixin, {}, string, vue194.PublicProps, Readonly<ListItemProps> & Readonly<{}>, {}, {}, {}, {}, string, vue194.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: vue202.DefineComponent<ListItemProps, {}, {}, {}, {}, vue202.ComponentOptionsMixin, vue202.ComponentOptionsMixin, {}, string, vue202.PublicProps, Readonly<ListItemProps> & Readonly<{}>, {}, {}, {}, {}, string, vue202.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 vue199 from "vue";
+import * as vue197 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: vue199.DefineComponent<ListProps, {}, {}, {}, {}, vue199.ComponentOptionsMixin, vue199.ComponentOptionsMixin, {}, string, vue199.PublicProps, Readonly<ListProps> & Readonly<{}>, {}, {}, {}, {}, string, vue199.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: vue197.DefineComponent<ListProps, {}, {}, {}, {}, vue197.ComponentOptionsMixin, vue197.ComponentOptionsMixin, {}, string, vue197.PublicProps, Readonly<ListProps> & Readonly<{}>, {}, {}, {}, {}, string, vue197.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 vue231 from "vue";
+import * as vue97 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: vue231.PublicProps & __VLS_PrettifyLocal<MenuCheckboxOptionsProps<T, S> & {
+  props: vue97.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);
-}>) => vue231.VNode & {
+}>) => vue97.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,20 +1,20 @@
 import { MenuOptionData, MenuOptionProps } from "./types.js";
-import * as vue227 from "vue";
-import * as _soybeanjs_headless150 from "@soybeanjs/headless";
+import * as vue95 from "vue";
+import * as _soybeanjs_headless67 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: vue227.PublicProps & __VLS_PrettifyLocal<MenuOptionProps<T> & {
+  props: vue95.PublicProps & __VLS_PrettifyLocal<MenuOptionProps<T> & {
     onSelect?: ((item: MenuOptionData<T>, event: Event) => any) | undefined;
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
-    onEntryFocus?: ((event: Event) => any) | undefined;
     onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
-    onPointerDownOutside?: ((event: _soybeanjs_headless150.PointerDownOutsideEvent) => any) | undefined;
-    onFocusOutside?: ((event: _soybeanjs_headless150.FocusOutsideEvent) => any) | undefined;
-    onInteractOutside?: ((event: _soybeanjs_headless150.PointerDownOutsideEvent | _soybeanjs_headless150.FocusOutsideEvent) => any) | undefined;
+    onPointerDownOutside?: ((event: _soybeanjs_headless67.PointerDownOutsideEvent) => any) | undefined;
+    onFocusOutside?: ((event: _soybeanjs_headless67.FocusOutsideEvent) => any) | undefined;
+    onInteractOutside?: ((event: _soybeanjs_headless67.PointerDownOutsideEvent | _soybeanjs_headless67.FocusOutsideEvent) => any) | undefined;
     onOpenAutoFocus?: ((event: Event) => any) | undefined;
     onCloseAutoFocus?: ((event: Event) => any) | undefined;
+    onEntryFocus?: ((event: Event) => any) | undefined;
   }> & (typeof globalThis extends {
     __VLS_PROPS_FALLBACK: infer P;
   } ? P : {});
@@ -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: "entryFocus", event: Event) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: _soybeanjs_headless150.PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: _soybeanjs_headless150.FocusOutsideEvent) => void) & ((evt: "interactOutside", event: _soybeanjs_headless150.PointerDownOutsideEvent | _soybeanjs_headless150.FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void);
-}>) => vue227.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_headless67.PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: _soybeanjs_headless67.FocusOutsideEvent) => void) & ((evt: "interactOutside", event: _soybeanjs_headless67.PointerDownOutsideEvent | _soybeanjs_headless67.FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void) & ((evt: "entryFocus", event: Event) => void);
+}>) => vue95.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };
 declare const _default: typeof __VLS_export;

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

@@ -1,20 +1,20 @@
 import { MenuOptionData, MenuOptionsProps } from "./types.js";
-import * as vue229 from "vue";
-import * as _soybeanjs_headless158 from "@soybeanjs/headless";
+import * as vue93 from "vue";
+import * as _soybeanjs_headless59 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: vue229.PublicProps & __VLS_PrettifyLocal<MenuOptionsProps<T, S> & {
+  props: vue93.PublicProps & __VLS_PrettifyLocal<MenuOptionsProps<T, S> & {
     onSelect?: ((item: S, event: Event) => any) | undefined;
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
-    onEntryFocus?: ((event: Event) => any) | undefined;
     onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
-    onPointerDownOutside?: ((event: _soybeanjs_headless158.PointerDownOutsideEvent) => any) | undefined;
-    onFocusOutside?: ((event: _soybeanjs_headless158.FocusOutsideEvent) => any) | undefined;
-    onInteractOutside?: ((event: _soybeanjs_headless158.PointerDownOutsideEvent | _soybeanjs_headless158.FocusOutsideEvent) => any) | undefined;
+    onPointerDownOutside?: ((event: _soybeanjs_headless59.PointerDownOutsideEvent) => any) | undefined;
+    onFocusOutside?: ((event: _soybeanjs_headless59.FocusOutsideEvent) => any) | undefined;
+    onInteractOutside?: ((event: _soybeanjs_headless59.PointerDownOutsideEvent | _soybeanjs_headless59.FocusOutsideEvent) => any) | undefined;
     onOpenAutoFocus?: ((event: Event) => any) | undefined;
     onCloseAutoFocus?: ((event: Event) => any) | undefined;
+    onEntryFocus?: ((event: Event) => any) | undefined;
   }> & (typeof globalThis extends {
     __VLS_PROPS_FALLBACK: infer P;
   } ? P : {});
@@ -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: "entryFocus", event: Event) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: _soybeanjs_headless158.PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: _soybeanjs_headless158.FocusOutsideEvent) => void) & ((evt: "interactOutside", event: _soybeanjs_headless158.PointerDownOutsideEvent | _soybeanjs_headless158.FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void);
-}>) => vue229.VNode & {
+  emit: ((evt: "select", item: S, event: Event) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: _soybeanjs_headless59.PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: _soybeanjs_headless59.FocusOutsideEvent) => void) & ((evt: "interactOutside", event: _soybeanjs_headless59.PointerDownOutsideEvent | _soybeanjs_headless59.FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void) & ((evt: "entryFocus", event: Event) => void);
+}>) => vue93.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 vue233 from "vue";
+import * as vue99 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: vue233.PublicProps & __VLS_PrettifyLocal<MenuRadioOptionsProps<T, S> & {
+  props: vue99.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);
-}>) => vue233.VNode & {
+}>) => vue99.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 vue214 from "vue";
-import * as _soybeanjs_headless141 from "@soybeanjs/headless";
+import * as vue230 from "vue";
+import * as _soybeanjs_headless158 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: vue214.DefineComponent<NavigationMenuProps, {}, {}, {}, {}, vue214.ComponentOptionsMixin, vue214.ComponentOptionsMixin, {
+declare const __VLS_base: vue230.DefineComponent<NavigationMenuProps, {}, {}, {}, {}, vue230.ComponentOptionsMixin, vue230.ComponentOptionsMixin, {
   select: (payload: CustomEvent<{
     originalEvent: Event;
   }>) => any;
-  "update:modelValue": (value: string) => any;
   escapeKeyDown: (event: KeyboardEvent) => any;
-  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<{
+  pointerDownOutside: (event: _soybeanjs_headless158.PointerDownOutsideEvent) => any;
+  focusOutside: (event: _soybeanjs_headless158.FocusOutsideEvent) => any;
+  interactOutside: (event: _soybeanjs_headless158.PointerDownOutsideEvent | _soybeanjs_headless158.FocusOutsideEvent) => any;
+  "update:modelValue": (value: string) => any;
+}, string, vue230.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_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>;
+  onPointerDownOutside?: ((event: _soybeanjs_headless158.PointerDownOutsideEvent) => any) | undefined;
+  onFocusOutside?: ((event: _soybeanjs_headless158.FocusOutsideEvent) => any) | undefined;
+  onInteractOutside?: ((event: _soybeanjs_headless158.PointerDownOutsideEvent | _soybeanjs_headless158.FocusOutsideEvent) => any) | undefined;
+  "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, vue230.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 vue219 from "vue";
+import * as vue88 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: vue219.DefineComponent<NumberInputProps, {}, {}, {}, {}, vue219.ComponentOptionsMixin, vue219.ComponentOptionsMixin, {
+declare const __VLS_base: vue88.DefineComponent<NumberInputProps, {}, {}, {}, {}, vue88.ComponentOptionsMixin, vue88.ComponentOptionsMixin, {
   "update:modelValue": (val: number) => any;
-}, string, vue219.PublicProps, Readonly<NumberInputProps> & Readonly<{
+}, string, vue88.PublicProps, Readonly<NumberInputProps> & Readonly<{
   "onUpdate:modelValue"?: ((val: number) => any) | undefined;
-}>, {}, {}, {}, {}, string, vue219.ComponentProvideOptions, false, {}, any>;
+}>, {}, {}, {}, {}, string, vue88.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,24 +1,24 @@
 import { PageTabsEmits, PageTabsOptionData, PageTabsProps } from "./types.js";
-import * as vue224 from "vue";
-import * as _soybeanjs_headless149 from "@soybeanjs/headless";
+import * as vue227 from "vue";
+import * as _soybeanjs_headless157 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: vue224.PublicProps & __VLS_PrettifyLocal<PageTabsProps<T> & {
-    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+  props: vue227.PublicProps & __VLS_PrettifyLocal<PageTabsProps<T> & {
     onClose?: ((tab: T) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
     onPin?: ((tab: T) => any) | undefined;
     "onUpdate:items"?: ((value: T[]) => any) | undefined;
   }> & (typeof globalThis extends {
     __VLS_PROPS_FALLBACK: infer P;
   } ? P : {});
-  expose: (exposed: vue224.ShallowUnwrapRef<{
-    operations: _soybeanjs_headless149.PageTabsOperations | undefined;
+  expose: (exposed: vue227.ShallowUnwrapRef<{
+    operations: _soybeanjs_headless157.PageTabsOperations | undefined;
   }>) => void;
   attrs: any;
   slots: {};
   emit: PageTabsEmits<T>;
-}>) => vue224.VNode & {
+}>) => vue227.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 vue240 from "vue";
+import * as vue235 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: vue240.DefineComponent<PaginationProps, {}, {}, {}, {}, vue240.ComponentOptionsMixin, vue240.ComponentOptionsMixin, {
+declare const __VLS_base: vue235.DefineComponent<PaginationProps, {}, {}, {}, {}, vue235.ComponentOptionsMixin, vue235.ComponentOptionsMixin, {
   "update:page": (value: number) => any;
-}, string, vue240.PublicProps, Readonly<PaginationProps> & Readonly<{
+}, string, vue235.PublicProps, Readonly<PaginationProps> & Readonly<{
   "onUpdate:page"?: ((value: number) => any) | undefined;
 }>, {
   showFirstOrLast: boolean;
-}, {}, {}, {}, string, vue240.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/password/password.vue.d.ts

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