@soybeanjs/headless 0.30.0 → 0.40.0-beta.2

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

@@ -9,8 +9,10 @@ import { ShallowRef } from "vue";
 //#region src/components/navigation-menu/types.d.ts
 /**
  * Properties for the NavigationMenuRoot component.
+ *
+ * @deprecated Use `NavMenuRootProps` instead. Will be removed in v1.0.
  */
-interface NavigationMenuRootProps extends BaseProps {
+export interface NavigationMenuRootProps extends BaseProps {
   /** The controlled value of the menu item to activate. Can be used as `v-model`. */
   modelValue?: string;
   /**
@@ -66,8 +68,10 @@ interface NavigationMenuRootProps extends BaseProps {
 }
 /**
  * Events for the NavigationMenuRoot component.
+ *
+ * @deprecated Use `NavMenuRootEmits` instead. Will be removed in v1.0.
  */
-type NavigationMenuRootEmits = {
+export type NavigationMenuRootEmits = {
   /**
    * Emitted when the model value changes.
    */
@@ -75,8 +79,10 @@ type NavigationMenuRootEmits = {
 };
 /**
  * Properties for the NavigationMenuViewport component.
+ *
+ * @deprecated Use `NavMenuViewportProps` instead. Will be removed in v1.0.
  */
-interface NavigationMenuViewportProps extends ForceMountProps, BaseProps {
+export interface NavigationMenuViewportProps extends ForceMountProps, BaseProps {
   /**
    * Align.
    */
@@ -84,24 +90,34 @@ interface NavigationMenuViewportProps extends ForceMountProps, BaseProps {
 }
 /**
  * Properties for the NavigationMenuContentImpl component.
+ *
+ * @deprecated Use `NavMenuContentProps` instead. Will be removed in v1.0.
  */
-interface NavigationMenuContentImplProps extends DismissableLayerProps, BaseProps {}
+export interface NavigationMenuContentImplProps extends DismissableLayerProps, BaseProps {}
 /**
  * Events for the NavigationMenuContentImpl component.
+ *
+ * @deprecated Use `NavMenuContentEmits` instead. Will be removed in v1.0.
  */
-type NavigationMenuContentImplEmits = DismissableLayerEmits;
+export type NavigationMenuContentImplEmits = DismissableLayerEmits;
 /**
  * Properties for the NavigationMenuContent component.
+ *
+ * @deprecated Use `NavMenuContentProps` instead. Will be removed in v1.0.
  */
-interface NavigationMenuContentProps extends NavigationMenuContentImplProps, ForceMountProps {}
+export interface NavigationMenuContentProps extends NavigationMenuContentImplProps, ForceMountProps {}
 /**
  * Events for the NavigationMenuContent component.
+ *
+ * @deprecated Use `NavMenuContentEmits` instead. Will be removed in v1.0.
  */
-type NavigationMenuContentEmits = NavigationMenuContentImplEmits;
+export type NavigationMenuContentEmits = NavigationMenuContentImplEmits;
 /**
  * Properties for the NavigationMenuTrigger component.
+ *
+ * @deprecated Use `NavMenuTriggerProps` instead. Will be removed in v1.0.
  */
-interface NavigationMenuTriggerProps extends PrimitiveWithBaseProps {
+export interface NavigationMenuTriggerProps extends PrimitiveWithBaseProps {
   /**
    * Whether the component is disabled.
    */
@@ -109,16 +125,22 @@ interface NavigationMenuTriggerProps extends PrimitiveWithBaseProps {
 }
 /**
  * Properties for the NavigationMenuList component.
+ *
+ * @deprecated Use `NavMenuListProps` instead. Will be removed in v1.0.
  */
-interface NavigationMenuListProps extends BaseProps {}
+export interface NavigationMenuListProps extends BaseProps {}
 /**
  * Properties for the NavigationMenuSubList component.
+ *
+ * @deprecated Use `NavMenuSubContentProps` instead. Will be removed in v1.0.
  */
-interface NavigationMenuSubListProps extends BaseProps {}
+export interface NavigationMenuSubListProps extends BaseProps {}
 /**
  * Properties for the NavigationMenuItem component.
+ *
+ * @deprecated Use `NavMenuItemProps` instead. Will be removed in v1.0.
  */
-interface NavigationMenuItemProps extends BaseProps {
+export interface NavigationMenuItemProps extends BaseProps {
   /**
    * Value associated with the current item.
    */
@@ -126,15 +148,19 @@ interface NavigationMenuItemProps extends BaseProps {
 }
 /**
  * Properties for the NavigationMenuLink component.
+ *
+ * @deprecated Use `NavMenuLinkProps` instead. Will be removed in v1.0.
  */
-interface NavigationMenuLinkProps extends Omit<LinkProps, 'onSelect'> {
-  /** Used to identify the link as the currently active page. */
-  active?: boolean;
+export interface NavigationMenuLinkProps extends Omit<LinkProps, 'onSelect'> {
+  /** Used to identify the link as the currently selected page. */
+  selected?: boolean;
 }
 /**
  * Events for the NavigationMenuLink component.
+ *
+ * @deprecated Use `NavMenuLinkEmits` instead. Will be removed in v1.0.
  */
-type NavigationMenuLinkEmits = {
+export type NavigationMenuLinkEmits = {
   /**
    * Emitted when select occurs.
    */
@@ -144,12 +170,16 @@ type NavigationMenuLinkEmits = {
 };
 /**
  * Properties for the NavigationMenuIndicator component.
+ *
+ * @deprecated The `NavigationMenu` family is superseded by `NavMenu`.; `NavMenu` has no indicator concept. Will be removed in v1.0.
  */
-interface NavigationMenuIndicatorProps extends ForceMountProps, BaseProps {}
+export interface NavigationMenuIndicatorProps extends ForceMountProps, BaseProps {}
 /**
  * Properties for the NavigationMenuSub component.
+ *
+ * @deprecated Sub navigation is modeled by `NavMenuSubTrigger` / `NavMenuSubContent`. Will be removed in v1.0.
  */
-interface NavigationMenuSubProps extends BaseProps {
+export interface NavigationMenuSubProps extends BaseProps {
   /**
    * Current model value.
    */
@@ -161,20 +191,28 @@ interface NavigationMenuSubProps extends BaseProps {
 }
 /**
  * Events for the NavigationMenuSub component.
+ *
+ * @deprecated Sub navigation is modeled by `NavMenuSubTrigger` / `NavMenuSubContent`. Will be removed in v1.0.
  */
-type NavigationMenuSubEmits = NavigationMenuRootEmits;
+export type NavigationMenuSubEmits = NavigationMenuRootEmits;
 /**
  * Available UI slots for the NavigationMenu component.
+ *
+ * @deprecated Use `NavMenuUiSlot` instead. Will be removed in v1.0.
  */
-type NavigationMenuUiSlot = 'root' | 'trigger' | 'content' | 'list' | 'indicator' | 'viewport' | 'item' | 'itemIcon' | 'link' | 'subList' | 'subItem' | 'subLink' | 'triggerIcon' | 'linkIcon' | 'arrow' | 'subItemContent' | 'subLinkContent' | 'subLinkLabel' | 'subLinkDescription';
+export type NavigationMenuUiSlot = 'root' | 'trigger' | 'content' | 'list' | 'indicator' | 'viewport' | 'item' | 'itemIcon' | 'link' | 'subList' | 'subItem' | 'subLink' | 'triggerIcon' | 'linkIcon' | 'arrow' | 'subItemContent' | 'subLinkContent' | 'subLinkLabel' | 'subLinkDescription';
 /**
  * UI class overrides for the NavigationMenu component.
+ *
+ * @deprecated Use `NavMenuUi` instead. Will be removed in v1.0.
  */
-type NavigationMenuUi = UiClass<NavigationMenuUiSlot>;
+export type NavigationMenuUi = UiClass<NavigationMenuUiSlot>;
 /**
  * Option data for the NavigationMenu component.
+ *
+ * @deprecated Use `NavMenuOptionData` instead. Will be removed in v1.0.
  */
-interface NavigationMenuOptionData extends LinkBaseProps {
+export interface NavigationMenuOptionData extends LinkBaseProps {
   /** The value of the option. */
   value: string;
   /** The label to display in the option. */
@@ -194,8 +232,10 @@ interface NavigationMenuOptionData extends LinkBaseProps {
 }
 /**
  * Slots for the NavigationMenuSubOptionCompact component.
+ *
+ * @deprecated Use `NavMenuSubOptionCompactSlots` instead. Will be removed in v1.0.
  */
-type NavigationMenuSubOptionCompactSlots = {
+export type NavigationMenuSubOptionCompactSlots = {
   item: (props: {
     item: NavigationMenuOptionData;
     isTrigger?: boolean;
@@ -215,8 +255,10 @@ type NavigationMenuSubOptionCompactSlots = {
 };
 /**
  * Properties for the NavigationMenuCompact component.
+ *
+ * @deprecated Use `NavMenuOptionCompactProps` instead. Will be removed in v1.0.
  */
-interface NavigationMenuOptionCompactProps {
+export interface NavigationMenuOptionCompactProps {
   /**
    * Current item data.
    */
@@ -260,30 +302,39 @@ interface NavigationMenuOptionCompactProps {
 }
 /**
  * Events for the NavigationMenuOptionCompact component.
+ *
+ * @deprecated Use `NavMenuOptionCompactEmits` instead. Will be removed in v1.0.
  */
-type NavigationMenuOptionCompactEmits = NavigationMenuSubEmits & NavigationMenuContentEmits & NavigationMenuLinkEmits;
+export type NavigationMenuOptionCompactEmits = NavigationMenuSubEmits & NavigationMenuContentEmits & NavigationMenuLinkEmits;
 /**
  * Slots for the NavigationMenuOptionCompact component.
+ *
+ * @deprecated Use `NavMenuOptionCompactSlots` instead. Will be removed in v1.0.
  */
-type NavigationMenuOptionCompactSlots = NavigationMenuSubOptionCompactSlots & {
+export type NavigationMenuOptionCompactSlots = NavigationMenuSubOptionCompactSlots & {
   'item-trigger-icon': (props: {
     item: NavigationMenuOptionData;
   }) => any;
 };
 /**
  * Properties for the NavigationMenuCompact component.
+ *
+ * @deprecated Use `NavMenuCompactProps` instead. Will be removed in v1.0.
  */
-interface NavigationMenuCompactProps extends NavigationMenuRootProps, Omit<NavigationMenuOptionCompactProps, 'item'> {
+export interface NavigationMenuCompactProps extends NavigationMenuRootProps, Omit<NavigationMenuOptionCompactProps, 'item'> {
   /** The items to render in the navigation menu. */
   items: NavigationMenuOptionData[];
 }
 /**
  * Events for the NavigationMenuCompact component.
+ *
+ * @deprecated Use `NavMenuCompactEmits` instead. Will be removed in v1.0.
  */
-type NavigationMenuCompactEmits = NavigationMenuRootEmits & NavigationMenuOptionCompactEmits;
+export type NavigationMenuCompactEmits = NavigationMenuRootEmits & NavigationMenuOptionCompactEmits;
 /**
  * Slots for the NavigationMenuCompact component.
+ *
+ * @deprecated Use `NavMenuCompactSlots` instead. Will be removed in v1.0.
  */
-type NavigationMenuCompactSlots = NavigationMenuOptionCompactSlots;
-//#endregion
-export { NavigationMenuCompactEmits, NavigationMenuCompactProps, NavigationMenuCompactSlots, NavigationMenuContentEmits, NavigationMenuContentImplEmits, NavigationMenuContentImplProps, NavigationMenuContentProps, NavigationMenuIndicatorProps, NavigationMenuItemProps, NavigationMenuLinkEmits, NavigationMenuLinkProps, NavigationMenuListProps, NavigationMenuOptionCompactEmits, NavigationMenuOptionCompactProps, NavigationMenuOptionCompactSlots, NavigationMenuOptionData, NavigationMenuRootEmits, NavigationMenuRootProps, NavigationMenuSubEmits, NavigationMenuSubListProps, NavigationMenuSubOptionCompactSlots, NavigationMenuSubProps, NavigationMenuTriggerProps, NavigationMenuUi, NavigationMenuUiSlot, NavigationMenuViewportProps };
+export type NavigationMenuCompactSlots = NavigationMenuOptionCompactSlots;
+//#endregion

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

@@ -1,8 +1,8 @@
 import { UiClass } from "../../types/common.js";
-import { UseUiConsumer } from "../../composables/use-ui-context.js";
-import "../../composables/index.js";
 import { PageTabsUiSlot } from "./types.js";
 import "../../index.js";
+import { UseUiConsumer } from "../../composables/use-ui-context.js";
+import "../../composables/index.js";
 //#region src/components/page-tabs/context.d.ts
 declare const providePageTabsUi: (ui: import("vue").ComputedRef<Partial<UiClass<PageTabsUiSlot>>>) => import("vue").ComputedRef<Partial<UiClass<PageTabsUiSlot>>>, usePageTabsUi: UseUiConsumer<PageTabsUiSlot>;
 //#endregion

package/dist/components/page-tabs/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";const[n,r]=e(`PageTabsRoot`),[i,a]=e(`PageTabsItem`),[o,s]=t(`PageTabsUi`);export{i as providePageTabsItemContext,n as providePageTabsRootContext,o as providePageTabsUi,a as usePageTabsItemContext,r as usePageTabsRootContext,s as usePageTabsUi};
+import{useContext as e}from"../../composables/use-context.js";import{useUiContext as t}from"../../composables/use-ui-context.js";const[n,r]=e(`PageTabsRoot`),[i,a]=e(`PageTabsItem`),[o,s]=t(`PageTabsUi`);export{i as providePageTabsItemContext,n as providePageTabsRootContext,o as providePageTabsUi,a as usePageTabsItemContext,r as usePageTabsRootContext,s as usePageTabsUi};

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

@@ -1 +1 @@
-import{useForwardElement as e}from"../../composables/use-forward-element.js";import"../../composables/index.js";import{computed as t,nextTick as n,watchEffect as r}from"vue";function i(e){return+!e.pinned}function a(t){let[i,a]=e();return r(async()=>{if(!i.value||!t.value||(await n(),!i.value))return;let e=i.value.querySelector(`[data-value="${t.value}"]`);if(!e)return;let r=(i.value?.offsetWidth??0)/2,a=e.offsetLeft+e.offsetWidth/2-r;i.value.scrollTo({left:a,behavior:`smooth`})}),{rootElement:i,setRootElement:a,onWheel:e=>{i.value&&(i.value.scrollLeft+=e.deltaY)}}}function o(e){let{items:n,modelValue:r}=e,a=t(()=>n.value.map(e=>e.value)),o=(e,t)=>{e.pinned=t},s=e=>{let t=a.value.indexOf(e);t!==-1&&n.value.splice(t,1)},c=e=>!n.value.find(t=>t.value===e)?.pinned,l=async(t,i)=>{if(!c(t)||await e.beforeClose(t)===!1)return;let o=r.value===t,l;if(o){let e=a.value.indexOf(t);l=(n.value[e+1]??n.value[e-1]??void 0)?.value}s(t),o&&(r.value=l??``),i?.()},u=e=>{if(e.length===0)return;let t=n.value.filter(t=>!e.includes(t.value)),i=e.includes(r.value),a;i&&(a=t[t.length-1]?.value),n.value=t,i&&(r.value=a??``)},d=e=>{let t=a.value.indexOf(e);return t<=0?[]:n.value.slice(0,t).filter(e=>!e.pinned).map(e=>e.value)},f=e=>d(e).length>0,p=e=>{f(e)&&u(d(e))},m=e=>{let t=a.value.indexOf(e);return t===-1||t>=a.value.length-1?[]:n.value.slice(t+1).filter(e=>!e.pinned).map(e=>e.value)},h=e=>m(e).length>0,g=e=>{h(e)&&u(m(e))},_=e=>n.value.filter(t=>t.value!==e&&!t.pinned).map(e=>e.value),v=e=>_(e).length>0,y=e=>{v(e)&&u(_(e))},b=()=>n.value.filter(e=>!e.pinned).map(e=>e.value),x=()=>b().length>0,S=()=>{x()&&u(b())},C=()=>{let e=[...n.value].sort((e,t)=>i(e)-i(t));e.some((e,t)=>e.value!==n.value[t].value)&&(n.value=e)};return{closeTab:l,pinTab:o,sortTabs:C,getState:e=>{let t=e.value;return{pin:()=>{e.pinned=!0,C()},unpin:()=>{e.pinned=!1,C()},closable:c(t),close:async()=>{await l(t)},leftClosable:f(t),closeLeft:()=>{p(t)},rightClosable:h(t),closeRight:()=>{g(t)},otherClosable:v(t),closeOther:()=>{y(t)},allClosable:x(),closeAll:()=>{S()}}}}}export{i as getPageTabZone,a as usePageTabsScroll,o as usePageTabsState};
+import{useForwardElement as e}from"../../composables/use-forward-element.js";import{computed as t,nextTick as n,watchEffect as r}from"vue";function i(e){return+!e.pinned}function a(t){let[i,a]=e();return r(async()=>{if(!i.value||!t.value||(await n(),!i.value))return;let e=i.value.querySelector(`[data-value="${t.value}"]`);if(!e)return;let r=(i.value?.offsetWidth??0)/2,a=e.offsetLeft+e.offsetWidth/2-r;i.value.scrollTo({left:a,behavior:`smooth`})}),{rootElement:i,setRootElement:a,onWheel:e=>{i.value&&(i.value.scrollLeft+=e.deltaY)}}}function o(e){let{items:n,modelValue:r}=e,a=t(()=>n.value.map(e=>e.value)),o=(e,t)=>{e.pinned=t},s=e=>{let t=a.value.indexOf(e);t!==-1&&n.value.splice(t,1)},c=e=>!n.value.find(t=>t.value===e)?.pinned,l=async(t,i)=>{if(!c(t)||await e.beforeClose(t)===!1)return;let o=r.value===t,l;if(o){let e=a.value.indexOf(t);l=(n.value[e+1]??n.value[e-1]??void 0)?.value}s(t),o&&(r.value=l??``),i?.()},u=e=>{if(e.length===0)return;let t=n.value.filter(t=>!e.includes(t.value)),i=e.includes(r.value),a;i&&(a=t[t.length-1]?.value),n.value=t,i&&(r.value=a??``)},d=e=>{let t=a.value.indexOf(e);return t<=0?[]:n.value.slice(0,t).filter(e=>!e.pinned).map(e=>e.value)},f=e=>d(e).length>0,p=e=>{f(e)&&u(d(e))},m=e=>{let t=a.value.indexOf(e);return t===-1||t>=a.value.length-1?[]:n.value.slice(t+1).filter(e=>!e.pinned).map(e=>e.value)},h=e=>m(e).length>0,g=e=>{h(e)&&u(m(e))},_=e=>n.value.filter(t=>t.value!==e&&!t.pinned).map(e=>e.value),v=e=>_(e).length>0,y=e=>{v(e)&&u(_(e))},b=()=>n.value.filter(e=>!e.pinned).map(e=>e.value),x=()=>b().length>0,S=()=>{x()&&u(b())},C=()=>{let e=[...n.value].sort((e,t)=>i(e)-i(t));e.some((e,t)=>e.value!==n.value[t].value)&&(n.value=e)};return{closeTab:l,pinTab:o,sortTabs:C,getState:e=>{let t=e.value;return{pin:()=>{e.pinned=!0,C()},unpin:()=>{e.pinned=!1,C()},closable:c(t),close:async()=>{await l(t)},leftClosable:f(t),closeLeft:()=>{p(t)},rightClosable:h(t),closeRight:()=>{g(t)},otherClosable:v(t),closeOther:()=>{y(t)},allClosable:x(),closeAll:()=>{S()}}}}}export{i as getPageTabZone,a as usePageTabsScroll,o as usePageTabsState};

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

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

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

@@ -1 +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{getPageTabZone as a,usePageTabsState as o}from"./hooks.js";import s from"./page-tabs-root.js";import ee from"./page-tabs-item.js";import c from"./page-tabs-close.js";import l from"./page-tabs-pin.js";import{Fragment as u,TransitionGroup as d,computed as f,createBlock as p,createCommentVNode as m,createElementBlock as h,createElementVNode as g,createVNode as _,defineComponent as v,isRef as y,mergeProps as b,normalizeClass as x,openBlock as S,renderList as C,renderSlot as w,shallowRef as T,toDisplayString as te,unref as E,watchEffect as D,withCtx as O}from"vue";import{isSortable as k}from"@dnd-kit/vue/sortable";import{DragDropProvider as A,KeyboardSensor as j,PointerSensor as M}from"@dnd-kit/vue";import{arrayMove as N}from"@dnd-kit/helpers";import{PointerActivationConstraints as P}from"@dnd-kit/dom";const F=v({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},draggable:{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`,`tabDragStart`,`tabDragMove`,`tabDragReorder`,`tabDragEnd`],setup(v,{emit:F}){let I=v,L=F,R=t(I,[`items`,`menuFactory`,`beforeClose`]),z=e(()=>I.modelValue,e=>{L(`update:modelValue`,e)},``),B=e(()=>I.items,e=>{L(`update:items`,e)},[]),{closeTab:V,pinTab:H,sortTabs:ne,getState:U}=o({items:B,modelValue:z,beforeClose:I.beforeClose}),W=T(null),G=T(null),K=i(),q=f(()=>!W.value||!I.menuFactory?[]:I.menuFactory(W.value,U(W.value))),J=[M.configure({activationConstraints:[new P.Distance({value:4})]}),j];function Y(e){if(e.canceled)return;let{source:t,target:n}=e.operation;if(!t||!n||!k(t)||!k(n)||t.sortable===n.sortable)return;let r=B.value,i=t.sortable.initialIndex,a=t.sortable.index;if(i===a)return;B.value=N(r,i,a);let o=B.value[a];o&&L(`tabDragReorder`,{item:o,index:a})}function X(e){let{source:t,target:n}=e.operation;if(!t||!n||!k(t)||!k(n)||t.sortable===n.sortable)return;let r=B.value.find(e=>e.value===String(t.id)),i=B.value.find(e=>e.value===String(n.id));!r||!i||a(r)!==a(i)&&e.preventDefault()}let Z=e=>{let t=e.operation.source;if(!t)return null;let n=B.value.find(e=>e.value===String(t.id));return n?{item:n,index:t.sortable?.index??B.value.findIndex(e=>e.value===n.value)}:null},re=e=>{let t=Z(e);t&&L(`tabDragStart`,t)},ie=e=>{let t=Z(e);t&&L(`tabDragMove`,t)},ae=e=>{Y(e);let t=Z(e);t&&L(`tabDragEnd`,t)},Q=(e,t)=>({item:e,index:t,active:z.value===e.value,closable:!e.pinned}),oe=e=>{L(`click`,e)},$=e=>{V(e.value,()=>{L(`close`,e)})},se=(e,t)=>{H(e,t),L(`pin`,e)},ce=(e,t)=>{G.value=e.currentTarget,W.value=t,L(`contextmenu`,t)},le=async(e,t)=>{if(!W.value)return;let n=e;await n.action?.(),L(`selectContextMenu`,n,W.value)};return D(()=>{ne()}),(e,t)=>(S(),p(E(A),{sensors:J,onDragOver:X,onDragStart:re,onDragMove:ie,onDragEnd:ae},{default:O(()=>[_(s,b(E(R),{modelValue:E(z),"onUpdate:modelValue":t[0]||(t[0]=e=>y(z)?z.value=e:null)}),{default:O(()=>[_(d,{name:`page-tabs`},{default:O(()=>[(S(!0),h(u,null,C(E(B),(t,r)=>(S(),p(ee,b({ref_for:!0},I.itemProps,{key:t.value,value:t.value,pinned:t.pinned,draggable:I.draggable&&t.draggable!==!1,index:r,onClick:e=>oe(t),onClose:e=>$(t),onPin:e=>se(t,e),onPointerenter:e=>ce(e,t)}),{default:O(()=>[w(e.$slots,`item`,b({ref_for:!0},Q(t,r)),()=>[w(e.$slots,`icon`,b({ref_for:!0},Q(t,r)),()=>[t.icon?(S(),p(n,{key:0,icon:t.icon},null,8,[`icon`])):m(`v-if`,!0)]),w(e.$slots,`label`,b({ref_for:!0},Q(t,r)),()=>[g(`span`,{class:x(E(K).itemText)},te(t.label),3)]),t.hidePinnedIcon?m(`v-if`,!0):(S(),p(l,b({key:0,ref_for:!0},I.pinProps),{default:O(()=>[w(e.$slots,`pin-icon`,{},()=>[_(n,{icon:`lucide:pin`})])]),_:3},16)),_(c,b({ref_for:!0},I.closeProps),{default:O(()=>[w(e.$slots,`close-icon`,{},()=>[_(n,{icon:`lucide:x`})])]),_:3},16),w(e.$slots,`indicator`,b({ref_for:!0},Q(t,r)))])]),_:2},1040,[`value`,`pinned`,`draggable`,`index`,`onClick`,`onClose`,`onPin`,`onPointerenter`]))),128))]),_:3}),q.value.length?(S(),p(r,b({key:0},v.contextMenuProps,{modal:!1,items:q.value,"trigger-props":{reference:G.value},onSelect:le}),{trigger:O(()=>[...t[1]||(t[1]=[])]),_:1},16,[`items`,`trigger-props`])):m(`v-if`,!0)]),_:3},16,[`modelValue`])]),_:3}))}});export{F as default};
+import{arrayMove as e}from"../../shared/array.js";import{useControllableState as t}from"../../composables/use-controllable-state.js";import{useOmitProps as n}from"../../composables/use-props.js";import r from"../_icon/icon.js";import i from"../context-menu/context-menu-compact.js";import{usePageTabsUi as a}from"./context.js";import{getPageTabZone as o,usePageTabsState as s}from"./hooks.js";import ee from"./page-tabs-root.js";import c from"./page-tabs-item.js";import l from"./page-tabs-close.js";import u from"./page-tabs-pin.js";import{Fragment as d,computed as te,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 ne,withCtx as D}from"vue";import{isSortable as O}from"@dnd-kit/vue/sortable";import{PointerActivationConstraints as k}from"@dnd-kit/dom";import{DragDropProvider as A,KeyboardSensor as j,PointerSensor as M}from"@dnd-kit/vue";const N=_({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},draggable:{type:Boolean},asChild:{type:Boolean},as:{},dir:{},loop:{type:Boolean},currentTabStopId:{},defaultCurrentTabStopId:{},preventScrollOnEntryFocus:{type:Boolean}},emits:[`update:modelValue`,`update:items`,`click`,`close`,`pin`,`contextmenu`,`selectContextMenu`,`tabDragStart`,`tabDragMove`,`tabDragReorder`,`tabDragEnd`],setup(_,{emit:N}){let P=_,F=N,I=n(P,[`items`,`menuFactory`,`beforeClose`]),L=t(()=>P.modelValue,e=>{F(`update:modelValue`,e)},``),R=t(()=>P.items,e=>{F(`update:items`,e)},[]),{closeTab:z,pinTab:B,sortTabs:V,getState:H}=s({items:R,modelValue:L,beforeClose:P.beforeClose}),U=w(null),W=w(null),G=a(),K=te(()=>!U.value||!P.menuFactory?[]:P.menuFactory(U.value,H(U.value))),q=[M.configure({activationConstraints:[new k.Distance({value:4})]}),j];function J(t){if(t.canceled)return;let{source:n,target:r}=t.operation;if(!n||!r||!O(n)||!O(r)||n.sortable===r.sortable)return;let i=R.value,a=n.sortable.initialIndex,o=n.sortable.index;if(a===o)return;R.value=e(i,a,o);let s=R.value[o];s&&F(`tabDragReorder`,{item:s,index:o})}function Y(e){let{source:t,target:n}=e.operation;if(!t||!n||!O(t)||!O(n)||t.sortable===n.sortable)return;let r=R.value.find(e=>e.value===String(t.id)),i=R.value.find(e=>e.value===String(n.id));r&&i&&o(r)!==o(i)&&e.preventDefault()}let X=e=>{let t=e.operation.source;if(!t)return null;let n=R.value.find(e=>e.value===String(t.id));return n?{item:n,index:t.sortable?.index??R.value.findIndex(e=>e.value===n.value)}:null},Z=e=>{let t=X(e);t&&F(`tabDragStart`,t)},re=e=>{let t=X(e);t&&F(`tabDragMove`,t)},Q=e=>{J(e);let t=X(e);t&&F(`tabDragEnd`,t)},$=(e,t)=>({item:e,index:t,selected:L.value===e.value,closable:!e.pinned}),ie=e=>{F(`click`,e)},ae=e=>{z(e.value,()=>{F(`close`,e)})},oe=(e,t)=>{B(e,t),F(`pin`,e)},se=(e,t)=>{W.value=e.currentTarget,U.value=t,F(`contextmenu`,t)},ce=async(e,t)=>{if(!U.value)return;let n=e;await n.action?.(),F(`selectContextMenu`,n,U.value)};return ne(()=>{V()}),(e,t)=>(x(),f(E(A),{sensors:q,onDragOver:Y,onDragStart:Z,onDragMove:re,onDragEnd:Q},{default:D(()=>[g(ee,y(E(I),{modelValue:E(L),"onUpdate:modelValue":t[0]||=e=>v(L)?L.value=e:null}),{default:D(()=>[(x(!0),m(d,null,S(E(R),(t,n)=>(x(),f(c,y({ref_for:!0},P.itemProps,{key:t.value,value:t.value,pinned:t.pinned,draggable:P.draggable&&t.draggable!==!1,index:n,onClick:e=>ie(t),onClose:e=>ae(t),onPin:e=>oe(t,e),onPointerenter:e=>se(e,t)}),{default:D(()=>[C(e.$slots,`item`,y({ref_for:!0},$(t,n)),()=>[C(e.$slots,`icon`,y({ref_for:!0},$(t,n)),()=>[t.icon?(x(),f(r,{key:0,icon:t.icon},null,8,[`icon`])):p(`v-if`,!0)]),C(e.$slots,`label`,y({ref_for:!0},$(t,n)),()=>[h(`span`,{class:b(E(G).itemText)},T(t.label),3)]),t.hidePinnedIcon?p(`v-if`,!0):(x(),f(u,y({key:0,ref_for:!0},P.pinProps),{default:D(()=>[C(e.$slots,`pin-icon`,{},()=>[g(r,{icon:`lucide:pin`})])]),_:3},16)),g(l,y({ref_for:!0},P.closeProps),{default:D(()=>[C(e.$slots,`close-icon`,{},()=>[g(r,{icon:`lucide:x`})])]),_:3},16),C(e.$slots,`indicator`,y({ref_for:!0},$(t,n)))])]),_:2},1040,[`value`,`pinned`,`draggable`,`index`,`onClick`,`onClose`,`onPin`,`onPointerenter`]))),128)),K.value.length?(x(),f(i,y({key:0},_.contextMenuProps,{modal:!1,items:K.value,"trigger-props":{reference:W.value},onSelect:ce}),{trigger:D(()=>[...t[1]||=[]]),_:1},16,[`items`,`trigger-props`])):p(`v-if`,!0)]),_:3},16,[`modelValue`])]),_:3}))}});export{N as default};

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

@@ -3,15 +3,15 @@ import { PageTabsCompactEmits, PageTabsCompactProps, PageTabsCompactSlots, PageT
 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: import("vue").PublicProps & __VLS_PrettifyLocal<PageTabsCompactProps<T> & {
     onContextmenu?: ((tab: T) => any) | undefined;
-    onClick?: ((tab: T) => any) | undefined;
     onClose?: ((tab: T) => any) | undefined;
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    onClick?: ((tab: T) => any) | undefined;
+    "onUpdate:items"?: ((items: T[]) => any) | undefined;
+    onPin?: ((tab: T) => any) | undefined;
     onTabDragStart?: ((tab: PageTabsDragEvent<T>) => any) | undefined;
     onTabDragMove?: ((tab: PageTabsDragEvent<T>) => any) | undefined;
     onTabDragReorder?: ((tab: PageTabsDragEvent<T>) => any) | undefined;
     onTabDragEnd?: ((tab: PageTabsDragEvent<T>) => 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;

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

@@ -1 +1 @@
-import{transformPropsToContext as e}from"../../shared/vue.js";import"../../shared/index.js";import{useForwardElement as t}from"../../composables/use-forward-element.js";import"../../composables/index.js";import n from"../roving-focus/roving-focus-item.js";import{providePageTabsItemContext as r,usePageTabsRootContext as i,usePageTabsUi as a}from"./context.js";import{computed as o,createBlock as s,defineComponent as c,normalizeClass as l,openBlock as u,renderSlot as d,unref as f,withCtx as p,withKeys as m}from"vue";import{useSortable as h}from"@dnd-kit/vue/sortable";const g=c({name:`PageTabsItem`,__name:`page-tabs-item`,props:{value:{},pinned:{type:Boolean},draggable:{type:Boolean,default:!1},index:{}},emits:[`click`,`close`,`pin`,`tabDragStart`,`tabDragMove`,`tabDragReorder`,`tabDragEnd`],setup(c,{emit:g}){let _=c,v=g,y=a(`item`),{middleClickClose:b,modelValue:x}=i(`PageTabsItem`),S=o(()=>_.value===x.value),C=o(()=>!_.pinned),[w,T]=t(),{isDragging:E,isDropTarget:D,isDragSource:O}=h({id:o(()=>_.value),index:o(()=>_.index??0),disabled:o(()=>!_.draggable),element:w}),k=()=>{S.value||(x.value=_.value,v(`click`))},A=async()=>{C.value&&v(`close`)},j=e=>{if(e.key===`Enter`){k();return}e.key===`Backspace`&&A()},M=e=>{e.button===1&&b.value&&(e.preventDefault(),A())},N=()=>{v(`pin`,!_.pinned)};return r({...e(_,[`pinned`]),closable:C,onClose:A,onPin:N}),(e,t)=>(u(),s(n,{ref:f(T),class:l(f(y)),"data-soybean-page-tabs-item":``,"data-value":c.value,"data-active":S.value,"data-pinned":c.pinned,"data-draggable":c.draggable,"data-dragging":f(E),"data-drop-target":f(D)||void 0,"data-drag-source":f(O)||void 0,active:S.value,focusable:!0,onClick:k,onMousedown:M,onKeydown:m(j,[`enter`,`backspace`])},{default:p(()=>[d(e.$slots,`default`)]),_:3},8,[`class`,`data-value`,`data-active`,`data-pinned`,`data-draggable`,`data-dragging`,`data-drop-target`,`data-drag-source`,`active`]))}});export{g as default};
+import{toContext as e}from"../../shared/vue.js";import{useForwardElement as t}from"../../composables/use-forward-element.js";import{useRovingFocusGroupItem as n}from"../../composables/use-roving-focus.js";import{providePageTabsItemContext as r,usePageTabsRootContext as i,usePageTabsUi as a}from"./context.js";import{computed as o,createElementBlock as s,defineComponent as c,mergeProps as l,openBlock as u,renderSlot as d,unref as f,withKeys as p}from"vue";import{useSortable as m}from"@dnd-kit/vue/sortable";const h=[`data-value`,`data-selected`,`data-pinned`,`data-draggable`,`data-dragging`,`data-drop-target`,`data-drag-source`],g=c({name:`PageTabsItem`,__name:`page-tabs-item`,props:{value:{},pinned:{type:Boolean},draggable:{type:Boolean,default:!1},index:{}},emits:[`click`,`close`,`pin`,`tabDragStart`,`tabDragMove`,`tabDragReorder`,`tabDragEnd`],setup(c,{emit:g}){let _=c,v=g,y=a(`item`),{middleClickClose:b,modelValue:x}=i(`PageTabsItem`),S=o(()=>_.value===x.value),C=o(()=>!_.pinned),[w,T]=t(),{setItemElement:E,itemProps:D}=n({active:o(()=>S.value)});function O(e){E(e),T(e)}let{isDragging:k,isDropTarget:A,isDragSource:j}=m({id:o(()=>_.value),index:o(()=>_.index??0),disabled:o(()=>!_.draggable),element:w}),M=()=>{S.value||(x.value=_.value,v(`click`))},N=async()=>{C.value&&v(`close`)},P=e=>{if(e.key===`Enter`){M();return}e.key===`Backspace`&&N()},F=e=>{e.button===1&&b.value&&(e.preventDefault(),N())},I=()=>{v(`pin`,!_.pinned)};return r({...e(_,[`pinned`]),closable:C,onClose:N,onPin:I}),(e,t)=>(u(),s(`div`,l(f(D),{ref:O,class:f(y),"data-soybean-page-tabs-item":``,"data-value":c.value,"data-selected":S.value,"data-pinned":c.pinned,"data-draggable":c.draggable,"data-dragging":f(k),"data-drop-target":f(A)||void 0,"data-drag-source":f(j)||void 0,onClick:M,onMousedown:F,onKeydown:p(P,[`enter`,`backspace`])}),[d(e.$slots,`default`)],16,h))}});export{g as default};

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

@@ -1,25 +1,25 @@
 import { PageTabsItemProps } from "./types.js";
 //#region src/components/page-tabs/page-tabs-item.vue.d.ts
-declare var __VLS_12: {};
+declare var __VLS_1: {};
 type __VLS_Slots = {} & {
-  default?: (props: typeof __VLS_12) => any;
+  default?: (props: typeof __VLS_1) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<PageTabsItemProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-  click: () => any;
   close: () => any;
+  click: () => any;
+  pin: (pinned: boolean) => any;
   tabDragStart: () => any;
   tabDragMove: () => any;
   tabDragReorder: () => any;
   tabDragEnd: () => any;
-  pin: (pinned: boolean) => any;
 }, string, import("vue").PublicProps, Readonly<PageTabsItemProps> & Readonly<{
-  onClick?: (() => any) | undefined;
   onClose?: (() => any) | undefined;
+  onClick?: (() => any) | undefined;
+  onPin?: ((pinned: boolean) => any) | undefined;
   onTabDragStart?: (() => any) | undefined;
   onTabDragMove?: (() => any) | undefined;
   onTabDragReorder?: (() => any) | undefined;
   onTabDragEnd?: (() => any) | undefined;
-  onPin?: ((pinned: boolean) => any) | undefined;
 }>, {
   draggable: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

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

@@ -1 +1 @@
-import{useLocaleMessages as e}from"../../locale/hooks.js";import"../../locale/index.js";import t from"../button/button.js";import{usePageTabsItemContext as n,usePageTabsUi as r}from"./context.js";import{computed as i,createBlock as a,createCommentVNode as o,defineComponent as s,mergeProps as c,openBlock as l,renderSlot as u,unref as d,useAttrs as f,withCtx as p,withModifiers as m}from"vue";const h=s({name:`PageTabsPin`,__name:`page-tabs-pin`,props:{type:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{}},setup(s){let h=s,g=f(),_=r(`pin`),{pinned:v,onPin:y}=n(`PageTabsPin`),b=e(),x=i(()=>g[`aria-label`]??(v.value?b.value.pageTabs.unpinTab:b.value.pageTabs.pinTab));return(e,n)=>d(v)?(l(),a(t,c({key:0},h,{"data-soybean-page-tabs-pin":``,"aria-label":x.value,class:d(_),tabindex:`-1`,onClick:m(d(y),[`stop`])}),{default:p(()=>[u(e.$slots,`default`)]),_:3},16,[`aria-label`,`class`,`onClick`])):o(`v-if`,!0)}});export{h as default};
+import{useLocaleMessages as e}from"../../locale/hooks.js";import t from"../button/button.js";import{usePageTabsItemContext as n,usePageTabsUi as r}from"./context.js";import{computed as i,createBlock as a,createCommentVNode as o,defineComponent as s,mergeProps as c,openBlock as l,renderSlot as u,unref as d,useAttrs as f,withCtx as p,withModifiers as m}from"vue";const h=s({name:`PageTabsPin`,__name:`page-tabs-pin`,props:{type:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{}},setup(s){let h=s,g=f(),_=r(`pin`),{pinned:v,onPin:y}=n(`PageTabsPin`),b=e(),x=i(()=>g[`aria-label`]??(v.value?b.value.pageTabs.unpinTab:b.value.pageTabs.pinTab));return(e,n)=>d(v)?(l(),a(t,c({key:0},h,{"data-soybean-page-tabs-pin":``,"aria-label":x.value,class:d(_),tabindex:`-1`,onClick:m(d(y),[`stop`])}),{default:p(()=>[u(e.$slots,`default`)]),_:3},16,[`aria-label`,`class`,`onClick`])):o(`v-if`,!0)}});export{h 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{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},draggable:{type:Boolean,default:!1},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`,`draggable`]),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};
+import{toContext as e}from"../../shared/vue.js";import{useControllableState as t}from"../../composables/use-controllable-state.js";import{useRovingFocusGroup as n}from"../../composables/use-roving-focus.js";import{providePageTabsRootContext as r,usePageTabsUi as i}from"./context.js";import{usePageTabsScroll as a}from"./hooks.js";import{computed as o,createElementBlock as s,defineComponent as c,mergeProps as l,openBlock as u,renderSlot as d,unref as f}from"vue";const p=c({name:`PageTabsRoot`,__name:`page-tabs-root`,props:{modelValue:{default:void 0},middleClickClose:{type:Boolean},draggable:{type:Boolean,default:!1},asChild:{type:Boolean},as:{},dir:{},loop:{type:Boolean,default:!0},currentTabStopId:{},defaultCurrentTabStopId:{},preventScrollOnEntryFocus:{type:Boolean}},emits:[`update:modelValue`],setup(c,{emit:p}){let m=c,h=p,g=i(`root`),_=t(()=>m.modelValue,e=>{h(`update:modelValue`,e)},``),{setRootElement:v,onWheel:y}=a(_);r({...e(m,[`middleClickClose`,`draggable`]),modelValue:_});let{setContainerElement:b,groupProps:x}=n({orientation:o(()=>`horizontal`),dir:o(()=>m.dir),loop:o(()=>m.loop??!0),currentTabStopId:o(()=>m.currentTabStopId),defaultCurrentTabStopId:o(()=>m.defaultCurrentTabStopId),preventScrollOnEntryFocus:o(()=>m.preventScrollOnEntryFocus??!1)});function S(e){b(e),v(e)}return(e,t)=>(u(),s(`div`,l(f(x),{ref:S,"data-soybean-page-tabs-root":``,class:f(g),onWheel:t[0]||=(...e)=>f(y)&&f(y)(...e)}),[d(e.$slots,`default`)],16))}});export{p as default};

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

@@ -1,8 +1,8 @@
 import { PageTabsRootProps } from "./types.js";
 //#region src/components/page-tabs/page-tabs-root.vue.d.ts
-declare var __VLS_10: {};
+declare var __VLS_1: {};
 type __VLS_Slots = {} & {
-  default?: (props: typeof __VLS_10) => any;
+  default?: (props: typeof __VLS_1) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<PageTabsRootProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
   "update:modelValue": (value: string) => any;

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

@@ -2,16 +2,18 @@ import { MaybePromise, UiClass } from "../../types/common.js";
 import { BaseProps } from "../../types/vue.js";
 import "../../types/index.js";
 import { IconValue } from "../_icon/types.js";
+import { PrimitiveWithBaseProps } from "../primitive/types.js";
 import { ButtonProps } from "../button/types.js";
-import { RovingFocusGroupProps } from "../roving-focus/types.js";
 import { MenuOptionData } from "../menu/types.js";
 import { ContextMenuCompactProps } from "../context-menu/types.js";
+import { RovingFocusGroupOptions } from "../../composables/use-roving-focus.js";
+import "../../composables/index.js";
 import { ComputedRef, ShallowRef } from "vue";
 //#region src/components/page-tabs/types.d.ts
 /**
  * Properties for the PageTabsRoot component.
  */
-interface PageTabsRootProps extends Omit<RovingFocusGroupProps, 'orientation'>, Omit<BaseProps, 'dir'> {
+export interface PageTabsRootProps extends Omit<PrimitiveWithBaseProps, 'dir'>, Pick<RovingFocusGroupOptions, 'dir' | 'loop' | 'currentTabStopId' | 'defaultCurrentTabStopId' | 'preventScrollOnEntryFocus'> {
   /**
    * The active tab value.
    */
@@ -30,7 +32,7 @@ interface PageTabsRootProps extends Omit<RovingFocusGroupProps, 'orientation'>,
 /**
  * Events for the PageTabsRoot component.
  */
-type PageTabsRootEmits = {
+export type PageTabsRootEmits = {
   /**
    * Emitted when the active tab change.
    */
@@ -39,7 +41,7 @@ type PageTabsRootEmits = {
 /**
  * Event payload for tab drag operations.
  */
-interface PageTabsDragEvent<T extends PageTabsOptionData = PageTabsOptionData> {
+export interface PageTabsDragEvent<T extends PageTabsOptionData = PageTabsOptionData> {
   /**
    * The tab being dragged.
    */
@@ -52,7 +54,7 @@ interface PageTabsDragEvent<T extends PageTabsOptionData = PageTabsOptionData> {
 /**
  * Properties for the PageTabsItem component.
  */
-interface PageTabsItemProps extends Omit<BaseProps, 'onClick'> {
+export interface PageTabsItemProps extends Omit<BaseProps, 'onClick'> {
   /**
    * The unique value of the tab.
    */
@@ -75,7 +77,7 @@ interface PageTabsItemProps extends Omit<BaseProps, 'onClick'> {
 /**
  * Events for the PageTabsItem component.
  */
-type PageTabsItemEmits = {
+export type PageTabsItemEmits = {
   /**
    * Emitted when the tab is clicked.
    */
@@ -109,15 +111,15 @@ type PageTabsItemEmits = {
 /**
  * Properties for the PageTabsClose component.
  */
-interface PageTabsCloseProps extends ButtonProps {}
+export interface PageTabsCloseProps extends ButtonProps {}
 /**
  * Properties for the PageTabsPin component.
  */
-interface PageTabsPinProps extends ButtonProps {}
+export interface PageTabsPinProps extends ButtonProps {}
 /**
  * Option data for the PageTabs component.
  */
-interface PageTabsOptionData extends PageTabsItemProps {
+export interface PageTabsOptionData extends PageTabsItemProps {
   /**
    * Label text rendered by the component.
    */
@@ -134,7 +136,7 @@ interface PageTabsOptionData extends PageTabsItemProps {
 /**
  * State values for PageTabsState.
  */
-interface PageTabsState {
+export interface PageTabsState {
   /**
    * Pin.
    */
@@ -187,7 +189,7 @@ interface PageTabsState {
 /**
  * Option data for the PageTabs context menu.
  */
-interface PageTabsContextMenuOptionData extends MenuOptionData<string> {
+export interface PageTabsContextMenuOptionData extends MenuOptionData<string> {
   /**
    * Action to perform when the menu item is selected.
    */
@@ -196,7 +198,7 @@ interface PageTabsContextMenuOptionData extends MenuOptionData<string> {
 /**
  * Properties for the PageTabsCompact component.
  */
-interface PageTabsCompactProps<T extends PageTabsOptionData = PageTabsOptionData> extends PageTabsRootProps {
+export interface PageTabsCompactProps<T extends PageTabsOptionData = PageTabsOptionData> extends PageTabsRootProps {
   /**
    * Items rendered by the component.
    */
@@ -232,7 +234,7 @@ interface PageTabsCompactProps<T extends PageTabsOptionData = PageTabsOptionData
 /**
  * Events for the PageTabsCompact component.
  */
-type PageTabsCompactEmits<T extends PageTabsOptionData = PageTabsOptionData> = PageTabsRootEmits & {
+export type PageTabsCompactEmits<T extends PageTabsOptionData = PageTabsOptionData> = PageTabsRootEmits & {
   /**
    * Emitted when the items change.
    */
@@ -278,7 +280,7 @@ type PageTabsCompactEmits<T extends PageTabsOptionData = PageTabsOptionData> = P
 /**
  * Slot props for a compact page tab item.
  */
-interface PageTabsCompactItemSlotProps<T extends PageTabsOptionData = PageTabsOptionData> {
+export interface PageTabsCompactItemSlotProps<T extends PageTabsOptionData = PageTabsOptionData> {
   /**
    * Current item data.
    */
@@ -288,9 +290,9 @@ interface PageTabsCompactItemSlotProps<T extends PageTabsOptionData = PageTabsOp
    */
   index: number;
   /**
-   * Whether the current item is active.
+   * Whether the current item is selected.
    */
-  active: boolean;
+  selected: boolean;
   /**
    * Whether the current item can be closed.
    */
@@ -299,7 +301,7 @@ interface PageTabsCompactItemSlotProps<T extends PageTabsOptionData = PageTabsOp
 /**
  * Slots for the PageTabsCompact component.
  */
-type PageTabsCompactSlots<T extends PageTabsOptionData = PageTabsOptionData> = {
+export type PageTabsCompactSlots<T extends PageTabsOptionData = PageTabsOptionData> = {
   /**
    * Custom content for the default tab item body.
    */
@@ -328,10 +330,9 @@ type PageTabsCompactSlots<T extends PageTabsOptionData = PageTabsOptionData> = {
 /**
  * Available UI slots for the PageTabs component.
  */
-type PageTabsUiSlot = 'root' | 'item' | 'close' | 'pin' | 'itemText';
+export type PageTabsUiSlot = 'root' | 'item' | 'close' | 'pin' | 'itemText';
 /**
  * UI class overrides for the PageTabs component.
  */
-type PageTabsUi = UiClass<PageTabsUiSlot>;
-//#endregion
-export { PageTabsCloseProps, PageTabsCompactEmits, PageTabsCompactItemSlotProps, PageTabsCompactProps, PageTabsCompactSlots, PageTabsContextMenuOptionData, PageTabsDragEvent, PageTabsItemEmits, PageTabsItemProps, PageTabsOptionData, PageTabsPinProps, PageTabsRootEmits, PageTabsRootProps, PageTabsState, PageTabsUi, PageTabsUiSlot };
+export type PageTabsUi = UiClass<PageTabsUiSlot>;
+//#endregion

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

@@ -1,8 +1,8 @@
 import { UiClass } from "../../types/common.js";
-import { UseUiConsumer } from "../../composables/use-ui-context.js";
-import "../../composables/index.js";
 import { PaginationUiSlot } from "./types.js";
 import "../../index.js";
+import { UseUiConsumer } from "../../composables/use-ui-context.js";
+import "../../composables/index.js";
 //#region src/components/pagination/context.d.ts
 declare const providePaginationUi: (ui: import("vue").ComputedRef<Partial<UiClass<PaginationUiSlot>>>) => import("vue").ComputedRef<Partial<UiClass<PaginationUiSlot>>>, usePaginationUi: UseUiConsumer<PaginationUiSlot>;
 //#endregion

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,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};
+import{useContext as e}from"../../composables/use-context.js";import{useUiContext as t}from"../../composables/use-ui-context.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-compact.js

@@ -1 +1 @@
-import{useForwardListeners as e}from"../../composables/use-forward-listeners.js";import{useOmitProps as t}from"../../composables/use-props.js";import"../../composables/index.js";import n from"../_icon/icon.js";import r from"./pagination-root.js";import i from"./pagination-list.js";import a from"./pagination-list-item.js";import o from"./pagination-first.js";import s from"./pagination-prev.js";import c from"./pagination-next.js";import l from"./pagination-last.js";import u from"./pagination-ellipsis.js";import{Fragment as d,createBlock as f,createCommentVNode as p,createElementBlock as m,createVNode as h,defineComponent as g,guardReactiveProps as _,mergeProps as v,normalizeProps as y,openBlock as b,renderList as x,renderSlot as S,toHandlers as C,unref as w,withCtx as T}from"vue";const E=g({name:`PaginationCompact`,__name:`pagination-compact`,props:{showFirstOrLast:{type:Boolean,default:!0},listProps:{},listItemProps:{},ellipsisProps:{},firstProps:{},prevProps:{},nextProps:{},lastProps:{},page:{},defaultPage:{},pageSize:{},defaultPageSize:{},total:{},siblingCount:{},disabled:{type:Boolean},showEdges:{type:Boolean}},emits:[`update:page`,`update:pageSize`],setup(g,{emit:E}){let D=g,O=E,k=t(D,[`showFirstOrLast`,`listProps`,`listItemProps`,`ellipsisProps`,`firstProps`,`prevProps`,`nextProps`,`lastProps`]),A=e(O);return(e,t)=>(b(),f(r,v(w(k),C(w(A))),{default:T(()=>[S(e.$slots,`leading`),h(i,y(_(g.listProps)),{default:T(({items:t})=>[g.showFirstOrLast?(b(),f(o,y(v({key:0},g.firstProps)),{default:T(()=>[S(e.$slots,`first`,{},()=>[h(n,{icon:`lucide:chevrons-left`})])]),_:3},16)):p(`v-if`,!0),h(s,y(_(g.prevProps)),{default:T(()=>[S(e.$slots,`prev`,{},()=>[h(n,{icon:`lucide:chevron-left`})])]),_:3},16),(b(!0),m(d,null,x(t,(t,r)=>(b(),m(d,{key:t.type===`page`?`page-${t.value}`:`ellipsis-${r}`},[t.type===`page`?(b(),f(a,v({key:0,ref_for:!0},g.listItemProps,{value:t.value}),null,16,[`value`])):t.type===`ellipsis`?(b(),f(u,v({key:1,ref_for:!0},g.ellipsisProps),{default:T(()=>[S(e.$slots,`ellipsis`,{},()=>[h(n,{icon:`lucide:ellipsis`})])]),_:3},16)):p(`v-if`,!0)],64))),128)),h(c,y(_(g.nextProps)),{default:T(()=>[S(e.$slots,`next`,{},()=>[h(n,{icon:`lucide:chevron-right`})])]),_:3},16),g.showFirstOrLast?(b(),f(l,y(v({key:1},g.lastProps)),{default:T(()=>[S(e.$slots,`last`,{},()=>[h(n,{icon:`lucide:chevrons-right`})])]),_:3},16)):p(`v-if`,!0)]),_:3},16),S(e.$slots,`trailing`)]),_:3},16))}});export{E as default};
+import{useForwardListeners as e}from"../../composables/use-forward-listeners.js";import{useOmitProps as t}from"../../composables/use-props.js";import n from"../_icon/icon.js";import r from"./pagination-root.js";import i from"./pagination-list.js";import a from"./pagination-list-item.js";import o from"./pagination-first.js";import s from"./pagination-prev.js";import c from"./pagination-next.js";import l from"./pagination-last.js";import u from"./pagination-ellipsis.js";import{Fragment as d,createBlock as f,createCommentVNode as p,createElementBlock as m,createVNode as h,defineComponent as g,guardReactiveProps as _,mergeProps as v,normalizeProps as y,openBlock as b,renderList as x,renderSlot as S,toHandlers as C,unref as w,withCtx as T}from"vue";const E=g({name:`PaginationCompact`,__name:`pagination-compact`,props:{showFirstOrLast:{type:Boolean,default:!0},listProps:{},listItemProps:{},ellipsisProps:{},firstProps:{},prevProps:{},nextProps:{},lastProps:{},page:{},defaultPage:{},pageSize:{},defaultPageSize:{},total:{},siblingCount:{},disabled:{type:Boolean},showEdges:{type:Boolean}},emits:[`update:page`,`update:pageSize`],setup(g,{emit:E}){let D=g,O=E,k=t(D,[`showFirstOrLast`,`listProps`,`listItemProps`,`ellipsisProps`,`firstProps`,`prevProps`,`nextProps`,`lastProps`]),A=e(O);return(e,t)=>(b(),f(r,v(w(k),C(w(A))),{default:T(()=>[S(e.$slots,`leading`),h(i,y(_(g.listProps)),{default:T(({items:t})=>[g.showFirstOrLast?(b(),f(o,y(v({key:0},g.firstProps)),{default:T(()=>[S(e.$slots,`first`,{},()=>[h(n,{icon:`lucide:chevrons-left`})])]),_:3},16)):p(`v-if`,!0),h(s,y(_(g.prevProps)),{default:T(()=>[S(e.$slots,`prev`,{},()=>[h(n,{icon:`lucide:chevron-left`})])]),_:3},16),(b(!0),m(d,null,x(t,(t,r)=>(b(),m(d,{key:t.type===`page`?`page-${t.value}`:`ellipsis-${r}`},[t.type===`page`?(b(),f(a,v({key:0,ref_for:!0},g.listItemProps,{value:t.value}),null,16,[`value`])):t.type===`ellipsis`?(b(),f(u,v({key:1,ref_for:!0},g.ellipsisProps),{default:T(()=>[S(e.$slots,`ellipsis`,{},()=>[h(n,{icon:`lucide:ellipsis`})])]),_:3},16)):p(`v-if`,!0)],64))),128)),h(c,y(_(g.nextProps)),{default:T(()=>[S(e.$slots,`next`,{},()=>[h(n,{icon:`lucide:chevron-right`})])]),_:3},16),g.showFirstOrLast?(b(),f(l,y(v({key:1},g.lastProps)),{default:T(()=>[S(e.$slots,`last`,{},()=>[h(n,{icon:`lucide:chevrons-right`})])]),_:3},16)):p(`v-if`,!0)]),_:3},16),S(e.$slots,`trailing`)]),_:3},16))}});export{E as default};

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`,{"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};
+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]||=n(`...`,-1)])],2))}});export{c as default};

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

@@ -1 +1 @@
-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};
+import{useLocaleMessages as e}from"../../locale/hooks.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-last.js

@@ -1 +1 @@
-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};
+import{useLocaleMessages as e}from"../../locale/hooks.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};