@soybeanjs/ui 0.0.6 → 0.0.8

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

@@ -1,13 +1,13 @@
 import { MenuCheckboxOptionData, MenuCheckboxOptionsProps } from "./types.js";
-import * as vue214 from "vue";
+import * as vue224 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: __VLS_PrettifyLocal<MenuCheckboxOptionsProps<T, S> & {
+  props: vue224.PublicProps & __VLS_PrettifyLocal<MenuCheckboxOptionsProps<T, S> & {
     onSelect?: ((item: S, event: Event) => any) | undefined;
     "onUpdate:modelValue"?: ((value: T[]) => any) | undefined;
-  }> & vue214.PublicProps & (typeof globalThis extends {
+  }> & (typeof globalThis extends {
     __VLS_PROPS_FALLBACK: infer P;
   } ? P : {});
   expose: (exposed: {}) => void;
@@ -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);
-}>) => vue214.VNode & {
+}>) => vue224.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };
 declare const _default: typeof __VLS_export;

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

@@ -1,21 +1,21 @@
 import { MenuOptionData, MenuOptionProps } from "./types.js";
-import * as vue210 from "vue";
-import * as _soybeanjs_headless106 from "@soybeanjs/headless";
+import * as vue220 from "vue";
+import * as _soybeanjs_headless116 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: __VLS_PrettifyLocal<MenuOptionProps<T> & {
+  props: vue220.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_headless106.PointerDownOutsideEvent) => any) | undefined;
-    onFocusOutside?: ((event: _soybeanjs_headless106.FocusOutsideEvent) => any) | undefined;
-    onInteractOutside?: ((event: _soybeanjs_headless106.PointerDownOutsideEvent | _soybeanjs_headless106.FocusOutsideEvent) => any) | undefined;
+    onPointerDownOutside?: ((event: _soybeanjs_headless116.PointerDownOutsideEvent) => any) | undefined;
+    onFocusOutside?: ((event: _soybeanjs_headless116.FocusOutsideEvent) => any) | undefined;
+    onInteractOutside?: ((event: _soybeanjs_headless116.PointerDownOutsideEvent | _soybeanjs_headless116.FocusOutsideEvent) => any) | undefined;
     onOpenAutoFocus?: ((event: Event) => any) | undefined;
     onCloseAutoFocus?: ((event: Event) => any) | undefined;
-  }> & vue210.PublicProps & (typeof globalThis extends {
+    onEntryFocus?: ((event: Event) => any) | undefined;
+  }> & (typeof globalThis extends {
     __VLS_PROPS_FALLBACK: infer P;
   } ? P : {});
   expose: (exposed: {}) => void;
@@ -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_headless106.PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: _soybeanjs_headless106.FocusOutsideEvent) => void) & ((evt: "interactOutside", event: _soybeanjs_headless106.PointerDownOutsideEvent | _soybeanjs_headless106.FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void);
-}>) => vue210.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_headless116.PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: _soybeanjs_headless116.FocusOutsideEvent) => void) & ((evt: "interactOutside", event: _soybeanjs_headless116.PointerDownOutsideEvent | _soybeanjs_headless116.FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void) & ((evt: "entryFocus", event: Event) => void);
+}>) => vue220.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };
 declare const _default: typeof __VLS_export;

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

@@ -1,21 +1,21 @@
 import { MenuOptionData, MenuOptionsProps } from "./types.js";
-import * as vue212 from "vue";
-import * as _soybeanjs_headless114 from "@soybeanjs/headless";
+import * as vue222 from "vue";
+import * as _soybeanjs_headless124 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: __VLS_PrettifyLocal<MenuOptionsProps<T, S> & {
+  props: vue222.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_headless114.PointerDownOutsideEvent) => any) | undefined;
-    onFocusOutside?: ((event: _soybeanjs_headless114.FocusOutsideEvent) => any) | undefined;
-    onInteractOutside?: ((event: _soybeanjs_headless114.PointerDownOutsideEvent | _soybeanjs_headless114.FocusOutsideEvent) => any) | undefined;
+    onPointerDownOutside?: ((event: _soybeanjs_headless124.PointerDownOutsideEvent) => any) | undefined;
+    onFocusOutside?: ((event: _soybeanjs_headless124.FocusOutsideEvent) => any) | undefined;
+    onInteractOutside?: ((event: _soybeanjs_headless124.PointerDownOutsideEvent | _soybeanjs_headless124.FocusOutsideEvent) => any) | undefined;
     onOpenAutoFocus?: ((event: Event) => any) | undefined;
     onCloseAutoFocus?: ((event: Event) => any) | undefined;
-  }> & vue212.PublicProps & (typeof globalThis extends {
+    onEntryFocus?: ((event: Event) => any) | undefined;
+  }> & (typeof globalThis extends {
     __VLS_PROPS_FALLBACK: infer P;
   } ? P : {});
   expose: (exposed: {}) => void;
@@ -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_headless114.PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: _soybeanjs_headless114.FocusOutsideEvent) => void) & ((evt: "interactOutside", event: _soybeanjs_headless114.PointerDownOutsideEvent | _soybeanjs_headless114.FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void);
-}>) => vue212.VNode & {
+  emit: ((evt: "select", item: S, event: Event) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: _soybeanjs_headless124.PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: _soybeanjs_headless124.FocusOutsideEvent) => void) & ((evt: "interactOutside", event: _soybeanjs_headless124.PointerDownOutsideEvent | _soybeanjs_headless124.FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void) & ((evt: "entryFocus", event: Event) => void);
+}>) => vue222.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };
 declare const _default: typeof __VLS_export;

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

@@ -1,13 +1,13 @@
 import { MenuRadioOptionData, MenuRadioOptionsProps } from "./types.js";
-import * as vue216 from "vue";
+import * as vue226 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: __VLS_PrettifyLocal<MenuRadioOptionsProps<T, S> & {
+  props: vue226.PublicProps & __VLS_PrettifyLocal<MenuRadioOptionsProps<T, S> & {
     onSelect?: ((item: S, event: Event) => any) | undefined;
     "onUpdate:modelValue"?: ((payload: NonNullable<T>) => any) | undefined;
-  }> & vue216.PublicProps & (typeof globalThis extends {
+  }> & (typeof globalThis extends {
     __VLS_PROPS_FALLBACK: infer P;
   } ? P : {});
   expose: (exposed: {}) => void;
@@ -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);
-}>) => vue216.VNode & {
+}>) => vue226.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };
 declare const _default: typeof __VLS_export;

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

@@ -1 +1 @@
-import{mergeSlotVariants as e}from"../../theme/shared.js";import{navigationMenuVariants as t}from"../../variants/navigation-menu.js";import{provideNavigationMenuExtraThemeContext as n}from"./context.js";import r from"./navigation-menu-option.js";import{Fragment as i,computed as a,createBlock as o,createElementBlock as s,createElementVNode as c,createSlots as l,createVNode as u,defineComponent as d,guardReactiveProps as f,mergeProps as p,normalizeClass as m,normalizeProps as h,openBlock as g,renderList as _,renderSlot as v,toHandlers as y,unref as b,useSlots as x,withCtx as S}from"vue";import{useForwardListeners as C,useOmitProps as w,usePickProps as T}from"@soybeanjs/headless/composables";import{NavigationMenuIndicator as E,NavigationMenuList as D,NavigationMenuRoot as O,NavigationMenuViewport as k,provideNavigationMenuThemeContext as A}from"@soybeanjs/headless";var j=d({name:`SNavigationMenu`,__name:`navigation-menu`,props:{size:{},ui:{},items:{},modelValue:{},defaultValue:{},dir:{},delayDuration:{},skipDelayDuration:{},disableClickTrigger:{type:Boolean},disableHoverTrigger:{type:Boolean},disablePointerLeaveClose:{type:Boolean},unmountOnHide:{type:Boolean},itemProps:{},triggerProps:{},contentProps:{},viewportProps:{},indicatorProps:{},listProps:{},subListProps:{},subItemProps:{}},emits:[`update:modelValue`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`select`],setup(d,{emit:j}){let M=d,N=j,P=x(),F=[`itemProps`,`triggerProps`,`contentProps`,`viewportProps`,`indicatorProps`,`listProps`,`subListProps`,`subItemProps`],I=w(M,[`size`,`ui`,`items`,...F]),L=T(M,[...F]),R=C(N),z=a(()=>Object.keys(P)),B=a(()=>e(t({size:M.size}),M.ui));return A({ui:B}),n({ui:B}),(e,t)=>(g(),o(b(O),p(b(I),{"onUpdate:modelValue":t[0]||=e=>N(`update:modelValue`,e)}),{default:S(()=>[u(b(D),h(f(d.listProps)),{default:S(()=>[(g(!0),s(i,null,_(d.items,t=>(g(),o(r,p({key:t.value},{ref_for:!0},b(L),{item:t},y(b(R))),l({"item-children":S(t=>[v(e.$slots,`item-children`,{item:t.item})]),_:2},[_(z.value,t=>({name:t,fn:S(n=>[v(e.$slots,t,p({ref_for:!0},n))])}))]),1040,[`item`]))),128))]),_:3},16),u(b(E),h(f(d.indicatorProps)),{default:S(()=>[c(`div`,{class:m(B.value?.arrow)},null,2)]),_:1},16),c(`div`,{class:m(B.value?.viewportRoot)},[u(b(k),h(f(d.viewportProps)),null,16)],2)]),_:3},16))}});export{j as default};
+import{mergeSlotVariants as e}from"../../theme/shared.js";import{navigationMenuVariants as t}from"../../variants/navigation-menu.js";import{provideNavigationMenuExtraThemeContext as n}from"./context.js";import r from"./navigation-menu-option.js";import{Fragment as i,computed as a,createBlock as o,createElementBlock as s,createElementVNode as c,createSlots as l,createVNode as u,defineComponent as d,guardReactiveProps as f,mergeProps as p,normalizeClass as m,normalizeProps as h,openBlock as g,renderList as _,renderSlot as v,toHandlers as y,unref as b,useSlots as x,withCtx as S}from"vue";import{useForwardListeners as C,useOmitProps as w,usePickProps as T}from"@soybeanjs/headless/composables";import{NavigationMenuIndicator as E,NavigationMenuList as D,NavigationMenuRoot as O,NavigationMenuViewport as k,provideNavigationMenuThemeContext as A}from"@soybeanjs/headless";var j=d({name:`SNavigationMenu`,__name:`navigation-menu`,props:{size:{},ui:{},items:{},modelValue:{},defaultValue:{},dir:{},orientation:{},delayDuration:{},skipDelayDuration:{},disableClickTrigger:{type:Boolean},disableHoverTrigger:{type:Boolean},disablePointerLeaveClose:{type:Boolean},unmountOnHide:{type:Boolean},itemProps:{},triggerProps:{},contentProps:{},viewportProps:{},indicatorProps:{},listProps:{},subListProps:{},subItemProps:{}},emits:[`update:modelValue`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`select`],setup(d,{emit:j}){let M=d,N=j,P=x(),F=[`itemProps`,`triggerProps`,`contentProps`,`viewportProps`,`indicatorProps`,`listProps`,`subListProps`,`subItemProps`],I=w(M,[`size`,`ui`,`items`,...F]),L=T(M,[...F]),R=C(N),z=a(()=>Object.keys(P)),B=a(()=>e(t({size:M.size}),M.ui));return A({ui:B}),n({ui:B}),(e,t)=>(g(),o(b(O),p(b(I),{"onUpdate:modelValue":t[0]||=e=>N(`update:modelValue`,e)}),{default:S(()=>[u(b(D),h(f(d.listProps)),{default:S(()=>[(g(!0),s(i,null,_(d.items,t=>(g(),o(r,p({key:t.value},{ref_for:!0},b(L),{item:t},y(b(R))),l({"item-children":S(t=>[v(e.$slots,`item-children`,{item:t.item})]),_:2},[_(z.value,t=>({name:t,fn:S(n=>[v(e.$slots,t,p({ref_for:!0},n))])}))]),1040,[`item`]))),128))]),_:3},16),u(b(E),h(f(d.indicatorProps)),{default:S(()=>[c(`div`,{class:m(B.value?.arrow)},null,2)]),_:1},16),c(`div`,{class:m(B.value?.viewportRoot)},[u(b(k),h(f(d.viewportProps)),null,16)],2)]),_:3},16))}});export{j as default};

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

@@ -1,6 +1,6 @@
 import { NavigationMenuOptionData, NavigationMenuProps } from "./types.js";
-import * as vue218 from "vue";
-import * as _soybeanjs_headless122 from "@soybeanjs/headless";
+import * as vue210 from "vue";
+import * as _soybeanjs_headless108 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: vue218.DefineComponent<NavigationMenuProps, {}, {}, {}, {}, vue218.ComponentOptionsMixin, vue218.ComponentOptionsMixin, {
+declare const __VLS_base: vue210.DefineComponent<NavigationMenuProps, {}, {}, {}, {}, vue210.ComponentOptionsMixin, vue210.ComponentOptionsMixin, {
   select: (payload: CustomEvent<{
     originalEvent: Event;
   }>) => any;
   "update:modelValue": (value: string) => any;
   escapeKeyDown: (event: KeyboardEvent) => any;
-  pointerDownOutside: (event: _soybeanjs_headless122.PointerDownOutsideEvent) => any;
-  focusOutside: (event: _soybeanjs_headless122.FocusOutsideEvent) => any;
-  interactOutside: (event: _soybeanjs_headless122.PointerDownOutsideEvent | _soybeanjs_headless122.FocusOutsideEvent) => any;
-}, string, vue218.PublicProps, Readonly<NavigationMenuProps> & Readonly<{
+  pointerDownOutside: (event: _soybeanjs_headless108.PointerDownOutsideEvent) => any;
+  focusOutside: (event: _soybeanjs_headless108.FocusOutsideEvent) => any;
+  interactOutside: (event: _soybeanjs_headless108.PointerDownOutsideEvent | _soybeanjs_headless108.FocusOutsideEvent) => any;
+}, string, vue210.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_headless122.PointerDownOutsideEvent) => any) | undefined;
-  onFocusOutside?: ((event: _soybeanjs_headless122.FocusOutsideEvent) => any) | undefined;
-  onInteractOutside?: ((event: _soybeanjs_headless122.PointerDownOutsideEvent | _soybeanjs_headless122.FocusOutsideEvent) => any) | undefined;
-}>, {}, {}, {}, {}, string, vue218.ComponentProvideOptions, false, {}, any>;
+  onPointerDownOutside?: ((event: _soybeanjs_headless108.PointerDownOutsideEvent) => any) | undefined;
+  onFocusOutside?: ((event: _soybeanjs_headless108.FocusOutsideEvent) => any) | undefined;
+  onInteractOutside?: ((event: _soybeanjs_headless108.PointerDownOutsideEvent | _soybeanjs_headless108.FocusOutsideEvent) => any) | undefined;
+}>, {}, {}, {}, {}, string, vue210.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,22 +1,22 @@
 import { NumberInputProps } from "./types.js";
-import * as vue223 from "vue";
+import * as vue215 from "vue";
 
 //#region src/components/number-input/number-input.vue.d.ts
-declare var __VLS_10: {}, __VLS_25: {}, __VLS_33: {}, __VLS_46: {};
+declare var __VLS_10: {}, __VLS_24: {}, __VLS_32: {}, __VLS_45: {};
 type __VLS_Slots = {} & {
   leading?: (props: typeof __VLS_10) => any;
 } & {
-  trailing?: (props: typeof __VLS_25) => any;
+  trailing?: (props: typeof __VLS_24) => any;
 } & {
-  decrement?: (props: typeof __VLS_33) => any;
+  decrement?: (props: typeof __VLS_32) => any;
 } & {
-  increment?: (props: typeof __VLS_46) => any;
+  increment?: (props: typeof __VLS_45) => any;
 };
-declare const __VLS_base: vue223.DefineComponent<NumberInputProps, {}, {}, {}, {}, vue223.ComponentOptionsMixin, vue223.ComponentOptionsMixin, {
+declare const __VLS_base: vue215.DefineComponent<NumberInputProps, {}, {}, {}, {}, vue215.ComponentOptionsMixin, vue215.ComponentOptionsMixin, {
   "update:modelValue": (val: number) => any;
-}, string, vue223.PublicProps, Readonly<NumberInputProps> & Readonly<{
+}, string, vue215.PublicProps, Readonly<NumberInputProps> & Readonly<{
   "onUpdate:modelValue"?: ((val: number) => any) | undefined;
-}>, {}, {}, {}, {}, string, vue223.ComponentProvideOptions, false, {}, any>;
+}>, {}, {}, {}, {}, string, vue215.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/pagination/pagination.vue.d.ts

@@ -2,17 +2,17 @@ import { PaginationProps } from "./types.js";
 import * as vue228 from "vue";
 
 //#region src/components/pagination/pagination.vue.d.ts
-declare var __VLS_22: {}, __VLS_35: {}, __VLS_54: {}, __VLS_67: {}, __VLS_80: {};
+declare var __VLS_22: {}, __VLS_35: {}, __VLS_53: {}, __VLS_66: {}, __VLS_79: {};
 type __VLS_Slots = {} & {
   first?: (props: typeof __VLS_22) => any;
 } & {
   prev?: (props: typeof __VLS_35) => any;
 } & {
-  ellipsis?: (props: typeof __VLS_54) => any;
+  ellipsis?: (props: typeof __VLS_53) => any;
 } & {
-  next?: (props: typeof __VLS_67) => any;
+  next?: (props: typeof __VLS_66) => any;
 } & {
-  last?: (props: typeof __VLS_80) => any;
+  last?: (props: typeof __VLS_79) => any;
 };
 declare const __VLS_base: vue228.DefineComponent<PaginationProps, {}, {}, {}, {}, vue228.ComponentOptionsMixin, vue228.ComponentOptionsMixin, {
   "update:page": (value: number) => any;

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

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

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

@@ -1,4 +1,4 @@
 import { PopoverEmits, PopoverProps } from "./types.js";
 import { _default } from "./popover.vue.js";
-import { PopoverAnchorProps, PopoverCloseProps, PopoverContentEmits, PopoverContentProps, PopoverRootEmits, PopoverRootProps, PopoverTriggerProps } from "@soybeanjs/headless/popover";
-export { type PopoverAnchorProps, type PopoverCloseProps, type PopoverContentEmits, type PopoverContentProps, type PopoverRootEmits, type PopoverRootProps, type PopoverTriggerProps };
+import { PopoverAnchorProps, PopoverArrowProps, PopoverCloseProps, PopoverPopupProps, PopoverPortalProps, PopoverPositionerEmits, PopoverPositionerProps, PopoverRootEmits, PopoverRootProps, PopoverTriggerProps } from "@soybeanjs/headless/popover";
+export { type PopoverAnchorProps, type PopoverArrowProps, type PopoverCloseProps, type PopoverPopupProps, type PopoverPortalProps, type PopoverPositionerEmits, type PopoverPositionerProps, type PopoverRootEmits, type PopoverRootProps, type PopoverTriggerProps };

package/dist/components/popover/popover.js

@@ -1 +1 @@
-import{mergeSlotVariants as e}from"../../theme/shared.js";import{popoverVariants as t}from"../../variants/popover.js";import{computed as n,createBlock as r,createCommentVNode as i,createVNode as a,defineComponent as o,guardReactiveProps as s,mergeProps as c,normalizeProps as l,openBlock as u,renderSlot as d,toHandlers as f,unref as p,withCtx as m}from"vue";import{useForwardListeners as h,usePickProps as g}from"@soybeanjs/headless/composables";import{PopoverArrow as _,PopoverClose as v,PopoverContent as y,PopoverPortal as b,PopoverRoot as x,PopoverTrigger as S,providePopoverThemeContext as C}from"@soybeanjs/headless";var w=o({name:`SPopover`,__name:`popover`,props:{size:{},ui:{},placement:{},showArrow:{type:Boolean,default:!0},contentProps:{},triggerProps:{},closeProps:{},portalProps:{},arrowProps:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:!1},modal:{type:Boolean}},emits:[`update:open`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`],setup(o,{emit:w}){let T=o,E=w,D=g(T,[`defaultOpen`,`open`,`modal`]),O=h(E),k=n(()=>e(t({size:T.size}),T.ui)),A=n(()=>({placement:T.placement,...T.contentProps}));return C({ui:k}),(e,t)=>(u(),r(p(x),c(p(D),{"onUpdate:open":t[0]||=e=>E(`update:open`,e)}),{default:m(()=>[a(p(S),{"as-child":``},{default:m(()=>[d(e.$slots,`trigger`)]),_:3}),a(p(b),l(s(o.portalProps)),{default:m(()=>[a(p(y),c(A.value,f(p(O))),{default:m(()=>[d(e.$slots,`default`),e.$slots.close?(u(),r(p(v),{key:0,"as-child":``},{default:m(()=>[d(e.$slots,`close`)]),_:3})):i(`v-if`,!0),o.showArrow?(u(),r(p(_),l(c({key:1},o.arrowProps)),null,16)):i(`v-if`,!0)]),_:3},16)]),_:3},16)]),_:3},16))}});export{w as default};
+import{mergeSlotVariants as e}from"../../theme/shared.js";import{popoverVariants as t}from"../../variants/popover.js";import{computed as n,createBlock as r,createCommentVNode as i,createVNode as a,defineComponent as o,guardReactiveProps as s,mergeProps as c,normalizeProps as l,openBlock as u,renderSlot as d,toHandlers as f,unref as p,withCtx as m}from"vue";import{useForwardListeners as h,usePickProps as g}from"@soybeanjs/headless/composables";import{PopoverArrow as _,PopoverClose as v,PopoverPopup as y,PopoverPortal as b,PopoverPositioner as x,PopoverRoot as S,PopoverTrigger as C,providePopoverThemeContext as w}from"@soybeanjs/headless";var T=o({name:`SPopover`,__name:`popover`,props:{size:{},ui:{},placement:{},showArrow:{type:Boolean,default:!0},positionerProps:{},popupProps:{},triggerProps:{},closeProps:{},portalProps:{},arrowProps:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:!1},modal:{type:Boolean}},emits:[`update:open`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`],setup(o,{emit:T}){let E=o,D=T,O=g(E,[`defaultOpen`,`open`,`modal`]),k=h(D),A=n(()=>e(t({size:E.size}),E.ui)),j=n(()=>({placement:E.placement,...E.positionerProps}));return w({ui:A}),(e,t)=>(u(),r(p(S),c(p(O),{"onUpdate:open":t[0]||=e=>D(`update:open`,e)}),{default:m(()=>[a(p(C),{"as-child":``},{default:m(()=>[d(e.$slots,`trigger`)]),_:3}),a(p(b),l(s(o.portalProps)),{default:m(()=>[a(p(x),c(j.value,f(p(k))),{default:m(()=>[a(p(y),l(s(o.popupProps)),{default:m(()=>[d(e.$slots,`default`),o.showArrow?(u(),r(p(_),l(c({key:0},o.arrowProps)),null,16)):i(`v-if`,!0)]),_:3},16),e.$slots.close?(u(),r(p(v),{key:0,"as-child":``},{default:m(()=>[d(e.$slots,`close`)]),_:3})):i(`v-if`,!0)]),_:3},16)]),_:3},16)]),_:3},16))}});export{T as default};

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

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

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

@@ -1,6 +1,6 @@
 import { ThemeSize } from "../../theme/types.js";
 import "../../theme/index.js";
-import { Placement, PopoverArrowProps, PopoverCloseProps, PopoverContentEmits, PopoverContentProps, PopoverPortalProps, PopoverRootEmits, PopoverRootProps, PopoverTriggerProps, PopperUi } from "@soybeanjs/headless";
+import { Placement, PopoverArrowProps, PopoverCloseProps, PopoverPopupProps, PopoverPortalProps, PopoverPositionerEmits, PopoverPositionerProps, PopoverRootEmits, PopoverRootProps, PopoverTriggerProps, PopperUi } from "@soybeanjs/headless";
 
 //#region src/components/popover/types.d.ts
 interface PopoverProps extends PopoverRootProps {
@@ -8,12 +8,13 @@ interface PopoverProps extends PopoverRootProps {
   ui?: Partial<PopperUi>;
   placement?: Placement;
   showArrow?: boolean;
-  contentProps?: PopoverContentProps;
+  positionerProps?: PopoverPositionerProps;
+  popupProps?: PopoverPopupProps;
   triggerProps?: PopoverTriggerProps;
   closeProps?: PopoverCloseProps;
   portalProps?: PopoverPortalProps;
   arrowProps?: PopoverArrowProps;
 }
-type PopoverEmits = PopoverRootEmits & PopoverContentEmits;
+type PopoverEmits = PopoverRootEmits & PopoverPositionerEmits;
 //#endregion
 export { PopoverEmits, PopoverProps };

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

@@ -1,19 +1,19 @@
 import { RadioCardGroupOptionData, RadioCardGroupProps } from "./types.js";
-import * as vue257 from "vue";
+import * as vue249 from "vue";
 import { AcceptableBooleanValue } from "@soybeanjs/headless";
 
 //#region src/components/radio-group/radio-card-group.vue.d.ts
 declare const __VLS_export: <T extends AcceptableBooleanValue = AcceptableBooleanValue, S extends RadioCardGroupOptionData<T> = RadioCardGroupOptionData<T>>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-  props: __VLS_PrettifyLocal<RadioCardGroupProps<T, S> & {
+  props: vue249.PublicProps & __VLS_PrettifyLocal<RadioCardGroupProps<T, S> & {
     "onUpdate:modelValue"?: ((payload: NonNullable<AcceptableBooleanValue>) => any) | undefined;
-  }> & vue257.PublicProps & (typeof globalThis extends {
+  }> & (typeof globalThis extends {
     __VLS_PROPS_FALLBACK: infer P;
   } ? P : {});
   expose: (exposed: {}) => void;
   attrs: any;
-  slots: __VLS_Slots;
+  slots: {};
   emit: (evt: "update:modelValue", payload: NonNullable<AcceptableBooleanValue>) => void;
-}>) => vue257.VNode & {
+}>) => vue249.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };
 declare const _default: typeof __VLS_export;

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

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

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

@@ -1,19 +1,19 @@
 import { RadioGroupOptionData, RadioGroupProps } from "./types.js";
-import * as vue248 from "vue";
+import * as vue237 from "vue";
 import { AcceptableBooleanValue } from "@soybeanjs/headless";
 
 //#region src/components/radio-group/radio-group.vue.d.ts
 declare const __VLS_export: <T extends AcceptableBooleanValue = AcceptableBooleanValue, S extends RadioGroupOptionData<T> = RadioGroupOptionData<T>>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-  props: __VLS_PrettifyLocal<RadioGroupProps<T, S> & {
+  props: vue237.PublicProps & __VLS_PrettifyLocal<RadioGroupProps<T, S> & {
     "onUpdate:modelValue"?: ((payload: NonNullable<T>) => any) | undefined;
-  }> & vue248.PublicProps & (typeof globalThis extends {
+  }> & (typeof globalThis extends {
     __VLS_PROPS_FALLBACK: infer P;
   } ? P : {});
   expose: (exposed: {}) => void;
   attrs: any;
-  slots: __VLS_Slots;
+  slots: {};
   emit: (evt: "update:modelValue", payload: NonNullable<T>) => void;
-}>) => vue248.VNode & {
+}>) => vue237.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };
 declare const _default: typeof __VLS_export;

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

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

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

@@ -1,21 +1,23 @@
 import { SegmentOptionData, SegmentProps } from "./types.js";
-import * as vue250 from "vue";
+import * as vue235 from "vue";
 import { AcceptableValue } from "@soybeanjs/headless";
 
 //#region src/components/segment/segment.vue.d.ts
 declare const __VLS_export: <T extends AcceptableValue = AcceptableValue, S extends SegmentOptionData<NonNullable<T>> = SegmentOptionData<NonNullable<T>>>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-  props: __VLS_PrettifyLocal<SegmentProps<T, S> & {
+  props: vue235.PublicProps & __VLS_PrettifyLocal<SegmentProps<T, S> & {
     "onUpdate:modelValue"?: ((payload: NonNullable<T>) => any) | undefined;
-  }> & vue250.PublicProps & (typeof globalThis extends {
+  }> & (typeof globalThis extends {
     __VLS_PROPS_FALLBACK: infer P;
   } ? P : {});
   expose: (exposed: {}) => void;
   attrs: any;
   slots: {
-    item?: (props: any) => any;
+    item?: (props: S & {
+      active: boolean;
+    }) => any;
   };
   emit: (evt: "update:modelValue", payload: NonNullable<T>) => void;
-}>) => vue250.VNode & {
+}>) => vue235.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };
 declare const _default: typeof __VLS_export;

package/dist/components/select/select.js

@@ -1 +1 @@
-import{mergeSlotVariants as e}from"../../theme/shared.js";import t from"../icon/icon.js";import{selectVariants as n}from"../../variants/select.js";import{isGroupOption as r}from"./shared.js";import i from"./select-option.js";import{Fragment as a,computed as o,createBlock as s,createCommentVNode as c,createElementBlock as l,createSlots as u,createVNode as d,defineComponent as f,guardReactiveProps as p,mergeProps as m,normalizeProps as h,openBlock as g,renderList as _,renderSlot as v,toHandlers as y,unref as b,useSlots as x,withCtx as S}from"vue";import{useForwardListeners as C,useOmitProps as w}from"@soybeanjs/headless/composables";import{SelectArrow as T,SelectContent as E,SelectPortal as D,SelectRoot as O,SelectScrollDownButton as k,SelectScrollUpButton as A,SelectTrigger as j,SelectTriggerIcon as M,SelectValue as N,SelectViewport as P,provideSelectThemeContext as F}from"@soybeanjs/headless";var I=f({name:`SSelect`,inheritAttrs:!1,__name:`select`,props:{ui:{},size:{},items:{},showArrow:{type:Boolean},triggerProps:{},triggerIconProps:{},valueProps:{},portalProps:{},contentProps:{},viewportProps:{},scrollDownButtonProps:{},scrollUpButtonProps:{},groupProps:{},groupLabelProps:{},itemProps:{},itemTextProps:{},itemIndicatorProps:{},separatorProps:{},arrowProps:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean},dir:{},autocomplete:{},disabled:{type:Boolean},modelValue:{},defaultValue:{},multiple:{},name:{},required:{type:Boolean}},emits:[`update:modelValue`,`update:open`,`closeAutoFocus`,`escapeKeyDown`,`pointerDownOutside`,`select`],setup(f,{emit:I}){let L=f,R=I,z=x(),B=o(()=>Object.keys(z).filter(e=>e.startsWith(`item-`)||e===`group-label`)),V=w(L,[`ui`,`size`,`items`,`triggerProps`,`triggerIconProps`,`valueProps`,`portalProps`,`contentProps`,`viewportProps`,`scrollDownButtonProps`,`scrollUpButtonProps`,`groupProps`,`groupLabelProps`,`itemProps`,`itemTextProps`,`itemIndicatorProps`,`separatorProps`,`arrowProps`]),H=C(R),U=e=>r(e)?`group-${e.label}`:e.value;return F({ui:o(()=>e(n({size:L.size}),L.ui))}),(e,n)=>(g(),s(b(O),m(b(V),{"onUpdate:modelValue":n[1]||=e=>R(`update:modelValue`,e)}),{default:S(()=>[d(b(j),h(p(f.triggerProps)),{default:S(()=>[v(e.$slots,`trigger-leading`),d(b(N),h(p(f.valueProps)),{default:S(t=>[v(e.$slots,`trigger-value`,h(p(t)))]),_:3},16),v(e.$slots,`trigger-trailing`),d(b(M),h(p(f.triggerIconProps)),{default:S(()=>[v(e.$slots,`trigger-icon`,{},()=>[d(t,{icon:`lucide:chevrons-up-down`})])]),_:3},16)]),_:3},16),d(b(D),h(p(f.portalProps)),{default:S(()=>[d(b(E),m(f.contentProps,y(b(H))),{default:S(()=>[d(b(A),h(p(f.scrollUpButtonProps)),{default:S(()=>[v(e.$slots,`scroll-up-button`,{},()=>[d(t,{icon:`lucide:chevron-up`})])]),_:3},16),d(b(P),h(p(f.viewportProps)),{default:S(()=>[(g(!0),l(a,null,_(f.items,t=>(g(),s(i,{key:U(t),item:t,"group-props":f.groupProps,"group-label-props":f.groupLabelProps,"item-props":f.itemProps,"item-text-props":f.itemTextProps,"item-indicator-props":f.itemIndicatorProps,"separator-props":f.separatorProps,onSelect:n[0]||=e=>R(`select`,e)},u({_:2},[_(B.value,t=>({name:t,fn:S(n=>[v(e.$slots,t,m({ref_for:!0},n))])}))]),1032,[`item`,`group-props`,`group-label-props`,`item-props`,`item-text-props`,`item-indicator-props`,`separator-props`]))),128))]),_:3},16),d(b(k),h(p(f.scrollDownButtonProps)),{default:S(()=>[v(e.$slots,`scroll-down-button`,{},()=>[d(t,{icon:`lucide:chevron-down`})])]),_:3},16),f.showArrow?(g(),s(b(T),h(m({key:0},f.arrowProps)),null,16)):c(`v-if`,!0)]),_:3},16)]),_:3},16)]),_:3},16))}});export{I as default};
+import{mergeSlotVariants as e}from"../../theme/shared.js";import t from"../icon/icon.js";import{selectVariants as n}from"../../variants/select.js";import{isGroupOption as r}from"./shared.js";import i from"./select-option.js";import{Fragment as a,computed as o,createBlock as s,createCommentVNode as c,createElementBlock as l,createSlots as u,createVNode as d,defineComponent as f,guardReactiveProps as p,mergeProps as m,normalizeProps as h,openBlock as g,renderList as _,renderSlot as v,toHandlers as y,unref as b,useSlots as x,withCtx as S}from"vue";import{useForwardListeners as C,useOmitProps as w}from"@soybeanjs/headless/composables";import{SelectArrow as T,SelectContent as E,SelectPortal as D,SelectRoot as O,SelectScrollDownButton as k,SelectScrollUpButton as A,SelectTrigger as j,SelectTriggerIcon as M,SelectValue as N,SelectViewport as P,provideSelectThemeContext as F}from"@soybeanjs/headless";var I=f({name:`SSelect`,inheritAttrs:!1,__name:`select`,props:{ui:{},size:{},items:{},showArrow:{type:Boolean},triggerProps:{},triggerIconProps:{},placeholder:{},valueProps:{},portalProps:{},contentProps:{},placement:{},popupProps:{},viewportProps:{},scrollDownButtonProps:{},scrollUpButtonProps:{},groupProps:{},groupLabelProps:{},itemProps:{},itemTextProps:{},itemIndicatorProps:{},separatorProps:{},arrowProps:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean},dir:{},autocomplete:{},disabled:{type:Boolean},modelValue:{},defaultValue:{},multiple:{},name:{},required:{type:Boolean}},emits:[`update:modelValue`,`update:open`,`closeAutoFocus`,`escapeKeyDown`,`pointerDownOutside`,`select`],setup(f,{emit:I}){let L=f,R=I,z=x(),B=o(()=>Object.keys(z).filter(e=>e.startsWith(`item-`)||e===`group-label`)),V=w(L,[`ui`,`size`,`items`,`triggerProps`,`triggerIconProps`,`placeholder`,`valueProps`,`portalProps`,`contentProps`,`popupProps`,`placement`,`viewportProps`,`scrollDownButtonProps`,`scrollUpButtonProps`,`groupProps`,`groupLabelProps`,`itemProps`,`itemTextProps`,`itemIndicatorProps`,`separatorProps`,`arrowProps`]),H=C(R),U=e=>r(e)?`group-${e.label}`:e.value,W=o(()=>e(n({size:L.size}),L.ui)),G=o(()=>({...L.valueProps,placeholder:L.placeholder??L.valueProps?.placeholder})),K=o(()=>({...L.contentProps,placement:L.placement??L.contentProps?.placement,popupProps:L.popupProps??L.contentProps?.popupProps}));return F({ui:W}),(e,n)=>(g(),s(b(O),m(b(V),{"onUpdate:modelValue":n[1]||=e=>R(`update:modelValue`,e)}),{default:S(()=>[d(b(j),h(p(f.triggerProps)),{default:S(()=>[v(e.$slots,`trigger-leading`),d(b(N),h(p(G.value)),{default:S(t=>[v(e.$slots,`trigger-value`,h(p(t)))]),_:3},16),v(e.$slots,`trigger-trailing`),d(b(M),h(p(f.triggerIconProps)),{default:S(()=>[v(e.$slots,`trigger-icon`,{},()=>[d(t,{icon:`lucide:chevrons-up-down`})])]),_:3},16)]),_:3},16),d(b(D),h(p(f.portalProps)),{default:S(()=>[d(b(E),m(K.value,y(b(H))),{default:S(()=>[d(b(A),h(p(f.scrollUpButtonProps)),{default:S(()=>[v(e.$slots,`scroll-up-button`,{},()=>[d(t,{icon:`lucide:chevron-up`})])]),_:3},16),d(b(P),h(p(f.viewportProps)),{default:S(()=>[(g(!0),l(a,null,_(f.items,t=>(g(),s(i,{key:U(t),item:t,"group-props":f.groupProps,"group-label-props":f.groupLabelProps,"item-props":f.itemProps,"item-text-props":f.itemTextProps,"item-indicator-props":f.itemIndicatorProps,"separator-props":f.separatorProps,onSelect:n[0]||=e=>R(`select`,e)},u({_:2},[_(B.value,t=>({name:t,fn:S(n=>[v(e.$slots,t,m({ref_for:!0},n))])}))]),1032,[`item`,`group-props`,`group-label-props`,`item-props`,`item-text-props`,`item-indicator-props`,`separator-props`]))),128))]),_:3},16),d(b(k),h(p(f.scrollDownButtonProps)),{default:S(()=>[v(e.$slots,`scroll-down-button`,{},()=>[d(t,{icon:`lucide:chevron-down`})])]),_:3},16),f.showArrow?(g(),s(b(T),h(m({key:0},f.arrowProps)),null,16)):c(`v-if`,!0)]),_:3},16)]),_:3},16)]),_:3},16))}});export{I as default};

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

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

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

@@ -2,7 +2,7 @@ import { ThemeSize } from "../../theme/types.js";
 import "../../theme/index.js";
 import { IconValue } from "../icon/types.js";
 import { HTMLAttributes } from "vue";
-import { DefinedValue, SelectArrowProps, SelectContentEmits, SelectContentProps, SelectGroupLabelProps, SelectGroupProps, SelectItemEmits, SelectItemIndicatorProps, SelectItemProps, SelectItemTextProps, SelectPortalProps, SelectRootEmits, SelectRootProps, SelectScrollDownButtonProps, SelectScrollUpButtonProps, SelectSeparatorProps, SelectTriggerIconProps, SelectTriggerProps, SelectUi, SelectValueProps, SelectViewportProps } from "@soybeanjs/headless";
+import { DefinedValue, Placement, SelectArrowProps, SelectContentEmits, SelectContentProps, SelectGroupLabelProps, SelectGroupProps, SelectItemEmits, SelectItemIndicatorProps, SelectItemProps, SelectItemTextProps, SelectPopupProps, SelectPortalProps, SelectRootEmits, SelectRootProps, SelectScrollDownButtonProps, SelectScrollUpButtonProps, SelectSeparatorProps, SelectTriggerIconProps, SelectTriggerProps, SelectUi, SelectValueProps, SelectViewportProps } from "@soybeanjs/headless";
 
 //#region src/components/select/types.d.ts
 interface SelectSingleOptionData<T extends DefinedValue = DefinedValue> extends Pick<SelectItemProps, 'disabled' | 'textValue'> {
@@ -55,9 +55,17 @@ interface SelectProps<T extends DefinedValue = DefinedValue, M extends boolean =
   showArrow?: boolean;
   triggerProps?: SelectTriggerProps;
   triggerIconProps?: SelectTriggerIconProps;
+  /**
+   * The placeholder to display in the select value.
+   *
+   * the priority is higher than the prop in the `valueProps`.
+   */
+  placeholder?: string;
   valueProps?: SelectValueProps;
   portalProps?: SelectPortalProps;
   contentProps?: SelectContentProps;
+  placement?: Placement;
+  popupProps?: SelectPopupProps;
   viewportProps?: SelectViewportProps;
   scrollDownButtonProps?: SelectScrollDownButtonProps;
   scrollUpButtonProps?: SelectScrollUpButtonProps;