@soybeanjs/headless 0.10.5 → 0.11.0

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;
   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;
   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-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;
   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;
   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

@@ -16,8 +16,8 @@ declare const __VLS_base: vue.DefineComponent<InputNumberRootProps, {}, {}, {},
 }>, {
   step: number;
   modelValue: number | null;
-  focusOnChange: boolean;
   stepSnapping: boolean;
+  focusOnChange: 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/link/link.vue.d.ts

@@ -13,8 +13,8 @@ type Slots = {
 type __VLS_Slots = Slots;
 declare const __VLS_base: vue.DefineComponent<LinkProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<LinkProps> & Readonly<{}>, {
   disabled: boolean;
-  as: AsTag | vue.Component;
   replace: boolean;
+  as: AsTag | vue.Component;
   external: boolean;
   viewTransition: boolean;
   rel: "noopener" | "noreferrer" | "nofollow" | "sponsored" | "ugc" | (string & {}) | null;

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;
   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;
   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;
   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;
   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/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,13 +11,16 @@ 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;
-  defaultPage: number;
 }, {}, {}, {}, 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/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/popper/popper-positioner.vue.d.ts

@@ -117,8 +117,8 @@ declare const __VLS_base: vue.DefineComponent<PopperPositionerProps, {}, {}, {},
   contextmenu: string;
   dir: string;
   draggable: boolean | "true" | "false";
-  enterkeyhint: "done" | "next" | "enter" | "go" | "previous" | "search" | "send";
-  enterKeyHint: "done" | "next" | "enter" | "go" | "previous" | "search" | "send";
+  enterkeyhint: "done" | "next" | "search" | "enter" | "go" | "previous" | "send";
+  enterKeyHint: "done" | "next" | "search" | "enter" | "go" | "previous" | "send";
   hidden: "" | "hidden" | (boolean | "true" | "false") | "until-found";
   id: string;
   inert: boolean | "true" | "false";
@@ -202,11 +202,12 @@ declare const __VLS_base: vue.DefineComponent<PopperPositionerProps, {}, {}, {},
   'aria-valuemin': string | number;
   'aria-valuenow': string | number;
   'aria-valuetext': string;
-  side: _floating_ui_utils0.Side;
-  align: Align;
+  reference: _floating_ui_dom0.ReferenceElement;
   placement: Placement$1;
+  side: _floating_ui_utils0.Side;
   sideOffset: number;
   sideFlip: boolean;
+  align: Align;
   alignOffset: number;
   alignFlip: boolean;
   avoidCollisions: boolean;
@@ -220,7 +221,6 @@ declare const __VLS_base: vue.DefineComponent<PopperPositionerProps, {}, {}, {},
   updatePositionStrategy: "optimized" | "always";
   disableUpdateOnLayoutShift: boolean;
   prioritizePosition: boolean;
-  reference: _floating_ui_dom0.ReferenceElement;
 }, {}, {}, {}, 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;
 }>, {
-  as: AsTag | vue.Component;
   open: boolean;
-  defaultOpen: boolean;
+  as: AsTag | vue.Component;
   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/components/visually-hidden/visually-hidden.vue.d.ts

@@ -8,8 +8,8 @@ type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_8) => any;
 };
 declare const __VLS_base: vue.DefineComponent<VisuallyHiddenProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<VisuallyHiddenProps> & Readonly<{}>, {
-  as: AsTag | vue.Component;
   feature: VisuallyHiddenFeature;
+  as: AsTag | vue.Component;
 }, {}, {}, {}, 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.5",
+  "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": {