@soybeanjs/headless 0.10.6 → 0.11.0

package/dist/components/alert-dialog/alert-dialog-content.vue.d.ts

@@ -8,15 +8,15 @@ type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_12) => any;
 };
 declare const __VLS_base: vue.DefineComponent<DialogContentProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-  closeAutoFocus: (event: Event) => any;
   escapeKeyDown: (event: KeyboardEvent) => any;
+  closeAutoFocus: (event: Event) => any;
   pointerDownOutside: (event: PointerDownOutsideEvent) => any;
   focusOutside: (event: FocusOutsideEvent) => any;
   interactOutside: (event: PointerDownOutsideEvent | FocusOutsideEvent) => any;
   openAutoFocus: (event: Event) => any;
 }, string, vue.PublicProps, Readonly<DialogContentProps> & Readonly<{
-  onCloseAutoFocus?: ((event: Event) => any) | undefined;
   onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
+  onCloseAutoFocus?: ((event: Event) => any) | undefined;
   onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
   onFocusOutside?: ((event: FocusOutsideEvent) => any) | undefined;
   onInteractOutside?: ((event: PointerDownOutsideEvent | FocusOutsideEvent) => any) | undefined;

package/dist/components/checkbox/checkbox-root.vue.d.ts

@@ -15,8 +15,8 @@ declare const __VLS_base: vue.DefineComponent<CheckboxRootProps, {}, {}, {}, {},
 }, string, vue.PublicProps, Readonly<CheckboxRootProps> & Readonly<{
   "onUpdate:modelValue"?: ((value: CheckedState | null) => any) | undefined;
 }>, {
-  modelValue: CheckedState | null;
   value: DefinedValue;
+  modelValue: CheckedState | null;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/components/context-menu/context-menu-content.vue.d.ts

@@ -8,18 +8,18 @@ type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_11) => any;
 };
 declare const __VLS_base: vue.DefineComponent<ContextMenuContentProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-  entryFocus: (event: Event) => any;
-  closeAutoFocus: (event: Event) => any;
   escapeKeyDown: (event: KeyboardEvent) => any;
+  closeAutoFocus: (event: Event) => any;
   pointerDownOutside: (event: PointerDownOutsideEvent) => any;
+  entryFocus: (event: Event) => any;
   focusOutside: (event: FocusOutsideEvent) => any;
   interactOutside: (event: PointerDownOutsideEvent | FocusOutsideEvent) => any;
   openAutoFocus: (event: Event) => any;
 }, string, vue.PublicProps, Readonly<ContextMenuContentProps> & Readonly<{
-  onEntryFocus?: ((event: Event) => any) | undefined;
-  onCloseAutoFocus?: ((event: Event) => any) | undefined;
   onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
+  onCloseAutoFocus?: ((event: Event) => any) | undefined;
   onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
+  onEntryFocus?: ((event: Event) => any) | undefined;
   onFocusOutside?: ((event: FocusOutsideEvent) => any) | undefined;
   onInteractOutside?: ((event: PointerDownOutsideEvent | FocusOutsideEvent) => any) | undefined;
   onOpenAutoFocus?: ((event: Event) => any) | undefined;

package/dist/components/dialog/dialog-content.vue.d.ts

@@ -8,15 +8,15 @@ type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_13) => any;
 };
 declare const __VLS_base: vue.DefineComponent<DialogContentProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-  closeAutoFocus: (event: Event) => any;
   escapeKeyDown: (event: KeyboardEvent) => any;
+  closeAutoFocus: (event: Event) => any;
   pointerDownOutside: (event: PointerDownOutsideEvent) => any;
   focusOutside: (event: FocusOutsideEvent) => any;
   interactOutside: (event: PointerDownOutsideEvent | FocusOutsideEvent) => any;
   openAutoFocus: (event: Event) => any;
 }, string, vue.PublicProps, Readonly<DialogContentProps> & Readonly<{
-  onCloseAutoFocus?: ((event: Event) => any) | undefined;
   onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
+  onCloseAutoFocus?: ((event: Event) => any) | undefined;
   onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
   onFocusOutside?: ((event: FocusOutsideEvent) => any) | undefined;
   onInteractOutside?: ((event: PointerDownOutsideEvent | FocusOutsideEvent) => any) | undefined;

package/dist/components/dropdown-menu/dropdown-menu-content.vue.d.ts

@@ -8,18 +8,18 @@ type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_11) => any;
 };
 declare const __VLS_base: vue.DefineComponent<MenuContentProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-  entryFocus: (event: Event) => any;
-  closeAutoFocus: (event: Event) => any;
   escapeKeyDown: (event: KeyboardEvent) => any;
+  closeAutoFocus: (event: Event) => any;
   pointerDownOutside: (event: PointerDownOutsideEvent) => any;
+  entryFocus: (event: Event) => any;
   focusOutside: (event: FocusOutsideEvent) => any;
   interactOutside: (event: PointerDownOutsideEvent | FocusOutsideEvent) => any;
   openAutoFocus: (event: Event) => any;
 }, string, vue.PublicProps, Readonly<MenuContentProps> & Readonly<{
-  onEntryFocus?: ((event: Event) => any) | undefined;
-  onCloseAutoFocus?: ((event: Event) => any) | undefined;
   onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
+  onCloseAutoFocus?: ((event: Event) => any) | undefined;
   onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
+  onEntryFocus?: ((event: Event) => any) | undefined;
   onFocusOutside?: ((event: FocusOutsideEvent) => any) | undefined;
   onInteractOutside?: ((event: PointerDownOutsideEvent | FocusOutsideEvent) => any) | undefined;
   onOpenAutoFocus?: ((event: Event) => any) | undefined;

package/dist/components/dropdown-menu/dropdown-menu-root.vue.d.ts

@@ -15,9 +15,9 @@ declare const __VLS_base: vue.DefineComponent<DropdownMenuRootProps, {}, {}, {},
 }>, {
   open: boolean;
   trigger: DropdownMenuTriggerType;
+  modal: boolean;
   delayDuration: number;
   skipDelayDuration: number;
-  modal: boolean;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/components/input-number/input-number-root.vue.d.ts

@@ -14,8 +14,8 @@ declare const __VLS_base: vue.DefineComponent<InputNumberRootProps, {}, {}, {},
 }, string, vue.PublicProps, Readonly<InputNumberRootProps> & Readonly<{
   "onUpdate:modelValue"?: ((val: number) => any) | undefined;
 }>, {
-  modelValue: number | null;
   step: number;
+  modelValue: number | null;
   stepSnapping: boolean;
   focusOnChange: boolean;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;

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

@@ -8,18 +8,18 @@ type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_10) => any;
 };
 declare const __VLS_base: vue.DefineComponent<MenuContentProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-  entryFocus: (event: Event) => any;
-  closeAutoFocus: (event: Event) => any;
   escapeKeyDown: (event: KeyboardEvent) => any;
+  closeAutoFocus: (event: Event) => any;
   pointerDownOutside: (event: PointerDownOutsideEvent) => any;
+  entryFocus: (event: Event) => any;
   focusOutside: (event: FocusOutsideEvent) => any;
   interactOutside: (event: PointerDownOutsideEvent | FocusOutsideEvent) => any;
   openAutoFocus: (event: Event) => any;
 }, string, vue.PublicProps, Readonly<MenuContentProps> & Readonly<{
-  onEntryFocus?: ((event: Event) => any) | undefined;
-  onCloseAutoFocus?: ((event: Event) => any) | undefined;
   onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
+  onCloseAutoFocus?: ((event: Event) => any) | undefined;
   onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
+  onEntryFocus?: ((event: Event) => any) | undefined;
   onFocusOutside?: ((event: FocusOutsideEvent) => any) | undefined;
   onInteractOutside?: ((event: PointerDownOutsideEvent | FocusOutsideEvent) => any) | undefined;
   onOpenAutoFocus?: ((event: Event) => any) | undefined;

package/dist/components/menu/menu-sub-content.vue.d.ts

@@ -8,18 +8,18 @@ type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_14) => any;
 };
 declare const __VLS_base: vue.DefineComponent<MenuSubContentProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-  entryFocus: (event: Event) => any;
-  closeAutoFocus: (event: Event) => any;
   escapeKeyDown: (event: KeyboardEvent) => any;
+  closeAutoFocus: (event: Event) => any;
   pointerDownOutside: (event: PointerDownOutsideEvent) => any;
+  entryFocus: (event: Event) => any;
   focusOutside: (event: FocusOutsideEvent) => any;
   interactOutside: (event: PointerDownOutsideEvent | FocusOutsideEvent) => any;
   openAutoFocus: (event: Event) => any;
 }, string, vue.PublicProps, Readonly<MenuSubContentProps> & Readonly<{
-  onEntryFocus?: ((event: Event) => any) | undefined;
-  onCloseAutoFocus?: ((event: Event) => any) | undefined;
   onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
+  onCloseAutoFocus?: ((event: Event) => any) | undefined;
   onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
+  onEntryFocus?: ((event: Event) => any) | undefined;
   onFocusOutside?: ((event: FocusOutsideEvent) => any) | undefined;
   onInteractOutside?: ((event: PointerDownOutsideEvent | FocusOutsideEvent) => any) | undefined;
   onOpenAutoFocus?: ((event: Event) => any) | undefined;

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

@@ -16,9 +16,9 @@ declare const __VLS_base: vue.DefineComponent<NavigationMenuRootProps, {}, {}, {
 }>, {
   dir: Direction;
   orientation: DataOrientation;
+  unmountOnHide: boolean;
   delayDuration: number;
   skipDelayDuration: number;
-  unmountOnHide: boolean;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/components/pagination/context.js

@@ -1 +1 @@
-import{useContext as e}from"../../composables/use-context.js";import{useUiContext as t}from"../../composables/use-ui-context.js";import"../../composables/index.js";import{computed as n}from"vue";const[r,i]=e(`PaginationRoot`,e=>{let{page:t,total:r,itemsPerPage:i}=e,a=n(()=>Math.max(1,Math.ceil(r.value/(i.value||1)))),o=e=>{t.value=e};return{...e,onPageChange:o,pageCount:a}}),[a,o]=t(`PaginationUi`);export{r as providePaginationRootContext,a as providePaginationUi,i as usePaginationRootContext,o as usePaginationUi};
+import{useContext as e}from"../../composables/use-context.js";import{useUiContext as t}from"../../composables/use-ui-context.js";import"../../composables/index.js";import{computed as n}from"vue";const[r,i]=e(`PaginationRoot`,e=>{let{page:t,total:r,pageSize:i}=e,a=n(()=>Math.max(1,Math.ceil(r.value/(i.value||1)))),o=e=>{t.value=e};return{...e,onPageChange:o,pageCount:a}}),[a,o]=t(`PaginationUi`);export{r as providePaginationRootContext,a as providePaginationUi,i as usePaginationRootContext,o as usePaginationUi};

package/dist/components/pagination/pagination-root.js

@@ -1 +1 @@
-import{isNullish as e}from"../../shared/guard.js";import{transformPropsToContext as t}from"../../shared/vue.js";import"../../shared/index.js";import{useControllableState as n}from"../../composables/use-controllable-state.js";import"../../composables/index.js";import{providePaginationRootContext as r,usePaginationUi as i}from"./context.js";import{createElementBlock as a,defineComponent as o,normalizeClass as s,openBlock as c,renderSlot as l,unref as u}from"vue";const d=o({name:`PaginationRoot`,__name:`pagination-root`,props:{page:{},defaultPage:{default:1},itemsPerPage:{},total:{default:0},siblingCount:{default:2},disabled:{type:Boolean},showEdges:{type:Boolean,default:!1}},emits:[`update:page`],setup(o,{emit:d}){let f=o,p=d,m=i(`root`),h=n(()=>f.page,t=>{e(t)||p(`update:page`,t)},f.defaultPage),{pageCount:g}=r({...t(f,[`total`,`siblingCount`,`disabled`,`showEdges`,`itemsPerPage`]),page:h});return(e,t)=>(c(),a(`nav`,{class:s(u(m))},[l(e.$slots,`default`,{page:u(h),pageCount:u(g)})],2))}});export{d as default};
+import{transformPropsToContext as e}from"../../shared/vue.js";import"../../shared/index.js";import{useControllableState as t}from"../../composables/use-controllable-state.js";import"../../composables/index.js";import{providePaginationRootContext as n,usePaginationUi as r}from"./context.js";import{createElementBlock as i,defineComponent as a,normalizeClass as o,openBlock as s,renderSlot as c,unref as l}from"vue";const u=a({name:`PaginationRoot`,__name:`pagination-root`,props:{page:{},defaultPage:{default:1},pageSize:{},defaultPageSize:{default:10},total:{default:0},siblingCount:{default:2},disabled:{type:Boolean},showEdges:{type:Boolean,default:!1}},emits:[`update:page`,`update:pageSize`],setup(a,{emit:u}){let d=a,f=u,p=r(`root`),m=t(()=>d.page,e=>{f(`update:page`,e)},d.defaultPage),h=t(()=>d.pageSize,e=>{f(`update:pageSize`,e)},d.defaultPageSize),{pageCount:g}=n({...e(d,[`total`,`siblingCount`,`disabled`,`showEdges`]),page:m,pageSize:h});return(e,t)=>(s(),i(`nav`,{class:o(l(p))},[c(e.$slots,`default`,{page:l(m),pageCount:l(g)})],2))}});export{u as default};

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

@@ -11,10 +11,13 @@ type __VLS_Slots = {} & {
 };
 declare const __VLS_base: vue.DefineComponent<PaginationRootProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
   "update:page": (value: number) => any;
+  "update:pageSize": (value: number) => any;
 }, string, vue.PublicProps, Readonly<PaginationRootProps> & Readonly<{
   "onUpdate:page"?: ((value: number) => any) | undefined;
+  "onUpdate:pageSize"?: ((value: number) => any) | undefined;
 }>, {
   defaultPage: number;
+  defaultPageSize: number;
   total: number;
   siblingCount: number;
   showEdges: boolean;

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

@@ -11,7 +11,13 @@ interface PaginationRootProps extends /** @vue-ignore */HTMLAttributes {
    */
   defaultPage?: number;
   /** Number of items per page */
-  itemsPerPage: number;
+  pageSize?: number;
+  /**
+   * The default value of `pageSize` when initially rendered. Use when you do not need to control the value state.
+   *
+   * @default 10
+   */
+  defaultPageSize?: number;
   /** Number of items in your list */
   total?: number;
   /** Number of sibling should be shown around the current page */
@@ -22,7 +28,8 @@ interface PaginationRootProps extends /** @vue-ignore */HTMLAttributes {
   showEdges?: boolean;
 }
 type PaginationRootEmits = {
-  /** Event handler called when the page value changes */'update:page': [value: number];
+  /** Event handler called when the page value changes */'update:page': [value: number]; /** Event handler called when the page size value changes */
+  'update:pageSize': [value: number];
 };
 interface PaginationListProps extends /** @vue-ignore */HTMLAttributes {}
 interface PaginationListItemProps extends /** @vue-ignore */ButtonHTMLAttributes {

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

@@ -8,15 +8,15 @@ type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_13) => any;
 };
 declare const __VLS_base: vue.DefineComponent<PopoverPositionerProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-  closeAutoFocus: (event: Event) => any;
   escapeKeyDown: (event: KeyboardEvent) => any;
+  closeAutoFocus: (event: Event) => any;
   pointerDownOutside: (event: PointerDownOutsideEvent) => any;
   focusOutside: (event: FocusOutsideEvent) => any;
   interactOutside: (event: PointerDownOutsideEvent | FocusOutsideEvent) => any;
   openAutoFocus: (event: Event) => any;
 }, string, vue.PublicProps, Readonly<PopoverPositionerProps> & Readonly<{
-  onCloseAutoFocus?: ((event: Event) => any) | undefined;
   onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
+  onCloseAutoFocus?: ((event: Event) => any) | undefined;
   onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
   onFocusOutside?: ((event: FocusOutsideEvent) => any) | undefined;
   onInteractOutside?: ((event: PointerDownOutsideEvent | FocusOutsideEvent) => any) | undefined;

package/dist/components/popper/popper-positioner.vue.d.ts

@@ -183,7 +183,7 @@ declare const __VLS_base: vue.DefineComponent<PopperPositionerProps, {}, {}, {},
   'aria-modal': boolean | "true" | "false";
   'aria-multiline': boolean | "true" | "false";
   'aria-multiselectable': boolean | "true" | "false";
-  'aria-orientation': "vertical" | "horizontal";
+  'aria-orientation': "horizontal" | "vertical";
   'aria-owns': string;
   'aria-placeholder': string;
   'aria-posinset': string | number;

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

@@ -10,12 +10,12 @@ type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_22) => any;
 };
 declare const __VLS_base: vue.DefineComponent<SelectContentProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-  closeAutoFocus: (event: Event) => any;
   escapeKeyDown: (event: KeyboardEvent) => any;
+  closeAutoFocus: (event: Event) => any;
   pointerDownOutside: (event: PointerDownOutsideEvent) => any;
 }, string, vue.PublicProps, Readonly<SelectContentProps> & Readonly<{
-  onCloseAutoFocus?: ((event: Event) => any) | undefined;
   onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
+  onCloseAutoFocus?: ((event: Event) => any) | undefined;
   onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
 }>, {
   position: SelectPosition;

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

@@ -18,8 +18,8 @@ declare const __VLS_base: vue.DefineComponent<__VLS_Props, {}, {}, {}, {}, vue.C
   orientation: DataOrientation;
   modelValue: DefinedValue | null;
   loop: boolean;
-  unmountOnHide: boolean;
   activationMode: TabsActivationMode;
+  unmountOnHide: boolean;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/components/toast/toast-root.vue.d.ts

@@ -13,27 +13,27 @@ type __VLS_Slots = {} & {
 };
 declare const __VLS_base: vue.DefineComponent<ToastRootProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
   pause: () => any;
-  "update:open": (value: boolean) => any;
   escapeKeyDown: (event: KeyboardEvent) => any;
   resume: () => any;
   swipeStart: (event: SwipeEvent) => any;
   swipeMove: (event: SwipeEvent) => any;
   swipeCancel: (event: SwipeEvent) => any;
   swipeEnd: (event: SwipeEvent) => any;
+  "update:open": (value: boolean) => any;
 }, string, vue.PublicProps, Readonly<ToastRootProps> & Readonly<{
   onPause?: (() => any) | undefined;
-  "onUpdate:open"?: ((value: boolean) => any) | undefined;
   onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
   onResume?: (() => any) | undefined;
   onSwipeStart?: ((event: SwipeEvent) => any) | undefined;
   onSwipeMove?: ((event: SwipeEvent) => any) | undefined;
   onSwipeCancel?: ((event: SwipeEvent) => any) | undefined;
   onSwipeEnd?: ((event: SwipeEvent) => any) | undefined;
+  "onUpdate:open"?: ((value: boolean) => any) | undefined;
 }>, {
   open: boolean;
   as: AsTag | vue.Component;
-  defaultOpen: boolean;
   liveType: ToastLiveType;
+  defaultOpen: boolean;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/composables/use-dismissable-layer.d.ts

@@ -23,7 +23,7 @@ interface UseDismissableLayerOptions extends EmitsToHookProps<DismissableLayerEm
  * @returns Properties and handlers for the dismissable layer
  */
 declare function useDismissableLayer(layerElement: ShallowRef<HTMLElement | undefined>, options?: UseDismissableLayerOptions): {
-  pointerEvents: vue.ComputedRef<"none" | "auto" | undefined>;
+  pointerEvents: vue.ComputedRef<"auto" | "none" | undefined>;
 };
 /**
  * Composable for creating dismissable layer branches that don't trigger dismissal

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@soybeanjs/headless",
-  "version": "0.10.6",
+  "version": "0.11.0",
   "description": "SoybeanHeadless is a collection unstyled components for Vue 3. It is designed to be lightweight and easy to use.",
   "homepage": "https://github.com/soybeanjs/soybean-ui",
   "bugs": {