@soybeanjs/headless 0.18.0 → 0.20.0

package/dist/components/page-tabs/index.d.ts

@@ -1,7 +1,8 @@
-import { PageTabsCloseProps, PageTabsItemEmits, PageTabsItemProps, PageTabsPinProps, PageTabsRootEmits, PageTabsRootProps, PageTabsUi, PageTabsUiSlot } from "./types.js";
-import { _default as _default$3 } from "./page-tabs-root.vue.js";
-import { _default as _default$1 } from "./page-tabs-item.vue.js";
+import { PageTabsCloseProps, PageTabsCompactEmits, PageTabsCompactItemSlotProps, PageTabsCompactProps, PageTabsCompactSlots, PageTabsContextMenuOptionData, PageTabsItemEmits, PageTabsItemProps, PageTabsOptionData, PageTabsPinProps, PageTabsRootEmits, PageTabsRootProps, PageTabsState, PageTabsUi, PageTabsUiSlot } from "./types.js";
+import { _default as _default$4 } from "./page-tabs-root.vue.js";
+import { _default as _default$2 } from "./page-tabs-item.vue.js";
 import { _default } from "./page-tabs-close.vue.js";
-import { _default as _default$2 } from "./page-tabs-pin.vue.js";
+import { _default as _default$3 } from "./page-tabs-pin.vue.js";
+import { _default as _default$1 } from "./page-tabs-compact.vue.js";
 import { providePageTabsUi } from "./context.js";
-export { _default as PageTabsClose, type PageTabsCloseProps, _default$1 as PageTabsItem, type PageTabsItemEmits, type PageTabsItemProps, _default$2 as PageTabsPin, type PageTabsPinProps, _default$3 as PageTabsRoot, type PageTabsRootEmits, type PageTabsRootProps, type PageTabsUi, type PageTabsUiSlot, providePageTabsUi };
+export { _default as PageTabsClose, type PageTabsCloseProps, _default$1 as PageTabsCompact, type PageTabsCompactEmits, type PageTabsCompactItemSlotProps, type PageTabsCompactProps, type PageTabsCompactSlots, type PageTabsContextMenuOptionData, _default$2 as PageTabsItem, type PageTabsItemEmits, type PageTabsItemProps, type PageTabsOptionData, _default$3 as PageTabsPin, type PageTabsPinProps, _default$4 as PageTabsRoot, type PageTabsRootEmits, type PageTabsRootProps, type PageTabsState, type PageTabsUi, type PageTabsUiSlot, providePageTabsUi };

package/dist/components/page-tabs/index.js

@@ -1 +1 @@
-import{providePageTabsUi as e}from"./context.js";import t from"./page-tabs-root.js";import n from"./page-tabs-item.js";import r from"./page-tabs-close.js";import i from"./page-tabs-pin.js";export{r as PageTabsClose,n as PageTabsItem,i as PageTabsPin,t as PageTabsRoot,e as providePageTabsUi};
+import{providePageTabsUi as e}from"./context.js";import t from"./page-tabs-root.js";import n from"./page-tabs-item.js";import r from"./page-tabs-close.js";import i from"./page-tabs-pin.js";import a from"./page-tabs-compact.js";export{r as PageTabsClose,a as PageTabsCompact,n as PageTabsItem,i as PageTabsPin,t as PageTabsRoot,e as providePageTabsUi};

package/dist/components/page-tabs/page-tabs-close.js

@@ -1 +1 @@
-import{Primitive as e}from"../primitive/primitive.js";import"../primitive/index.js";import{usePageTabsItemContext as t,usePageTabsUi as n}from"./context.js";import{createBlock as r,createCommentVNode as i,defineComponent as a,normalizeClass as o,openBlock as s,renderSlot as c,unref as l,withCtx as u,withModifiers as d}from"vue";const f=a({name:`PageTabsClose`,__name:`page-tabs-close`,props:{asChild:{type:Boolean},as:{}},setup(a){let f=n(`close`),{closable:p,onClose:m}=t(`PageTabsClose`);return(t,n)=>l(p)?(s(),r(l(e),{key:0,as:a.as,"as-child":a.asChild,class:o(l(f)),onClick:d(l(m),[`stop`])},{default:u(()=>[c(t.$slots,`default`)]),_:3},8,[`as`,`as-child`,`class`,`onClick`])):i(`v-if`,!0)}});export{f as default};
+import e from"../button/button.js";import{usePageTabsItemContext as t,usePageTabsUi as n}from"./context.js";import{computed as r,createBlock as i,createCommentVNode as a,defineComponent as o,mergeProps as s,openBlock as c,renderSlot as l,unref as u,useAttrs as d,withCtx as f,withModifiers as p}from"vue";const m=o({name:`PageTabsClose`,__name:`page-tabs-close`,props:{type:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{}},setup(o){let m=o,h=d(),g=n(`close`),{closable:_,onClose:v}=t(`PageTabsClose`),y=r(()=>h[`aria-label`]??`Close tab`);return(t,n)=>u(_)?(c(),i(e,s({key:0},m,{"data-soybean-page-tabs-close":``,class:u(g),"aria-label":y.value,tabindex:`-1`,onClick:p(u(v),[`stop`])}),{default:f(()=>[l(t.$slots,`default`)]),_:3},16,[`class`,`aria-label`,`onClick`])):a(`v-if`,!0)}});export{m as default};

package/dist/components/page-tabs/page-tabs-compact.js

@@ -0,0 +1 @@
+import{useControllableState as e}from"../../composables/use-controllable-state.js";import{useOmitProps as t}from"../../composables/use-props.js";import"../../composables/index.js";import n from"../_icon/icon.js";import r from"../context-menu/context-menu-compact.js";import{usePageTabsUi as i}from"./context.js";import{usePageTabsState as a}from"./hooks.js";import o from"./page-tabs-root.js";import s from"./page-tabs-item.js";import c from"./page-tabs-close.js";import l from"./page-tabs-pin.js";import{Fragment as u,computed as d,createBlock as f,createCommentVNode as p,createElementBlock as m,createElementVNode as h,createVNode as g,defineComponent as _,isRef as v,mergeProps as y,normalizeClass as b,openBlock as x,renderList as S,renderSlot as C,shallowRef as w,toDisplayString as T,unref as E,watchEffect as D,withCtx as O}from"vue";const k=_({name:`PageTabsCompact`,__name:`page-tabs-compact`,props:{items:{},menuFactory:{},beforeClose:{type:Function,default:()=>!0},itemProps:{},pinProps:{},closeProps:{},contextMenuProps:{},modelValue:{default:void 0},middleClickClose:{type:Boolean},dir:{},loop:{type:Boolean},currentTabStopId:{},defaultCurrentTabStopId:{},preventScrollOnEntryFocus:{type:Boolean},asChild:{type:Boolean},as:{}},emits:[`update:modelValue`,`update:items`,`click`,`close`,`pin`,`contextmenu`,`selectContextMenu`],setup(_,{emit:k}){let A=_,j=k,M=t(A,[`items`,`menuFactory`,`beforeClose`]),N=e(()=>A.modelValue,e=>{j(`update:modelValue`,e)},``),P=e(()=>A.items,e=>{j(`update:items`,e)},[]),{closeTab:F,pinTab:I,sortTabs:L,getState:R}=a({items:P,modelValue:N,beforeClose:A.beforeClose}),z=w(null),B=w(null),V=i(),H=d(()=>!z.value||!A.menuFactory?[]:A.menuFactory(z.value,R(z.value))),U=(e,t)=>({item:e,index:t,active:N.value===e.value,closable:!e.pinned}),W=e=>{j(`click`,e)},G=e=>{F(e.value,()=>{j(`close`,e)})},K=(e,t)=>{I(e,t),j(`pin`,e)},q=(e,t)=>{B.value=e.currentTarget,z.value=t,j(`contextmenu`,t)},J=async(e,t)=>{if(!z.value)return;let n=e;await n.action?.(),j(`selectContextMenu`,n,z.value)};return D(()=>{L()}),(e,t)=>(x(),f(o,y(E(M),{modelValue:E(N),"onUpdate:modelValue":t[0]||(t[0]=e=>v(N)?N.value=e:null)}),{default:O(()=>[(x(!0),m(u,null,S(E(P),(t,r)=>(x(),f(s,y({ref_for:!0},A.itemProps,{key:t.value,value:t.value,pinned:t.pinned,onClick:e=>W(t),onClose:e=>G(t),onPin:e=>K(t,e),onPointerenter:e=>q(e,t)}),{default:O(()=>[C(e.$slots,`item`,y({ref_for:!0},U(t,r)),()=>[C(e.$slots,`icon`,y({ref_for:!0},U(t,r)),()=>[t.icon?(x(),f(n,{key:0,icon:t.icon},null,8,[`icon`])):p(`v-if`,!0)]),C(e.$slots,`label`,y({ref_for:!0},U(t,r)),()=>[h(`span`,{class:b(E(V).itemText)},T(t.label),3)]),t.hidePinnedIcon?p(`v-if`,!0):(x(),f(l,y({key:0,ref_for:!0},A.pinProps),{default:O(()=>[C(e.$slots,`pin-icon`,{},()=>[g(n,{icon:`lucide:pin`})])]),_:3},16)),g(c,y({ref_for:!0},A.closeProps),{default:O(()=>[C(e.$slots,`close-icon`,{},()=>[g(n,{icon:`lucide:x`})])]),_:3},16),C(e.$slots,`indicator`,y({ref_for:!0},U(t,r)))])]),_:2},1040,[`value`,`pinned`,`onClick`,`onClose`,`onPin`,`onPointerenter`]))),128)),H.value.length?(x(),f(r,y({key:0},_.contextMenuProps,{modal:!1,items:H.value,"trigger-props":{reference:B.value},onSelect:J}),{trigger:O(()=>[...t[1]||(t[1]=[])]),_:1},16,[`items`,`trigger-props`])):p(`v-if`,!0)]),_:3},16,[`modelValue`]))}});export{k as default};

package/dist/components/page-tabs/page-tabs-compact.vue.d.ts

@@ -0,0 +1,27 @@
+import { PageTabsCompactEmits, PageTabsCompactProps, PageTabsCompactSlots, PageTabsContextMenuOptionData, PageTabsOptionData } from "./types.js";
+import * as _$vue from "vue";
+
+//#region src/components/page-tabs/page-tabs-compact.vue.d.ts
+declare const __VLS_export: <T extends PageTabsOptionData = 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: _$vue.PublicProps & __VLS_PrettifyLocal<PageTabsCompactProps<T> & {
+    onContextmenu?: ((tab: T) => any) | undefined;
+    onClose?: ((tab: T) => any) | undefined;
+    onClick?: ((tab: T) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    onPin?: ((tab: T) => any) | undefined;
+    "onUpdate:items"?: ((items: T[]) => any) | undefined;
+    onSelectContextMenu?: ((menu: PageTabsContextMenuOptionData, tab: T) => any) | undefined;
+  }> & (typeof globalThis extends {
+    __VLS_PROPS_FALLBACK: infer P;
+  } ? P : {});
+  expose: (exposed: {}) => void;
+  attrs: any;
+  slots: PageTabsCompactSlots<T>;
+  emit: PageTabsCompactEmits<T>;
+}>) => _$vue.VNode & {
+  __ctx?: Awaited<typeof __VLS_setup>;
+};
+declare const _default: typeof __VLS_export;
+type __VLS_PrettifyLocal<T> = (T extends any ? { [K in keyof T]: T[K] } : { [K in keyof T as K]: T[K] }) & {};
+//#endregion
+export { _default };

package/dist/components/page-tabs/page-tabs-item.js

@@ -1 +1 @@
-import{transformPropsToContext as e}from"../../shared/vue.js";import"../../shared/index.js";import{providePageTabsItemContext as t,usePageTabsRootContext as n,usePageTabsUi as r}from"./context.js";import{computed as i,createElementBlock as a,defineComponent as o,normalizeClass as s,openBlock as c,renderSlot as l,unref as u}from"vue";const d=[`data-value`,`data-active`,`data-pinned`],f=o({name:`PageTabsItem`,__name:`page-tabs-item`,props:{value:{},pinned:{type:Boolean}},emits:[`click`,`close`,`pin`],setup(o,{emit:f}){let p=o,m=f,h=r(`item`),{middleClickClose:g,modelValue:_}=n(`PageTabsItem`),v=i(()=>p.value===_.value),y=i(()=>!p.pinned),b=()=>{v.value||(_.value=p.value,m(`click`))},x=async()=>{y.value&&m(`close`)},S=e=>{e.button===1&&g.value&&(e.preventDefault(),x())},C=()=>{m(`pin`,!p.pinned)};return t({...e(p,[`pinned`]),closable:y,onClose:x,onPin:C}),(e,t)=>(c(),a(`button`,{class:s(u(h)),"data-value":o.value,"data-active":v.value,"data-pinned":o.pinned,onClick:b,onMousedown:S},[l(e.$slots,`default`)],42,d))}});export{f as default};
+import{transformPropsToContext as e}from"../../shared/vue.js";import"../../shared/index.js";import t from"../roving-focus/roving-focus-item.js";import{providePageTabsItemContext as n,usePageTabsRootContext as r,usePageTabsUi as i}from"./context.js";import{computed as a,createBlock as o,defineComponent as s,normalizeClass as c,openBlock as l,renderSlot as u,unref as d,withCtx as f,withKeys as p}from"vue";const m=s({name:`PageTabsItem`,__name:`page-tabs-item`,props:{value:{},pinned:{type:Boolean}},emits:[`click`,`close`,`pin`],setup(s,{emit:m}){let h=s,g=m,_=i(`item`),{middleClickClose:v,modelValue:y}=r(`PageTabsItem`),b=a(()=>h.value===y.value),x=a(()=>!h.pinned),S=()=>{b.value||(y.value=h.value,g(`click`))},C=async()=>{x.value&&g(`close`)},w=e=>{e.button===1&&v.value&&(e.preventDefault(),C())},T=()=>{g(`pin`,!h.pinned)};return n({...e(h,[`pinned`]),closable:x,onClose:C,onPin:T}),(e,n)=>(l(),o(t,{class:c(d(_)),"data-soybean-page-tabs-item":``,"data-value":s.value,"data-active":b.value,"data-pinned":s.pinned,active:b.value,focusable:!0,onClick:S,onMousedown:w,onKeydown:[p(S,[`enter`]),p(C,[`backspace`])]},{default:f(()=>[u(e.$slots,`default`)]),_:3},8,[`class`,`data-value`,`data-active`,`data-pinned`,`active`]))}});export{m as default};

package/dist/components/page-tabs/page-tabs-item.vue.d.ts

@@ -2,17 +2,17 @@ import { PageTabsItemProps } from "./types.js";
 import * as _$vue from "vue";
 
 //#region src/components/page-tabs/page-tabs-item.vue.d.ts
-declare var __VLS_1: {};
+declare var __VLS_13: {};
 type __VLS_Slots = {} & {
-  default?: (props: typeof __VLS_1) => any;
+  default?: (props: typeof __VLS_13) => any;
 };
 declare const __VLS_base: _$vue.DefineComponent<PageTabsItemProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {} & {
-  click: () => any;
   close: () => any;
+  click: () => any;
   pin: (pinned: boolean) => any;
 }, string, _$vue.PublicProps, Readonly<PageTabsItemProps> & Readonly<{
-  onClick?: (() => any) | undefined;
   onClose?: (() => any) | undefined;
+  onClick?: (() => any) | undefined;
   onPin?: ((pinned: boolean) => any) | undefined;
 }>, {}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/components/page-tabs/page-tabs-pin.js

@@ -1 +1 @@
-import{Primitive as e}from"../primitive/primitive.js";import"../primitive/index.js";import{usePageTabsItemContext as t,usePageTabsUi as n}from"./context.js";import{createBlock as r,createCommentVNode as i,defineComponent as a,normalizeClass as o,openBlock as s,renderSlot as c,unref as l,withCtx as u,withModifiers as d}from"vue";const f=a({name:`PageTabsPin`,__name:`page-tabs-pin`,props:{asChild:{type:Boolean},as:{}},setup(a){let f=n(`pin`),{pinned:p,onPin:m}=t(`PageTabsPin`);return(t,n)=>l(p)?(s(),r(l(e),{key:0,as:a.as,"as-child":a.asChild,class:o(l(f)),onClick:d(l(m),[`stop`])},{default:u(()=>[c(t.$slots,`default`)]),_:3},8,[`as`,`as-child`,`class`,`onClick`])):i(`v-if`,!0)}});export{f as default};
+import e from"../button/button.js";import{usePageTabsItemContext as t,usePageTabsUi as n}from"./context.js";import{computed as r,createBlock as i,createCommentVNode as a,defineComponent as o,mergeProps as s,openBlock as c,renderSlot as l,unref as u,useAttrs as d,withCtx as f,withModifiers as p}from"vue";const m=o({name:`PageTabsPin`,__name:`page-tabs-pin`,props:{type:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{}},setup(o){let m=o,h=d(),g=n(`pin`),{pinned:_,onPin:v}=t(`PageTabsPin`),y=r(()=>h[`aria-label`]??(_.value?`Unpin tab`:`Pin tab`));return(t,n)=>u(_)?(c(),i(e,s({key:0},m,{"data-soybean-page-tabs-pin":``,"aria-label":y.value,class:u(g),tabindex:`-1`,onClick:p(u(v),[`stop`])}),{default:f(()=>[l(t.$slots,`default`)]),_:3},16,[`aria-label`,`class`,`onClick`])):a(`v-if`,!0)}});export{m as default};

package/dist/components/page-tabs/page-tabs-root.js

@@ -1 +1 @@
-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{providePageTabsRootContext as n,usePageTabsUi as r}from"./context.js";import{usePageTabsScroll as i}from"./hooks.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:`PageTabsRoot`,__name:`page-tabs-root`,props:{modelValue:{default:void 0},middleClickClose:{type:Boolean}},emits:[`update:modelValue`],setup(o,{emit:d}){let f=o,p=d,m=r(`root`),h=t(()=>f.modelValue,e=>{p(`update:modelValue`,e??``)},``),{setRootElement:g,onWheel:_}=i(h);return n({...e(f,[`middleClickClose`]),modelValue:h}),(e,t)=>(c(),a(`div`,{ref:u(g),class:s([u(m),`soybean-headless-scrollbar-hidden soybean-headless-overflow-y-hidden`]),onWheel:t[0]||(t[0]=(...e)=>u(_)&&u(_)(...e))},[l(e.$slots,`default`)],34))}});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{usePickProps as n}from"../../composables/use-props.js";import"../../composables/index.js";import r from"../roving-focus/roving-focus-group.js";import{providePageTabsRootContext as i,usePageTabsUi as a}from"./context.js";import{usePageTabsScroll as o}from"./hooks.js";import{createBlock as s,defineComponent as c,mergeProps as l,openBlock as u,renderSlot as d,unref as f,withCtx as p}from"vue";const m=c({name:`PageTabsRoot`,__name:`page-tabs-root`,props:{modelValue:{default:void 0},middleClickClose:{type:Boolean},dir:{},loop:{type:Boolean,default:!0},currentTabStopId:{},defaultCurrentTabStopId:{},preventScrollOnEntryFocus:{type:Boolean},asChild:{type:Boolean},as:{}},emits:[`update:modelValue`],setup(c,{emit:m}){let h=c,g=m,_=a(`root`),v=n(h,[`dir`,`loop`,`currentTabStopId`,`defaultCurrentTabStopId`,`preventScrollOnEntryFocus`]),y=t(()=>h.modelValue,e=>{g(`update:modelValue`,e)},``),{setRootElement:b,onWheel:x}=o(y);return i({...e(h,[`middleClickClose`]),modelValue:y}),(e,t)=>(u(),s(r,l({ref:f(b)},f(v),{"data-soybean-page-tabs-root":``,class:[f(_),`soybean-headless-scrollbar-hidden soybean-headless-overflow-y-hidden`],orientation:`horizontal`,onWheel:f(x)}),{default:p(()=>[d(e.$slots,`default`)]),_:3},16,[`class`,`onWheel`]))}});export{m as default};

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

@@ -2,9 +2,9 @@ import { PageTabsRootProps } from "./types.js";
 import * as _$vue from "vue";
 
 //#region src/components/page-tabs/page-tabs-root.vue.d.ts
-declare var __VLS_1: {};
+declare var __VLS_10: {};
 type __VLS_Slots = {} & {
-  default?: (props: typeof __VLS_1) => any;
+  default?: (props: typeof __VLS_10) => any;
 };
 declare const __VLS_base: _$vue.DefineComponent<PageTabsRootProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {} & {
   "update:modelValue": (value: string) => any;
@@ -12,6 +12,7 @@ declare const __VLS_base: _$vue.DefineComponent<PageTabsRootProps, {}, {}, {}, {
   "onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }>, {
   modelValue: string;
+  loop: 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/page-tabs/types.d.ts

@@ -1,12 +1,17 @@
-import { UiClass } from "../../types/common.js";
-import { PrimitiveProps } from "../primitive/types.js";
-import { ComputedRef, HTMLAttributes, ShallowRef } from "vue";
+import { MaybePromise, UiClass } from "../../types/common.js";
+import { BaseProps } from "../../types/vue.js";
+import { ButtonProps } from "../button/types.js";
+import { IconValue } from "../_icon/types.js";
+import { RovingFocusGroupProps } from "../roving-focus/types.js";
+import { MenuOptionData } from "../menu/types.js";
+import { ContextMenuCompactProps } from "../context-menu/types.js";
+import { ComputedRef, ShallowRef } from "vue";
 
 //#region src/components/page-tabs/types.d.ts
 /**
  * Properties for the PageTabsRoot component.
  */
-interface PageTabsRootProps extends /** @vue-ignore */HTMLAttributes {
+interface PageTabsRootProps extends Omit<RovingFocusGroupProps, 'orientation'>, Omit<BaseProps, 'dir'> {
   /**
    * The active tab value.
    */
@@ -28,7 +33,7 @@ type PageTabsRootEmits = {
 /**
  * Properties for the PageTabsItem component.
  */
-interface PageTabsItemProps extends /** @vue-ignore */Omit<HTMLAttributes, 'onClick'> {
+interface PageTabsItemProps extends Omit<BaseProps, 'onClick'> {
   /**
    * The unique value of the tab.
    */
@@ -58,18 +63,212 @@ type PageTabsItemEmits = {
 /**
  * Properties for the PageTabsClose component.
  */
-interface PageTabsCloseProps extends PrimitiveProps, /** @vue-ignore */HTMLAttributes {}
+interface PageTabsCloseProps extends ButtonProps {}
 /**
  * Properties for the PageTabsPin component.
  */
-interface PageTabsPinProps extends PrimitiveProps, /** @vue-ignore */HTMLAttributes {}
+interface PageTabsPinProps extends ButtonProps {}
+/**
+ * Option data for the PageTabs component.
+ */
+interface PageTabsOptionData extends PageTabsItemProps {
+  /**
+   * Label text rendered by the component.
+   */
+  label: string;
+  /**
+   * Icon rendered by the component.
+   */
+  icon?: IconValue;
+  /**
+   * Whether to hide the pinned icon on the tab.
+   */
+  hidePinnedIcon?: boolean;
+}
+/**
+ * State values for PageTabsState.
+ */
+interface PageTabsState {
+  /**
+   * Pin.
+   */
+  pin: () => void;
+  /**
+   * Unpin.
+   */
+  unpin: () => void;
+  /**
+   * Whether the component can be closed.
+   */
+  closable: boolean;
+  /**
+   * Close.
+   */
+  close: () => Promise<void>;
+  /**
+   * Whether left closable.
+   */
+  leftClosable: boolean;
+  /**
+   * Close left.
+   */
+  closeLeft: () => void;
+  /**
+   * Whether right closable.
+   */
+  rightClosable: boolean;
+  /**
+   * Close right.
+   */
+  closeRight: () => void;
+  /**
+   * Whether other closable.
+   */
+  otherClosable: boolean;
+  /**
+   * Close other.
+   */
+  closeOther: () => void;
+  /**
+   * Whether all closable.
+   */
+  allClosable: boolean;
+  /**
+   * Close all.
+   */
+  closeAll: () => void;
+}
+/**
+ * Option data for the PageTabs context menu.
+ */
+interface PageTabsContextMenuOptionData extends MenuOptionData<string> {
+  /**
+   * Action to perform when the menu item is selected.
+   */
+  action?: () => MaybePromise<void>;
+}
+/**
+ * Properties for the PageTabsCompact component.
+ */
+interface PageTabsCompactProps<T extends PageTabsOptionData = PageTabsOptionData> extends PageTabsRootProps {
+  /**
+   * Items rendered by the component.
+   */
+  items: T[];
+  /**
+   * A factory function to generate context menu options for each tab.
+   * @param tab The tab data.
+   * @param state The current state and operations for the tab.
+   */
+  menuFactory?: (tab: T, state: PageTabsState) => PageTabsContextMenuOptionData[];
+  /**
+   * Callback invoked before closing the tab. Return `false` or a promise that resolves to `false` to prevent closing.
+   * @param value The current tab value.
+   */
+  beforeClose?: (value: string) => MaybePromise<boolean | void>;
+  /**
+   * Per-slot class overrides for the component.
+   */
+  itemProps?: BaseProps;
+  /**
+   * Per-slot class overrides for the component.
+   */
+  pinProps?: BaseProps;
+  /**
+   * Per-slot class overrides for the component.
+   */
+  closeProps?: BaseProps;
+  /**
+   * Additional props for the context menu component.
+   */
+  contextMenuProps?: Omit<ContextMenuCompactProps, 'options'>;
+}
+/**
+ * Events for the PageTabsCompact component.
+ */
+type PageTabsCompactEmits<T extends PageTabsOptionData = PageTabsOptionData> = PageTabsRootEmits & {
+  /**
+   * Emitted when the items change.
+   */
+  (e: 'update:items', items: T[]): void;
+  /**
+   * Emitted when a tab is clicked.
+   */
+  (e: 'click', tab: T): void;
+  /**
+   * Emitted when a tab is closed.
+   */
+  (e: 'close', tab: T): void;
+  /**
+   * Emitted when a tab is pinned or unpinned.
+   */
+  (e: 'pin', tab: T): void;
+  /**
+   * Emitted when the context target tab changes.
+   */
+  (e: 'contextmenu', tab: T): void;
+  /**
+   * Emitted when a context menu item is selected.
+   */
+  (e: 'selectContextMenu', menu: PageTabsContextMenuOptionData, tab: T): void;
+};
+/**
+ * Slot props for a compact page tab item.
+ */
+interface PageTabsCompactItemSlotProps<T extends PageTabsOptionData = PageTabsOptionData> {
+  /**
+   * Current item data.
+   */
+  item: T;
+  /**
+   * Index of the current item.
+   */
+  index: number;
+  /**
+   * Whether the current item is active.
+   */
+  active: boolean;
+  /**
+   * Whether the current item can be closed.
+   */
+  closable: boolean;
+}
+/**
+ * Slots for the PageTabsCompact component.
+ */
+type PageTabsCompactSlots<T extends PageTabsOptionData = PageTabsOptionData> = {
+  /**
+   * Custom content for the default tab item body.
+   */
+  item?: (props: PageTabsCompactItemSlotProps<T>) => any;
+  /**
+   * Custom content for the tab icon.
+   */
+  icon?: (props: PageTabsCompactItemSlotProps<T>) => any;
+  /**
+   * Custom content for the tab label.
+   */
+  label?: (props: PageTabsCompactItemSlotProps<T>) => any;
+  /**
+   * Custom content for the tab indicator.
+   */
+  indicator?: (props: PageTabsCompactItemSlotProps<T>) => any;
+  /**
+   * Custom content for the pin icon.
+   */
+  'pin-icon'?: () => void;
+  /**
+   * Custom content for the close icon.
+   */
+  'close-icon'?: () => void;
+};
 /**
  * Available UI slots for the PageTabs component.
  */
-type PageTabsUiSlot = 'root' | 'item' | 'close' | 'pin';
+type PageTabsUiSlot = 'root' | 'item' | 'close' | 'pin' | 'itemText';
 /**
  * UI class overrides for the PageTabs component.
  */
 type PageTabsUi = UiClass<PageTabsUiSlot>;
 //#endregion
-export { PageTabsCloseProps, PageTabsItemEmits, PageTabsItemProps, PageTabsPinProps, PageTabsRootEmits, PageTabsRootProps, PageTabsUi, PageTabsUiSlot };
+export { PageTabsCloseProps, PageTabsCompactEmits, PageTabsCompactItemSlotProps, PageTabsCompactProps, PageTabsCompactSlots, PageTabsContextMenuOptionData, PageTabsItemEmits, PageTabsItemProps, PageTabsOptionData, PageTabsPinProps, PageTabsRootEmits, PageTabsRootProps, PageTabsState, PageTabsUi, PageTabsUiSlot };

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

@@ -1 +1 @@
-import{usePaginationUi as e}from"./context.js";import{createElementBlock as t,createTextVNode as n,defineComponent as r,normalizeClass as i,openBlock as a,renderSlot as o,unref as s}from"vue";const c=r({name:`PaginationEllipsis`,__name:`pagination-ellipsis`,setup(r){let c=e(`ellipsis`);return(e,r)=>(a(),t(`div`,{class:i(s(c)),"data-type":`ellipsis`},[o(e.$slots,`default`,{},()=>[r[0]||(r[0]=n(`...`,-1))])],2))}});export{c as default};
+import{usePaginationUi as e}from"./context.js";import{createElementBlock as t,createTextVNode as n,defineComponent as r,normalizeClass as i,openBlock as a,renderSlot as o,unref as s}from"vue";const c=r({name:`PaginationEllipsis`,__name:`pagination-ellipsis`,setup(r){let c=e(`ellipsis`);return(e,r)=>(a(),t(`div`,{"data-soybean-pagination-ellipsis":``,class:i(s(c)),"data-type":`ellipsis`},[o(e.$slots,`default`,{},()=>[r[0]||(r[0]=n(`...`,-1))])],2))}});export{c as default};

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

@@ -1 +1 @@
-import{usePaginationRootContext as e,usePaginationUi as t}from"./context.js";import{computed as n,createElementBlock as r,createTextVNode as i,defineComponent as a,normalizeClass as o,openBlock as s,renderSlot as c,unref as l}from"vue";const u=[`disabled`,`data-disabled`],d=a({name:`PaginationFirst`,__name:`pagination-first`,setup(a){let{page:d,onPageChange:f,disabled:p}=e(`PaginationFirst`),m=t(`first`),h=n(()=>p.value||d.value===1),g=()=>{h.value||f(1)};return(e,t)=>(s(),r(`button`,{class:o(l(m)),disabled:h.value,"data-disabled":h.value?``:void 0,"aria-label":`First Page`,onClick:g},[c(e.$slots,`default`,{},()=>[t[0]||(t[0]=i(`First page`,-1))])],10,u))}});export{d as default};
+import{useLocaleMessages as e}from"../../locale/hooks.js";import"../../locale/index.js";import t from"../button/button.js";import{usePaginationRootContext as n,usePaginationUi as r}from"./context.js";import{computed as i,createBlock as a,createTextVNode as o,defineComponent as s,mergeProps as c,openBlock as l,renderSlot as u,toDisplayString as d,unref as f,withCtx as p}from"vue";const m=s({name:`PaginationFirst`,__name:`pagination-first`,props:{type:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{}},setup(s){let m=s,{page:h,onPageChange:g,disabled:_}=n(`PaginationFirst`),v=r(`first`),y=e(),b=i(()=>_.value||h.value===1),x=()=>{g(1)};return(e,n)=>(l(),a(t,c(m,{"data-soybean-pagination-first":``,"data-soybean-pagination-action":``,class:f(v),disabled:b.value,"aria-label":f(y).pagination.firstPage,onClick:x}),{default:p(()=>[u(e.$slots,`default`,{},()=>[o(d(f(y).pagination.firstPage),1)])]),_:3},16,[`class`,`disabled`,`aria-label`]))}});export{m as default};

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

@@ -2,9 +2,9 @@ import { PaginationButtonProps } from "./types.js";
 import * as _$vue from "vue";
 
 //#region src/components/pagination/pagination-first.vue.d.ts
-declare var __VLS_1: {};
+declare var __VLS_10: {};
 type __VLS_Slots = {} & {
-  default?: (props: typeof __VLS_1) => any;
+  default?: (props: typeof __VLS_10) => any;
 };
 declare const __VLS_base: _$vue.DefineComponent<PaginationButtonProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<PaginationButtonProps> & Readonly<{}>, {}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

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

@@ -1 +1 @@
-import{usePaginationRootContext as e,usePaginationUi as t}from"./context.js";import{computed as n,createElementBlock as r,createTextVNode as i,defineComponent as a,normalizeClass as o,openBlock as s,renderSlot as c,unref as l}from"vue";const u=[`disabled`,`data-disabled`],d=a({name:`PaginationLast`,__name:`pagination-last`,setup(a){let{page:d,onPageChange:f,pageCount:p,disabled:m}=e(`PaginationLast`),h=t(`last`),g=n(()=>m.value||d.value===p.value),_=()=>{g.value||f(p.value)};return(e,t)=>(s(),r(`button`,{class:o(l(h)),disabled:g.value,"data-disabled":g.value?``:void 0,"aria-label":`Last Page`,onClick:_},[c(e.$slots,`default`,{},()=>[t[0]||(t[0]=i(`Last page`,-1))])],10,u))}});export{d as default};
+import{useLocaleMessages as e}from"../../locale/hooks.js";import"../../locale/index.js";import t from"../button/button.js";import{usePaginationRootContext as n,usePaginationUi as r}from"./context.js";import{computed as i,createBlock as a,createTextVNode as o,defineComponent as s,mergeProps as c,openBlock as l,renderSlot as u,toDisplayString as d,unref as f,withCtx as p}from"vue";const m=s({name:`PaginationLast`,__name:`pagination-last`,props:{type:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{}},setup(s){let m=s,{page:h,onPageChange:g,pageCount:_,disabled:v}=n(`PaginationLast`),y=r(`last`),b=e(),x=i(()=>v.value||h.value===_.value),S=()=>{g(_.value)};return(e,n)=>(l(),a(t,c(m,{"data-soybean-pagination-last":``,"data-soybean-pagination-action":``,class:f(y),disabled:x.value,"aria-label":f(b).pagination.lastPage,onClick:S}),{default:p(()=>[u(e.$slots,`default`,{},()=>[o(d(f(b).pagination.lastPage),1)])]),_:3},16,[`class`,`disabled`,`aria-label`]))}});export{m as default};

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

@@ -2,9 +2,9 @@ import { PaginationButtonProps } from "./types.js";
 import * as _$vue from "vue";
 
 //#region src/components/pagination/pagination-last.vue.d.ts
-declare var __VLS_1: {};
+declare var __VLS_10: {};
 type __VLS_Slots = {} & {
-  default?: (props: typeof __VLS_1) => any;
+  default?: (props: typeof __VLS_10) => any;
 };
 declare const __VLS_base: _$vue.DefineComponent<PaginationButtonProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<PaginationButtonProps> & Readonly<{}>, {}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/components/pagination/pagination-list-item.js

@@ -1 +1 @@
-import{usePaginationRootContext as e,usePaginationUi as t}from"./context.js";import{computed as n,createElementBlock as r,createTextVNode as i,defineComponent as a,normalizeClass as o,openBlock as s,renderSlot as c,toDisplayString as l,unref as u}from"vue";const d=[`aria-label`,`aria-current`,`data-selected`,`disabled`,`data-disabled`],f=a({name:`PaginationListItem`,__name:`pagination-list-item`,props:{value:{}},setup(a){let f=a,{page:p,onPageChange:m,disabled:h}=e(`PaginationListItem`),g=t(`listItem`),_=n(()=>p.value===f.value),v=()=>{h.value||m(f.value)};return(e,t)=>(s(),r(`button`,{class:o(u(g)),"data-type":`page`,"aria-label":`Page ${a.value}`,"aria-current":_.value?`page`:void 0,"data-selected":_.value?``:void 0,disabled:u(h),"data-disabled":u(h)?``:void 0,onClick:v},[c(e.$slots,`default`,{},()=>[i(l(a.value),1)])],10,d))}});export{f as default};
+import{useOmitProps as e}from"../../composables/use-props.js";import"../../composables/index.js";import t from"../button/button.js";import{usePaginationRootContext as n,usePaginationUi as r}from"./context.js";import{computed as i,createBlock as a,createTextVNode as o,defineComponent as s,mergeProps as c,openBlock as l,renderSlot as u,toDisplayString as d,unref as f,withCtx as p}from"vue";const m=s({name:`PaginationListItem`,__name:`pagination-list-item`,props:{value:{},type:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{}},setup(s){let m=s,h=e(m,[`value`]),{page:g,onPageChange:_,disabled:v}=n(`PaginationListItem`),y=r(`listItem`),b=i(()=>g.value===m.value),x=()=>{_(m.value)};return(e,n)=>(l(),a(t,c(f(h),{"data-soybean-pagination-list-item":``,class:f(y),"data-type":`page`,"aria-label":`Page ${s.value}`,"aria-current":b.value?`page`:void 0,"data-selected":b.value?``:void 0,disabled:f(v),onClick:x}),{default:p(()=>[u(e.$slots,`default`,{},()=>[o(d(s.value),1)])]),_:3},16,[`class`,`aria-label`,`aria-current`,`data-selected`,`disabled`]))}});export{m as default};

package/dist/components/pagination/pagination-list-item.vue.d.ts

@@ -2,9 +2,9 @@ import { PaginationListItemProps } from "./types.js";
 import * as _$vue from "vue";
 
 //#region src/components/pagination/pagination-list-item.vue.d.ts
-declare var __VLS_1: {};
+declare var __VLS_10: {};
 type __VLS_Slots = {} & {
-  default?: (props: typeof __VLS_1) => any;
+  default?: (props: typeof __VLS_10) => any;
 };
 declare const __VLS_base: _$vue.DefineComponent<PaginationListItemProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<PaginationListItemProps> & Readonly<{}>, {}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

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

@@ -1 +1 @@
-import{usePaginationRootContext as e,usePaginationUi as t}from"./context.js";import{getRange as n,transform as r}from"./shared.js";import{computed as i,createElementBlock as a,defineComponent as o,normalizeClass as s,openBlock as c,renderSlot as l,unref as u}from"vue";const d=o({name:`PaginationList`,__name:`pagination-list`,setup(o){let{page:d,pageCount:f,siblingCount:p,showEdges:m}=e(`PaginationList`),h=t(`list`),g=i(()=>r(n(d.value,f.value,p.value,m.value)));return(e,t)=>(c(),a(`div`,{class:s(u(h))},[l(e.$slots,`default`,{items:g.value})],2))}});export{d as default};
+import{usePaginationRootContext as e,usePaginationUi as t}from"./context.js";import{getRange as n,transform as r}from"./shared.js";import{computed as i,createElementBlock as a,defineComponent as o,normalizeClass as s,openBlock as c,renderSlot as l,unref as u}from"vue";const d=o({name:`PaginationList`,__name:`pagination-list`,setup(o){let{page:d,pageCount:f,siblingCount:p,showEdges:m}=e(`PaginationList`),h=t(`list`),g=i(()=>r(n(d.value,f.value,p.value,m.value)));return(e,t)=>(c(),a(`div`,{"data-soybean-pagination-list":``,class:s(u(h))},[l(e.$slots,`default`,{items:g.value})],2))}});export{d as default};

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

@@ -1 +1 @@
-import{usePaginationRootContext as e,usePaginationUi as t}from"./context.js";import{computed as n,createElementBlock as r,createTextVNode as i,defineComponent as a,normalizeClass as o,openBlock as s,renderSlot as c,unref as l}from"vue";const u=[`disabled`,`data-disabled`],d=a({name:`PaginationNext`,__name:`pagination-next`,setup(a){let{page:d,onPageChange:f,pageCount:p,disabled:m}=e(`PaginationNext`),h=t(`next`),g=n(()=>m.value||d.value===p.value),_=()=>{g.value||f(d.value+1)};return(e,t)=>(s(),r(`button`,{class:o(l(h)),disabled:g.value,"data-disabled":g.value?``:void 0,"aria-label":`Next Page`,onClick:_},[c(e.$slots,`default`,{},()=>[t[0]||(t[0]=i(`Next page`,-1))])],10,u))}});export{d as default};
+import{useLocaleMessages as e}from"../../locale/hooks.js";import"../../locale/index.js";import t from"../button/button.js";import{usePaginationRootContext as n,usePaginationUi as r}from"./context.js";import{computed as i,createBlock as a,createTextVNode as o,defineComponent as s,mergeProps as c,openBlock as l,renderSlot as u,toDisplayString as d,unref as f,withCtx as p}from"vue";const m=s({name:`PaginationNext`,__name:`pagination-next`,props:{type:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{}},setup(s){let m=s,{page:h,onPageChange:g,pageCount:_,disabled:v}=n(`PaginationNext`),y=r(`next`),b=e(),x=i(()=>v.value||h.value===_.value),S=()=>{g(h.value+1)};return(e,n)=>(l(),a(t,c(m,{"data-soybean-pagination-next":``,"data-soybean-pagination-action":``,class:f(y),disabled:x.value,"aria-label":f(b).pagination.nextPage,onClick:S}),{default:p(()=>[u(e.$slots,`default`,{},()=>[o(d(f(b).pagination.nextPage),1)])]),_:3},16,[`class`,`disabled`,`aria-label`]))}});export{m as default};

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

@@ -2,9 +2,9 @@ import { PaginationButtonProps } from "./types.js";
 import * as _$vue from "vue";
 
 //#region src/components/pagination/pagination-next.vue.d.ts
-declare var __VLS_1: {};
+declare var __VLS_10: {};
 type __VLS_Slots = {} & {
-  default?: (props: typeof __VLS_1) => any;
+  default?: (props: typeof __VLS_10) => any;
 };
 declare const __VLS_base: _$vue.DefineComponent<PaginationButtonProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<PaginationButtonProps> & Readonly<{}>, {}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

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

@@ -1 +1 @@
-import{usePaginationRootContext as e,usePaginationUi as t}from"./context.js";import{computed as n,createElementBlock as r,createTextVNode as i,defineComponent as a,normalizeClass as o,openBlock as s,renderSlot as c,unref as l}from"vue";const u=[`disabled`,`data-disabled`],d=a({name:`PaginationPrev`,__name:`pagination-prev`,setup(a){let{page:d,onPageChange:f,disabled:p}=e(`PaginationPrev`),m=t(`prev`),h=n(()=>p.value||d.value===1),g=()=>{h.value||f(d.value-1)};return(e,t)=>(s(),r(`button`,{class:o(l(m)),disabled:h.value,"data-disabled":h.value?``:void 0,"aria-label":`Previous Page`,onClick:g},[c(e.$slots,`default`,{},()=>[t[0]||(t[0]=i(`Prev page`,-1))])],10,u))}});export{d as default};
+import{useLocaleMessages as e}from"../../locale/hooks.js";import"../../locale/index.js";import t from"../button/button.js";import{usePaginationRootContext as n,usePaginationUi as r}from"./context.js";import{computed as i,createBlock as a,createTextVNode as o,defineComponent as s,mergeProps as c,openBlock as l,renderSlot as u,toDisplayString as d,unref as f,withCtx as p}from"vue";const m=s({name:`PaginationPrev`,__name:`pagination-prev`,props:{type:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{}},setup(s){let m=s,{page:h,onPageChange:g,disabled:_}=n(`PaginationPrev`),v=r(`prev`),y=e(),b=i(()=>_.value||h.value===1),x=()=>{g(h.value-1)};return(e,n)=>(l(),a(t,c(m,{"data-soybean-pagination-prev":``,"data-soybean-pagination-action":``,class:f(v),disabled:b.value,"aria-label":f(y).pagination.prevPage,onClick:x}),{default:p(()=>[u(e.$slots,`default`,{},()=>[o(d(f(y).pagination.prevPage),1)])]),_:3},16,[`class`,`disabled`,`aria-label`]))}});export{m as default};

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

@@ -2,9 +2,9 @@ import { PaginationButtonProps } from "./types.js";
 import * as _$vue from "vue";
 
 //#region src/components/pagination/pagination-prev.vue.d.ts
-declare var __VLS_1: {};
+declare var __VLS_10: {};
 type __VLS_Slots = {} & {
-  default?: (props: typeof __VLS_1) => any;
+  default?: (props: typeof __VLS_10) => any;
 };
 declare const __VLS_base: _$vue.DefineComponent<PaginationButtonProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<PaginationButtonProps> & Readonly<{}>, {}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

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

@@ -1 +1 @@
-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};
+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`,{"data-soybean-pagination-root":``,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

@@ -16,11 +16,11 @@ declare const __VLS_base: _$vue.DefineComponent<PaginationRootProps, {}, {}, {},
   "onUpdate:page"?: ((value: number) => any) | undefined;
   "onUpdate:pageSize"?: ((value: number) => any) | undefined;
 }>, {
-  defaultPage: number;
-  defaultPageSize: number;
   total: number;
   siblingCount: number;
   showEdges: boolean;
+  defaultPage: number;
+  defaultPageSize: 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

@@ -1,11 +1,13 @@
 import { UiClass } from "../../types/common.js";
-import { ButtonHTMLAttributes, HTMLAttributes, ShallowRef } from "vue";
+import { BaseProps } from "../../types/vue.js";
+import { ButtonProps } from "../button/types.js";
+import { ShallowRef } from "vue";
 
 //#region src/components/pagination/types.d.ts
 /**
  * Properties for the PaginationRoot component.
  */
-interface PaginationRootProps extends /** @vue-ignore */HTMLAttributes {
+interface PaginationRootProps extends BaseProps {
   /** The controlled value of the current page. Can be bound as `v-model:page`. */
   page?: number;
   /**
@@ -40,30 +42,22 @@ type PaginationRootEmits = {
 /**
  * Properties for the PaginationList component.
  */
-interface PaginationListProps extends /** @vue-ignore */HTMLAttributes {}
+interface PaginationListProps extends BaseProps {}
 /**
  * Properties for the PaginationListItem component.
  */
-interface PaginationListItemProps extends /** @vue-ignore */ButtonHTMLAttributes {
+interface PaginationListItemProps extends ButtonProps {
   /** Value for the page */
   value: number;
 }
 /**
  * Properties for the PaginationEllipsis component.
  */
-interface PaginationEllipsisProps extends /** @vue-ignore */HTMLAttributes {}
+interface PaginationEllipsisProps extends BaseProps {}
 /**
  * Properties for the PaginationButton component.
  */
-interface PaginationButtonProps extends /** @vue-ignore */ButtonHTMLAttributes {}
-/**
- * Available UI slots for the Pagination component.
- */
-type PaginationUiSlot = 'root' | 'list' | 'listItem' | 'ellipsis' | 'first' | 'prev' | 'next' | 'last';
-/**
- * UI class overrides for the Pagination component.
- */
-type PaginationUi = UiClass<PaginationUiSlot>;
+interface PaginationButtonProps extends ButtonProps {}
 /**
  * Type information for PageEllipsis.
  */
@@ -134,7 +128,7 @@ type PaginationCompactEmits = PaginationRootEmits;
 /**
  * Slots for the PaginationCompact component.
  */
-interface PaginationCompactSlots {
+type PaginationCompactSlots = {
   /**
    * Custom content for the leading slot.
    */
@@ -163,6 +157,14 @@ interface PaginationCompactSlots {
    * Custom content for the ellipsis slot.
    */
   ellipsis?: () => any;
-}
+};
+/**
+ * Available UI slots for the Pagination component.
+ */
+type PaginationUiSlot = 'root' | 'list' | 'listItem' | 'ellipsis' | 'first' | 'prev' | 'next' | 'last';
+/**
+ * UI class overrides for the Pagination component.
+ */
+type PaginationUi = UiClass<PaginationUiSlot>;
 //#endregion
 export { Pages, PaginationButtonProps, PaginationCompactEmits, PaginationCompactProps, PaginationCompactSlots, PaginationEllipsisProps, PaginationListItemProps, PaginationListProps, PaginationRootEmits, PaginationRootProps, PaginationUi, PaginationUiSlot };

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

@@ -0,0 +1,9 @@
+import { UiClass } from "../../types/common.js";
+import { UseUiConsumer } from "../../composables/use-ui-context.js";
+import { PasswordUiSlot } from "./types.js";
+import * as _$vue from "vue";
+
+//#region src/components/password/context.d.ts
+declare const providePasswordUi: (ui: _$vue.ComputedRef<Partial<UiClass<PasswordUiSlot>>>) => _$vue.ComputedRef<Partial<UiClass<PasswordUiSlot>>>, usePasswordUi: UseUiConsumer<PasswordUiSlot>;
+//#endregion
+export { providePasswordUi };