@soybeanjs/headless 0.15.0-beta.4 → 0.15.1

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

@@ -1,13 +1,15 @@
-import { LayoutCollapsible, LayoutContentProps, LayoutFooterProps, LayoutHeaderProps, LayoutMainProps, LayoutMobileProps, LayoutRailProps, LayoutRootEmits, LayoutRootProps, LayoutSide, LayoutSidebarProps, LayoutSidebarState, LayoutTabProps, LayoutTriggerProps, LayoutUi, LayoutUiSlot, LayoutVariant } from "./types.js";
-import { _default as _default$6 } from "./layout-root.vue.js";
-import { _default as _default$7 } from "./layout-sidebar.vue.js";
-import { _default as _default$5 } from "./layout-rail.vue.js";
-import { _default as _default$3 } from "./layout-main.vue.js";
-import { _default as _default$2 } from "./layout-header.vue.js";
-import { _default as _default$8 } from "./layout-tab.vue.js";
-import { _default } from "./layout-content.vue.js";
-import { _default as _default$1 } from "./layout-footer.vue.js";
-import { _default as _default$4 } from "./layout-mobile.vue.js";
-import { _default as _default$9 } from "./layout-trigger.vue.js";
-import { provideLayoutUi } from "./context.js";
-export { type LayoutCollapsible, _default as LayoutContent, type LayoutContentProps, _default$1 as LayoutFooter, type LayoutFooterProps, _default$2 as LayoutHeader, type LayoutHeaderProps, _default$3 as LayoutMain, type LayoutMainProps, _default$4 as LayoutMobile, type LayoutMobileProps, _default$5 as LayoutRail, type LayoutRailProps, _default$6 as LayoutRoot, type LayoutRootEmits, type LayoutRootProps, type LayoutSide, _default$7 as LayoutSidebar, type LayoutSidebarProps, type LayoutSidebarState, _default$8 as LayoutTab, type LayoutTabProps, _default$9 as LayoutTrigger, type LayoutTriggerProps, type LayoutUi, type LayoutUiSlot, type LayoutVariant, provideLayoutUi };
+import { LayoutClassicCompactEmits, LayoutClassicCompactProps, LayoutClassicCompactSlots, LayoutClassicScrollBehavior, LayoutClassicUi, LayoutClassicUiSlot, LayoutCollapsible, LayoutCompactEmits, LayoutCompactProps, LayoutCompactSlots, LayoutContentProps, LayoutFooterProps, LayoutHeaderProps, LayoutMainProps, LayoutMobileProps, LayoutRailProps, LayoutRootEmits, LayoutRootProps, LayoutSide, LayoutSidebarProps, LayoutSidebarState, LayoutTabProps, LayoutTriggerProps, LayoutUi, LayoutUiSlot, LayoutVariant } from "./types.js";
+import { _default as _default$1 } from "./layout-compact.vue.js";
+import { _default } from "./layout-classic-compact.vue.js";
+import { _default as _default$8 } from "./layout-root.vue.js";
+import { _default as _default$9 } from "./layout-sidebar.vue.js";
+import { _default as _default$7 } from "./layout-rail.vue.js";
+import { _default as _default$5 } from "./layout-main.vue.js";
+import { _default as _default$4 } from "./layout-header.vue.js";
+import { _default as _default$10 } from "./layout-tab.vue.js";
+import { _default as _default$2 } from "./layout-content.vue.js";
+import { _default as _default$3 } from "./layout-footer.vue.js";
+import { _default as _default$6 } from "./layout-mobile.vue.js";
+import { _default as _default$11 } from "./layout-trigger.vue.js";
+import { provideLayoutClassicUi, provideLayoutUi } from "./context.js";
+export { _default as LayoutClassicCompact, type LayoutClassicCompactEmits, type LayoutClassicCompactProps, type LayoutClassicCompactSlots, type LayoutClassicScrollBehavior, type LayoutClassicUi, type LayoutClassicUiSlot, type LayoutCollapsible, _default$1 as LayoutCompact, type LayoutCompactEmits, type LayoutCompactProps, type LayoutCompactSlots, _default$2 as LayoutContent, type LayoutContentProps, _default$3 as LayoutFooter, type LayoutFooterProps, _default$4 as LayoutHeader, type LayoutHeaderProps, _default$5 as LayoutMain, type LayoutMainProps, _default$6 as LayoutMobile, type LayoutMobileProps, _default$7 as LayoutRail, type LayoutRailProps, _default$8 as LayoutRoot, type LayoutRootEmits, type LayoutRootProps, type LayoutSide, _default$9 as LayoutSidebar, type LayoutSidebarProps, type LayoutSidebarState, _default$10 as LayoutTab, type LayoutTabProps, _default$11 as LayoutTrigger, type LayoutTriggerProps, type LayoutUi, type LayoutUiSlot, type LayoutVariant, provideLayoutClassicUi, provideLayoutUi };

package/dist/components/layout/index.js

@@ -1 +1 @@
-import{provideLayoutUi as e}from"./context.js";import t from"./layout-root.js";import n from"./layout-mobile.js";import r from"./layout-sidebar.js";import i from"./layout-rail.js";import a from"./layout-main.js";import o from"./layout-header.js";import s from"./layout-tab.js";import c from"./layout-content.js";import l from"./layout-footer.js";import u from"./layout-trigger.js";export{c as LayoutContent,l as LayoutFooter,o as LayoutHeader,a as LayoutMain,n as LayoutMobile,i as LayoutRail,t as LayoutRoot,r as LayoutSidebar,s as LayoutTab,u as LayoutTrigger,e as provideLayoutUi};
+import{provideLayoutClassicUi as e,provideLayoutUi as t}from"./context.js";import n from"./layout-root.js";import r from"./layout-mobile.js";import i from"./layout-sidebar.js";import a from"./layout-rail.js";import o from"./layout-main.js";import s from"./layout-header.js";import c from"./layout-tab.js";import l from"./layout-content.js";import u from"./layout-footer.js";import d from"./layout-compact.js";import f from"./layout-classic-compact.js";import p from"./layout-trigger.js";export{f as LayoutClassicCompact,d as LayoutCompact,l as LayoutContent,u as LayoutFooter,s as LayoutHeader,o as LayoutMain,r as LayoutMobile,a as LayoutRail,n as LayoutRoot,i as LayoutSidebar,c as LayoutTab,p as LayoutTrigger,e as provideLayoutClassicUi,t as provideLayoutUi};

package/dist/components/layout/layout-classic-compact.js

@@ -0,0 +1 @@
+import{useOmitProps as e}from"../../composables/use-props.js";import"../../composables/index.js";import t from"./layout-sidebar.js";import n from"./layout-rail.js";import r from"./layout-main.js";import i from"./layout-header.js";import a from"./layout-tab.js";import o from"./layout-content.js";import s from"./layout-footer.js";import c from"./layout-classic-root.js";import l from"./layout-classic-placeholder.js";import{computed as u,createBlock as d,createCommentVNode as f,createVNode as p,defineComponent as m,guardReactiveProps as h,mergeProps as g,normalizeProps as _,openBlock as v,renderSlot as y,unref as b,useId as x,withCtx as S}from"vue";const C=m({name:`LayoutClassicCompact`,__name:`layout-classic-compact`,props:{orientation:{default:`vertical`},scrollBehavior:{},scrollId:{},baseZIndex:{},fixedTop:{type:Boolean,default:!0},fullContent:{type:Boolean},sidebarVisible:{type:Boolean,default:!0},headerVisible:{type:Boolean,default:!0},tabVisible:{type:Boolean,default:!0},footerVisible:{type:Boolean,default:!0},fixedFooter:{type:Boolean},stretchFooter:{type:Boolean,default:!0},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:!0},side:{},sidebarWidth:{},collapsedSidebarWidth:{},isMobile:{type:Boolean},mobileSidebarWidth:{},headerHeight:{},tabHeight:{},footerHeight:{},pxToRem:{},sidebarProps:{},railProps:{},mainProps:{},headerProps:{},tabProps:{},contentProps:{},footerProps:{},mobileProps:{}},emits:[`update:open`],setup(m,{emit:C}){let w=m,T=C,E=x(),D=u(()=>w.scrollId??`soybean-layout-scroll-${E}`),O=e(w,[`sidebarProps`,`railProps`,`mainProps`,`headerProps`,`tabProps`,`contentProps`,`footerProps`,`mobileProps`]);return(e,u)=>(v(),d(c,g(b(O),{"onUpdate:open":u[0]||(u[0]=e=>T(`update:open`,e))}),{default:S(c=>[p(r,g(m.mainProps,{id:m.scrollBehavior===`wrapper`?D.value:void 0}),{default:S(()=>[p(i,_(h(m.headerProps)),{default:S(()=>[y(e.$slots,`header`)]),_:3},16),p(l,{type:`header`}),p(a,_(h(m.tabProps)),{default:S(()=>[y(e.$slots,`tab`)]),_:3},16),p(l,{type:`tab`}),p(t,_(h(m.sidebarProps)),{default:S(()=>[y(e.$slots,`sidebar`,_(h(c))),p(n,_(h(m.railProps)),null,16)]),_:2},1040),p(o,g(m.contentProps,{id:m.scrollBehavior===`content`?D.value:void 0}),{default:S(()=>[y(e.$slots,`default`)]),_:3},16,[`id`]),m.footerVisible?(v(),d(s,_(g({key:0},m.footerProps)),{default:S(()=>[y(e.$slots,`footer`)]),_:3},16)):f(`v-if`,!0),p(l,{type:`footer`})]),_:2},1040,[`id`])]),_:3},16))}});export{C as default};

package/dist/components/layout/layout-classic-compact.vue.d.ts

@@ -0,0 +1,30 @@
+import { DataOrientation } from "../../types/common.js";
+import { LayoutClassicCompactProps, LayoutClassicCompactSlots } from "./types.js";
+import * as _$vue from "vue";
+
+//#region src/components/layout/layout-classic-compact.vue.d.ts
+type __VLS_Slots = LayoutClassicCompactSlots;
+declare const __VLS_base: _$vue.DefineComponent<LayoutClassicCompactProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
+  "update:open": (open: boolean) => any;
+}, string, _$vue.PublicProps, Readonly<LayoutClassicCompactProps> & Readonly<{
+  "onUpdate:open"?: ((open: boolean) => any) | undefined;
+}>, {
+  orientation: DataOrientation;
+  defaultOpen: boolean;
+  open: boolean;
+  sidebarVisible: boolean;
+  headerVisible: boolean;
+  tabVisible: boolean;
+  footerVisible: boolean;
+  fixedTop: boolean;
+  stretchFooter: boolean;
+}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default };

package/dist/components/layout/layout-classic-placeholder.js

@@ -0,0 +1 @@
+import{useLayoutClassicRootContext as e,useLayoutClassicUi as t}from"./context.js";import{computed as n,createCommentVNode as r,createElementBlock as i,defineComponent as a,normalizeClass as o,openBlock as s,unref as c}from"vue";const l=[`data-slot`],u=a({name:`LayoutClassicPlaceholder`,inheritAttrs:!1,__name:`layout-classic-placeholder`,props:{type:{}},setup(a){let u=a,d=t(`${u.type}Placeholder`),{fixedTop:f,headerVisible:p,tabVisible:m,footerVisible:h,fixedFooter:g}=e(`LayoutClassicPlaceholder`),_=n(()=>u.type===`footer`?g.value:f.value),v=n(()=>u.type===`header`?p.value:u.type===`tab`?m.value:h.value),y=n(()=>`${u.type}-placeholder`);return(e,t)=>v.value&&_.value?(s(),i(`div`,{key:0,class:o(c(d)),"data-slot":y.value},null,10,l)):r(`v-if`,!0)}});export{u as default};

package/dist/components/layout/layout-classic-root.js

@@ -0,0 +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{provideLayoutClassicRootContext as n,useLayoutUi as r}from"./context.js";import{layoutCssVars as i}from"./shared.js";import{computed as a,createElementBlock as o,defineComponent as s,normalizeClass as c,normalizeStyle as l,openBlock as u,renderSlot as d,shallowRef as f,unref as p}from"vue";const m=[`data-orientation`,`data-side`,`data-state`,`data-mobile`,`data-scroll-behavior`,`data-full-content`,`data-sidebar-visible`,`data-header-visible`,`data-tab-visible`,`data-footer-visible`,`data-fixed-top`,`data-fixed-footer`,`data-stretch-footer`],h=s({name:`LayoutClassicRoot`,__name:`layout-classic-root`,props:{orientation:{default:`horizontal`},scrollBehavior:{default:`content`},scrollId:{},baseZIndex:{default:50},fixedTop:{type:Boolean,default:!0},fullContent:{type:Boolean},sidebarVisible:{type:Boolean,default:!0},headerVisible:{type:Boolean,default:!0},tabVisible:{type:Boolean,default:!0},footerVisible:{type:Boolean,default:!0},fixedFooter:{type:Boolean},stretchFooter:{type:Boolean,default:!0},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:!0},side:{default:`left`},sidebarWidth:{default:240},collapsedSidebarWidth:{default:50},isMobile:{type:Boolean,default:!1},mobileSidebarWidth:{default:240},headerHeight:{default:56},tabHeight:{default:44},footerHeight:{default:48},pxToRem:{type:Function,default:e=>e/16}},emits:[`update:open`],setup(s,{emit:h}){let g=s,_=h,v=r(`root`),y=t(()=>g.open,e=>{_(`update:open`,e??!1)},g.defaultOpen),b=f(!1),x=a(()=>y.value?`expanded`:`collapsed`),S=a(()=>!!g.fixedTop||g.orientation===`vertical`&&g.scrollBehavior===`wrapper`),C=a(()=>g.orientation===`horizontal`),w=a(()=>{let e=g.pxToRem(g.sidebarWidth),t=g.pxToRem(g.collapsedSidebarWidth),n=y.value?e:t,r=g.pxToRem(g.headerHeight),a=g.pxToRem(g.tabHeight),o=g.pxToRem(g.footerHeight),s=g.sidebarVisible?`${n}rem`:void 0,c=C.value?s:void 0,l=T()?s:void 0,u=g.headerVisible&&!C.value?`${r}rem`:void 0,d=g.footerVisible&&!l?`${o}rem`:void 0,f=C.value?g.baseZIndex-1:g.baseZIndex-4,p=g.baseZIndex-3,m=g.baseZIndex-5,h=d?f+1:f-5;return{[i.sidebarWidth]:`${e}rem`,[i.collapsedSidebarWidth]:`${t}rem`,[i.currentSidebarWidth]:`${n}rem`,[i.baseZIndex]:g.baseZIndex,[i.headerHeight]:`${r}rem`,[i.tabHeight]:`${a}rem`,[i.footerHeight]:`${o}rem`,[i.sidebarTopGap]:u,[i.sidebarBottomGap]:d,[i.startGap]:s,[i.headerStartGap]:c,[i.footerStartGap]:l,[i.sidebarZIndex]:f,[i.headerZIndex]:p,[i.tabZIndex]:m,[i.footerZIndex]:h}});function T(){return C.value||g.scrollBehavior===`wrapper`&&!g.fixedFooter?!0:!g.stretchFooter}let E=a(()=>g.pxToRem(g.mobileSidebarWidth));return n({...e(g,[`sidebarWidth`,`collapsedSidebarWidth`,`isMobile`,`sidebarVisible`,`headerVisible`,`tabVisible`,`footerVisible`,`fixedFooter`]),open:y,mobileOpen:b,mobileSidebarWidth:E,fixedTop:S}),(e,t)=>(u(),o(`div`,{class:c(p(v)),"data-orientation":s.orientation,"data-side":s.side,"data-state":x.value,"data-mobile":!!s.isMobile,"data-scroll-behavior":s.scrollBehavior,"data-full-content":!!s.fullContent,"data-sidebar-visible":!!s.sidebarVisible,"data-header-visible":!!s.headerVisible,"data-tab-visible":!!s.tabVisible,"data-footer-visible":!!s.footerVisible,"data-fixed-top":S.value,"data-fixed-footer":!!s.fixedFooter,"data-stretch-footer":!!s.stretchFooter,style:l(w.value)},[d(e.$slots,`default`,{open:p(y),collapsedSidebarWidth:s.collapsedSidebarWidth})],14,m))}});export{h as default};

package/dist/components/layout/layout-compact.js

@@ -0,0 +1 @@
+import{useOmitProps as e}from"../../composables/use-props.js";import"../../composables/index.js";import t from"./layout-root.js";import n from"./layout-sidebar.js";import r from"./layout-rail.js";import i from"./layout-main.js";import a from"./layout-header.js";import o from"./layout-tab.js";import s from"./layout-content.js";import c from"./layout-footer.js";import{createBlock as l,createCommentVNode as u,createVNode as d,defineComponent as f,guardReactiveProps as p,mergeProps as m,normalizeProps as h,openBlock as g,renderSlot as _,unref as v,withCtx as y}from"vue";const b=f({name:`LayoutCompact`,__name:`layout-compact`,props:{open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:!0},side:{},variant:{},collapsible:{},sidebarVisible:{type:Boolean,default:!0},sidebarWidth:{},collapsedSidebarWidth:{},isMobile:{type:Boolean},mobileSidebarWidth:{},headerVisible:{type:Boolean,default:!0},headerHeight:{},tabVisible:{type:Boolean,default:!0},tabHeight:{},footerVisible:{type:Boolean,default:!0},footerHeight:{},fullContent:{type:Boolean},pxToRem:{},sidebarProps:{},railProps:{},mainProps:{},headerProps:{},tabProps:{},contentProps:{},footerProps:{},mobileProps:{}},emits:[`update:open`],setup(f,{emit:b}){let x=f,S=b,C=e(x,[`sidebarProps`,`headerProps`,`mainProps`,`tabProps`,`contentProps`,`footerProps`,`railProps`,`mobileProps`]);return(e,b)=>(g(),l(t,m(v(C),{"onUpdate:open":b[0]||(b[0]=e=>S(`update:open`,e))}),{default:y(t=>[d(n,h(p(f.sidebarProps)),{default:y(()=>[_(e.$slots,`sidebar`,h(p(t))),d(r,h(p(f.railProps)),null,16)]),_:2},1040),d(i,h(p(f.mainProps)),{default:y(()=>[d(a,h(p(f.headerProps)),{default:y(()=>[_(e.$slots,`header`)]),_:3},16),f.tabVisible?(g(),l(o,h(m({key:0},f.tabProps)),{default:y(()=>[_(e.$slots,`tab`)]),_:3},16)):u(`v-if`,!0),d(s,h(p(f.contentProps)),{default:y(()=>[_(e.$slots,`content`,{},()=>[_(e.$slots,`default`)])]),_:3},16),f.footerVisible?(g(),l(c,h(m({key:1},f.footerProps)),{default:y(()=>[_(e.$slots,`footer`)]),_:3},16)):u(`v-if`,!0)]),_:3},16)]),_:3},16))}});export{b as default};

package/dist/components/layout/layout-compact.vue.d.ts

@@ -0,0 +1,26 @@
+import { LayoutCompactProps, LayoutCompactSlots } from "./types.js";
+import * as _$vue from "vue";
+
+//#region src/components/layout/layout-compact.vue.d.ts
+type __VLS_Slots = LayoutCompactSlots;
+declare const __VLS_base: _$vue.DefineComponent<LayoutCompactProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
+  "update:open": (open: boolean) => any;
+}, string, _$vue.PublicProps, Readonly<LayoutCompactProps> & Readonly<{
+  "onUpdate:open"?: ((open: boolean) => any) | undefined;
+}>, {
+  defaultOpen: boolean;
+  open: boolean;
+  sidebarVisible: boolean;
+  headerVisible: boolean;
+  tabVisible: boolean;
+  footerVisible: boolean;
+}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default };

package/dist/components/layout/layout-footer.js

@@ -1 +1 @@
-import{useLayoutUi as e}from"./context.js";import{createElementBlock as t,defineComponent as n,normalizeClass as r,openBlock as i,renderSlot as a,unref as o}from"vue";const s=n({name:`LayoutFooter`,__name:`layout-footer`,setup(n){let s=e(`footer`);return(e,n)=>(i(),t(`div`,{class:r(o(s))},[a(e.$slots,`default`)],2))}});export{s as default};
+import{useLayoutRootContext as e,useLayoutUi as t}from"./context.js";import{createCommentVNode as n,createElementBlock as r,defineComponent as i,normalizeClass as a,openBlock as o,renderSlot as s,unref as c}from"vue";const l=i({name:`LayoutFooter`,__name:`layout-footer`,setup(i){let l=t(`footer`),{footerVisible:u}=e(`LayoutFooter`);return(e,t)=>c(u)?(o(),r(`div`,{key:0,class:a(c(l))},[s(e.$slots,`default`)],2)):n(`v-if`,!0)}});export{l as default};

package/dist/components/layout/layout-header.js

@@ -1 +1 @@
-import{useLayoutUi as e}from"./context.js";import{createElementBlock as t,defineComponent as n,normalizeClass as r,openBlock as i,renderSlot as a,unref as o}from"vue";const s=n({name:`LayoutHeader`,__name:`layout-header`,setup(n){let s=e(`header`);return(e,n)=>(i(),t(`header`,{class:r(o(s))},[a(e.$slots,`default`)],2))}});export{s as default};
+import{useLayoutRootContext as e,useLayoutUi as t}from"./context.js";import{createCommentVNode as n,createElementBlock as r,defineComponent as i,normalizeClass as a,openBlock as o,renderSlot as s,unref as c}from"vue";const l=i({name:`LayoutHeader`,__name:`layout-header`,setup(i){let l=t(`header`),{headerVisible:u}=e(`LayoutHeader`);return(e,t)=>c(u)?(o(),r(`header`,{key:0,class:a(c(l))},[s(e.$slots,`default`)],2)):n(`v-if`,!0)}});export{l as default};

package/dist/components/layout/layout-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{provideLayoutRootContext as n,useLayoutUi as r}from"./context.js";import{layoutCssVars as i}from"./shared.js";import{computed as a,createElementBlock as o,defineComponent as s,normalizeClass as c,normalizeStyle as l,openBlock as u,renderSlot as d,shallowRef as f,unref as p}from"vue";const m=[`data-collapsible`,`data-side`,`data-state`,`data-variant`,`data-mobile`],h=s({name:`LayoutRoot`,__name:`layout-root`,props:{open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:!1},side:{default:`left`},variant:{default:`sidebar`},collapsible:{default:`icon`},sidebarWidth:{default:240},collapsedSidebarWidth:{default:50},isMobile:{type:Boolean,default:!1},mobileSidebarWidth:{default:240},headerHeight:{default:56},tabHeight:{default:44},footerHeight:{default:48},pxToRem:{type:Function,default:e=>e/16}},emits:[`update:open`],setup(s,{emit:h}){let g=s,_=h,v=r(`root`),y=t(()=>g.open,e=>{_(`update:open`,e??!1)},g.defaultOpen),b=f(!1),x=a(()=>y.value?`expanded`:`collapsed`),S=a(()=>x.value===`collapsed`?g.collapsible:``),C=a(()=>{let e=g.pxToRem(g.sidebarWidth),t=g.pxToRem(g.collapsedSidebarWidth),n=g.pxToRem(g.headerHeight),r=g.pxToRem(g.tabHeight),a=g.pxToRem(g.footerHeight);return{[i.sidebarWidth]:`${e}rem`,[i.collapsedSidebarWidth]:`${t}rem`,[i.headerHeight]:`${n}rem`,[i.tabHeight]:`${r}rem`,[i.footerHeight]:`${a}rem`}}),w=a(()=>g.pxToRem(g.mobileSidebarWidth));return n({...e(g,[`sidebarWidth`,`collapsedSidebarWidth`,`isMobile`]),open:y,mobileOpen:b,mobileSidebarWidth:w,sidebarState:x}),(e,t)=>(u(),o(`div`,{class:c(p(v)),"data-collapsible":S.value,"data-side":s.side,"data-state":x.value,"data-variant":s.variant,"data-mobile":!!s.isMobile,style:l(C.value)},[d(e.$slots,`default`,{open:p(y),collapsedSidebarWidth:s.collapsedSidebarWidth})],14,m))}});export{h 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{provideLayoutRootContext as n,useLayoutUi as r}from"./context.js";import{layoutCssVars as i}from"./shared.js";import{computed as a,createElementBlock as o,defineComponent as s,normalizeClass as c,normalizeStyle as l,openBlock as u,renderSlot as d,shallowRef as f,unref as p}from"vue";const m=[`data-collapsible`,`data-side`,`data-state`,`data-variant`,`data-mobile`,`data-sidebar-visible`,`data-header-visible`,`data-tab-visible`,`data-footer-visible`,`data-full-content`],h=s({name:`LayoutRoot`,__name:`layout-root`,props:{open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:!1},side:{default:`left`},variant:{default:`sidebar`},collapsible:{default:`icon`},sidebarVisible:{type:Boolean,default:!0},sidebarWidth:{default:240},collapsedSidebarWidth:{default:50},isMobile:{type:Boolean,default:!1},mobileSidebarWidth:{default:240},headerVisible:{type:Boolean,default:!0},headerHeight:{default:56},tabVisible:{type:Boolean,default:!0},tabHeight:{default:44},footerVisible:{type:Boolean,default:!0},footerHeight:{default:48},fullContent:{type:Boolean},pxToRem:{type:Function,default:e=>e/16}},emits:[`update:open`],setup(s,{emit:h}){let g=s,_=h,v=r(`root`),y=t(()=>g.open,e=>{_(`update:open`,e??!1)},g.defaultOpen),b=f(!1),x=a(()=>y.value?`expanded`:`collapsed`),S=a(()=>x.value===`collapsed`?g.collapsible:``),C=a(()=>{let e=g.pxToRem(g.sidebarWidth),t=g.pxToRem(g.collapsedSidebarWidth),n=y.value?e:t,r=g.pxToRem(g.headerHeight),a=g.pxToRem(g.tabHeight),o=g.pxToRem(g.footerHeight);return{[i.sidebarWidth]:`${e}rem`,[i.collapsedSidebarWidth]:`${t}rem`,[i.currentSidebarWidth]:`${n}rem`,[i.headerHeight]:`${r}rem`,[i.tabHeight]:`${a}rem`,[i.footerHeight]:`${o}rem`}}),w=a(()=>g.pxToRem(g.mobileSidebarWidth));return n({...e(g,[`sidebarWidth`,`collapsedSidebarWidth`,`isMobile`,`sidebarVisible`,`headerVisible`,`tabVisible`,`footerVisible`]),open:y,mobileOpen:b,mobileSidebarWidth:w}),(e,t)=>(u(),o(`div`,{class:c(p(v)),"data-collapsible":S.value,"data-side":s.side,"data-state":x.value,"data-variant":s.variant,"data-mobile":!!s.isMobile,"data-sidebar-visible":!!s.sidebarVisible,"data-header-visible":!!s.headerVisible,"data-tab-visible":!!s.tabVisible,"data-footer-visible":!!s.footerVisible,"data-full-content":!!s.fullContent,style:l(C.value)},[d(e.$slots,`default`,{open:p(y),collapsedSidebarWidth:s.collapsedSidebarWidth})],14,m))}});export{h as default};

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

@@ -15,16 +15,20 @@ declare const __VLS_base: _$vue.DefineComponent<LayoutRootProps, {}, {}, {}, {},
   "onUpdate:open"?: ((open: boolean) => any) | undefined;
 }>, {
   collapsible: LayoutCollapsible;
-  open: boolean;
   defaultOpen: boolean;
+  open: boolean;
   side: LayoutSide;
   variant: LayoutVariant;
+  sidebarVisible: boolean;
   sidebarWidth: number;
   collapsedSidebarWidth: number;
   isMobile: boolean;
   mobileSidebarWidth: number;
+  headerVisible: boolean;
   headerHeight: number;
+  tabVisible: boolean;
   tabHeight: number;
+  footerVisible: boolean;
   footerHeight: number;
   pxToRem: (px: number) => number;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;

package/dist/components/layout/layout-sidebar.js

@@ -1 +1 @@
-import{useLayoutRootContext as e,useLayoutUi as t}from"./context.js";import n from"./layout-mobile.js";import{createBlock as r,createElementBlock as i,createElementVNode as a,defineComponent as o,mergeProps as s,normalizeClass as c,normalizeProps as l,openBlock as u,renderSlot as d,unref as f,useAttrs as p,withCtx as m}from"vue";const h=o({name:`LayoutSidebar`,inheritAttrs:!1,__name:`layout-sidebar`,setup(o){let h=p(),{isMobile:g}=e(`LayoutSidebar`),_=t();return(e,t)=>f(g)?(u(),r(n,l(s({key:0},f(h))),{default:m(()=>[d(e.$slots,`default`)]),_:3},16)):(u(),i(`div`,{key:1,class:c(f(_).sidebarRoot)},[a(`div`,{class:c(f(_).sidebarGapHandler)},null,2),a(`div`,{class:c(f(_).sidebarWrapper)},[a(`div`,s(f(h),{class:f(_).sidebar,"data-sidebar":`sidebar`}),[d(e.$slots,`default`)],16)],2)],2))}});export{h as default};
+import{useLayoutRootContext as e,useLayoutUi as t}from"./context.js";import n from"./layout-mobile.js";import{Fragment as r,createBlock as i,createCommentVNode as a,createElementBlock as o,createElementVNode as s,defineComponent as c,mergeProps as l,normalizeClass as u,normalizeProps as d,openBlock as f,renderSlot as p,unref as m,useAttrs as h,withCtx as g}from"vue";const _=c({name:`LayoutSidebar`,inheritAttrs:!1,__name:`layout-sidebar`,setup(c){let _=h(),{sidebarVisible:v,isMobile:y}=e(`LayoutSidebar`),b=t();return(e,t)=>m(v)?(f(),o(r,{key:0},[m(y)?(f(),i(n,d(l({key:0},m(_))),{default:g(()=>[p(e.$slots,`default`)]),_:3},16)):(f(),o(`div`,{key:1,class:u(m(b).sidebarRoot)},[s(`div`,{class:u(m(b).sidebarGapHandler)},null,2),s(`div`,{class:u(m(b).sidebarWrapper)},[s(`div`,l(m(_),{class:m(b).sidebar,"data-sidebar":`sidebar`}),[p(e.$slots,`default`)],16)],2)],2))],64)):a(`v-if`,!0)}});export{_ as default};

package/dist/components/layout/layout-tab.js

@@ -1 +1 @@
-import{useLayoutUi as e}from"./context.js";import{createElementBlock as t,defineComponent as n,normalizeClass as r,openBlock as i,renderSlot as a,unref as o}from"vue";const s=n({name:`LayoutTab`,__name:`layout-tab`,setup(n){let s=e(`tab`);return(e,n)=>(i(),t(`div`,{class:r(o(s))},[a(e.$slots,`default`)],2))}});export{s as default};
+import{useLayoutRootContext as e,useLayoutUi as t}from"./context.js";import{createCommentVNode as n,createElementBlock as r,defineComponent as i,normalizeClass as a,openBlock as o,renderSlot as s,unref as c}from"vue";const l=i({name:`LayoutTab`,__name:`layout-tab`,setup(i){let l=t(`tab`),{tabVisible:u}=e(`LayoutTab`);return(e,t)=>c(u)?(o(),r(`div`,{key:0,class:a(c(l))},[s(e.$slots,`default`)],2)):n(`v-if`,!0)}});export{l as default};

package/dist/components/layout/layout-trigger.js

@@ -1 +1 @@
-import{Primitive as e}from"../primitive/primitive.js";import"../primitive/index.js";import{useLayoutRootContext as t,useLayoutUi as n}from"./context.js";import{createBlock as r,defineComponent as i,normalizeClass as a,openBlock as o,renderSlot as s,unref as c,withCtx as l}from"vue";const u=i({name:`LayoutTrigger`,__name:`layout-trigger`,props:{asChild:{type:Boolean},as:{}},setup(i){let{open:u,toggleSidebar:d}=t(`LayoutTrigger`),f=n(`trigger`);return(t,n)=>(o(),r(c(e),{as:i.as,"as-child":i.asChild,class:a(c(f)),"data-sidebar":`trigger`,onClick:c(d)},{default:l(()=>[s(t.$slots,`default`,{open:c(u)})]),_:3},8,[`as`,`as-child`,`class`,`onClick`]))}});export{u as default};
+import e from"../_icon/icon.js";import{Primitive as t}from"../primitive/primitive.js";import"../primitive/index.js";import{useLayoutRootContext as n,useLayoutUi as r}from"./context.js";import{createBlock as i,createVNode as a,defineComponent as o,normalizeClass as s,openBlock as c,renderSlot as l,unref as u,withCtx as d}from"vue";const f=o({name:`LayoutTrigger`,__name:`layout-trigger`,props:{asChild:{type:Boolean},as:{default:`button`}},setup(o){let{open:f,toggleSidebar:p}=n(`LayoutTrigger`),m=r(`trigger`);return(n,r)=>(c(),i(u(t),{as:o.as,"as-child":o.asChild,class:s(u(m)),type:`button`,"aria-label":`Toggle Sidebar`,"data-sidebar":`trigger`,onClick:u(p)},{default:d(()=>[l(n.$slots,`default`,{open:u(f)},()=>[a(e,{icon:u(f)?`lucide:panel-right`:`lucide:panel-left`},null,8,[`icon`])])]),_:3},8,[`as`,`as-child`,`class`,`onClick`]))}});export{f as default};

package/dist/components/layout/layout-trigger.vue.d.ts

@@ -1,3 +1,4 @@
+import { AsTag } from "../primitive/types.js";
 import { LayoutTriggerProps } from "./types.js";
 import * as _$vue from "vue";
 
@@ -8,7 +9,9 @@ declare var __VLS_10: {
 type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_10) => any;
 };
-declare const __VLS_base: _$vue.DefineComponent<LayoutTriggerProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<LayoutTriggerProps> & Readonly<{}>, {}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: _$vue.DefineComponent<LayoutTriggerProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<LayoutTriggerProps> & Readonly<{}>, {
+  as: AsTag | _$vue.Component;
+}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 type __VLS_WithSlots<T, S> = T & {

package/dist/components/layout/shared.js

@@ -1 +1 @@
-const e={sidebarWidth:`--soybean-sidebar-width`,collapsedSidebarWidth:`--soybean-collapsed-sidebar-width`,headerHeight:`--soybean-layout-header-height`,tabHeight:`--soybean-layout-tab-height`,footerHeight:`--soybean-layout-footer-height`};export{e as layoutCssVars};
+const e={sidebarWidth:`--soybean-sidebar-width`,collapsedSidebarWidth:`--soybean-collapsed-sidebar-width`,currentSidebarWidth:`--soybean-current-sidebar-width`,headerHeight:`--soybean-layout-header-height`,tabHeight:`--soybean-layout-tab-height`,footerHeight:`--soybean-layout-footer-height`,startGap:`--soybean-layout-start-gap`,sidebarTopGap:`--soybean-layout-sidebar-top-gap`,sidebarBottomGap:`--soybean-layout-sidebar-bottom-gap`,headerStartGap:`--soybean-layout-header-start-gap`,footerStartGap:`--soybean-layout-footer-start-gap`,baseZIndex:`--soybean-layout-base-z-index`,sidebarZIndex:`--soybean-layout-sidebar-z-index`,headerZIndex:`--soybean-layout-header-z-index`,tabZIndex:`--soybean-layout-tab-z-index`,footerZIndex:`--soybean-layout-footer-z-index`};export{e as layoutCssVars};

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

@@ -1,4 +1,4 @@
-import { HorizontalSide, UiClass } from "../../types/common.js";
+import { DataOrientation, HorizontalSide, UiClass } from "../../types/common.js";
 import { PrimitiveProps } from "../primitive/types.js";
 import { ComputedRef, HTMLAttributes, ShallowRef } from "vue";
 
@@ -21,6 +21,12 @@ interface LayoutRootProps extends /* @vue-ignore */HTMLAttributes {
   variant?: LayoutVariant;
   /** The collapsible state of the layout. */
   collapsible?: LayoutCollapsible;
+  /**
+   * whether to show the sidebar.
+   *
+   * @default true
+   */
+  sidebarVisible?: boolean;
   /**
    * The width of the sidebar. (px)
    *
@@ -45,21 +51,45 @@ interface LayoutRootProps extends /* @vue-ignore */HTMLAttributes {
    * @default 240
    */
   mobileSidebarWidth?: number;
+  /**
+   * whether to show the header.
+   *
+   * @default true
+   */
+  headerVisible?: boolean;
   /**
    * The height of the header. (px)
    * @default 56
    */
   headerHeight?: number;
+  /**
+   * whether to show the tab.
+   *
+   * @default true
+   */
+  tabVisible?: boolean;
   /**
    * The height of the tab. (px)
    * @default 44
    */
   tabHeight?: number;
+  /**
+   * whether to show the footer.
+   *
+   * @default true
+   */
+  footerVisible?: boolean;
   /**
    * The height of the footer. (px)
    * @default 48
    */
   footerHeight?: number;
+  /**
+   * whether the content takes the full height of the layout (include).
+   *
+   * @default false
+   */
+  fullContent?: boolean;
   /**
    * The function to convert pixels to rem.
    *
@@ -81,7 +111,96 @@ interface LayoutContentProps extends /* @vue-ignore */HTMLAttributes {}
 interface LayoutFooterProps extends /* @vue-ignore */HTMLAttributes {}
 interface LayoutTriggerProps extends PrimitiveProps, /* @vue-ignore */HTMLAttributes {}
 interface LayoutMobileProps extends /* @vue-ignore */HTMLAttributes {}
+interface LayoutOthersProps {
+  sidebarProps?: LayoutSidebarProps;
+  railProps?: LayoutRailProps;
+  mainProps?: LayoutMainProps;
+  headerProps?: LayoutHeaderProps;
+  tabProps?: LayoutTabProps;
+  contentProps?: LayoutContentProps;
+  footerProps?: LayoutFooterProps;
+  mobileProps?: LayoutMobileProps;
+}
+interface LayoutCompactProps extends LayoutRootProps, LayoutOthersProps {}
+type LayoutCompactEmits = LayoutRootEmits;
+type LayoutCompactSlots = {
+  default?: () => any;
+  sidebar?: (props: {
+    open: boolean | undefined;
+    collapsedSidebarWidth: number;
+  }) => any;
+  header?: () => any;
+  tab?: () => any;
+  content?: () => any;
+  footer?: () => any;
+};
+type LayoutClassicScrollBehavior = 'wrapper' | 'content';
+interface LayoutClassicRootProps extends Omit<LayoutRootProps, 'variant' | 'collapsible'> {
+  orientation?: DataOrientation;
+  scrollBehavior?: LayoutClassicScrollBehavior;
+  scrollId?: string;
+  /**
+   * The base z-index of the layout. The z-index of the sidebar, header, tab, footer, and their fixed versions will be calculated based on this value.
+   *
+   * @default 50
+   */
+  baseZIndex?: number;
+  /**
+   * Whether the header and tab are fixed to the top of the layout when the orientation is vertical. If true, the header and tab will be fixed to the top of the layout when the orientation is vertical, and will scroll with the content when the orientation is horizontal.
+   *
+   * @default true
+   */
+  fixedTop?: boolean;
+  /**
+   * whether the content takes the full height of the layout (include).
+   *
+   * @default false
+   */
+  fullContent?: boolean;
+  /**
+   * whether to show the sidebar.
+   *
+   * @default true
+   */
+  sidebarVisible?: boolean;
+  /**
+   * whether to show the header.
+   *
+   * @default true
+   */
+  headerVisible?: boolean;
+  /**
+   * whether to show the tab.
+   *
+   * @default true
+   */
+  tabVisible?: boolean;
+  /**
+   * whether to show the footer.
+   *
+   * @default true
+   */
+  footerVisible?: boolean;
+  /**
+   * Whether footer is fixed
+   *
+   * @default true
+   */
+  fixedFooter?: boolean;
+  /**
+   * Whether the footer should stretch to the full width of the layout or the content when layout orientation is vertical.
+   *
+   * @default true
+   */
+  stretchFooter?: boolean;
+}
+type LayoutClassicRootEmits = LayoutRootEmits;
+interface LayoutClassicCompactProps extends LayoutClassicRootProps, LayoutOthersProps {}
+type LayoutClassicCompactEmits = LayoutClassicRootEmits;
+type LayoutClassicCompactSlots = LayoutCompactSlots;
 type LayoutUiSlot = 'root' | 'sidebar' | 'sidebarRoot' | 'sidebarWrapper' | 'sidebarGapHandler' | 'main' | 'header' | 'tab' | 'content' | 'footer' | 'rail' | 'trigger' | 'mobile' | 'mobileDrawer' | 'mobileOverlay';
 type LayoutUi = UiClass<LayoutUiSlot>;
+type LayoutClassicUiSlot = LayoutUiSlot | 'headerPlaceholder' | 'tabPlaceholder' | 'footerPlaceholder';
+type LayoutClassicUi = UiClass<LayoutClassicUiSlot>;
 //#endregion
-export { LayoutCollapsible, LayoutContentProps, LayoutFooterProps, LayoutHeaderProps, LayoutMainProps, LayoutMobileProps, LayoutRailProps, LayoutRootEmits, LayoutRootProps, LayoutSide, LayoutSidebarProps, LayoutSidebarState, LayoutTabProps, LayoutTriggerProps, LayoutUi, LayoutUiSlot, LayoutVariant };
+export { LayoutClassicCompactEmits, LayoutClassicCompactProps, LayoutClassicCompactSlots, LayoutClassicScrollBehavior, LayoutClassicUi, LayoutClassicUiSlot, LayoutCollapsible, LayoutCompactEmits, LayoutCompactProps, LayoutCompactSlots, LayoutContentProps, LayoutFooterProps, LayoutHeaderProps, LayoutMainProps, LayoutMobileProps, LayoutRailProps, LayoutRootEmits, LayoutRootProps, LayoutSide, LayoutSidebarProps, LayoutSidebarState, LayoutTabProps, LayoutTriggerProps, LayoutUi, LayoutUiSlot, LayoutVariant };

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

@@ -13,6 +13,7 @@ type Slots = {
 type __VLS_Slots = Slots;
 declare const __VLS_base: _$vue.DefineComponent<LinkProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<LinkProps> & Readonly<{}>, {
   disabled: boolean;
+  as: AsTag | _$vue.Component;
   replace: boolean;
   external: boolean;
   viewTransition: boolean;
@@ -20,7 +21,6 @@ declare const __VLS_base: _$vue.DefineComponent<LinkProps, {}, {}, {}, {}, _$vue
   noRel: boolean;
   prefetch: boolean;
   noPrefetch: boolean;
-  as: AsTag | _$vue.Component;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

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

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

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

@@ -7,12 +7,12 @@ import * as _$vue from "vue";
 declare const __VLS_export: <T extends DefinedValue = DefinedValue>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
   props: _$vue.PublicProps & __VLS_PrettifyLocal<MenuOptionCompactProps<T> & {
     onSelect?: ((item: MenuOptionData<T>, event: Event) => any) | undefined;
+    onEntryFocus?: ((event: Event) => any) | undefined;
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
     onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
     onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
     onFocusOutside?: ((event: FocusOutsideEvent) => any) | undefined;
     onInteractOutside?: ((event: PointerDownOutsideEvent | FocusOutsideEvent) => any) | undefined;
-    onEntryFocus?: ((event: Event) => any) | undefined;
-    "onUpdate:open"?: ((value: boolean) => any) | undefined;
     onOpenAutoFocus?: ((event: Event) => any) | undefined;
     onCloseAutoFocus?: ((event: Event) => any) | undefined;
   }> & (typeof globalThis extends {
@@ -21,7 +21,7 @@ declare const __VLS_export: <T extends DefinedValue = DefinedValue>(__VLS_props:
   expose: (exposed: {}) => void;
   attrs: any;
   slots: MenuOptionCompactSlots<T>;
-  emit: ((evt: "select", item: MenuOptionData<T>, event: Event) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: FocusOutsideEvent) => void) & ((evt: "interactOutside", event: PointerDownOutsideEvent | FocusOutsideEvent) => void) & ((evt: "entryFocus", event: Event) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void);
+  emit: ((evt: "select", item: MenuOptionData<T>, event: Event) => void) & ((evt: "entryFocus", event: Event) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: FocusOutsideEvent) => void) & ((evt: "interactOutside", event: PointerDownOutsideEvent | FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void);
 }>) => _$vue.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };

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

@@ -7,12 +7,12 @@ import * as _$vue from "vue";
 declare const __VLS_export: <T extends DefinedValue = DefinedValue>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
   props: _$vue.PublicProps & __VLS_PrettifyLocal<MenuOptionsCompactProps<T> & {
     onSelect?: ((item: MenuOptionData<T>, event: Event) => any) | undefined;
+    onEntryFocus?: ((event: Event) => any) | undefined;
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
     onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
     onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
     onFocusOutside?: ((event: FocusOutsideEvent) => any) | undefined;
     onInteractOutside?: ((event: PointerDownOutsideEvent | FocusOutsideEvent) => any) | undefined;
-    onEntryFocus?: ((event: Event) => any) | undefined;
-    "onUpdate:open"?: ((value: boolean) => any) | undefined;
     onOpenAutoFocus?: ((event: Event) => any) | undefined;
     onCloseAutoFocus?: ((event: Event) => any) | undefined;
   }> & (typeof globalThis extends {
@@ -21,7 +21,7 @@ declare const __VLS_export: <T extends DefinedValue = DefinedValue>(__VLS_props:
   expose: (exposed: {}) => void;
   attrs: any;
   slots: MenuOptionsCompactSlots<T>;
-  emit: ((evt: "select", item: MenuOptionData<T>, event: Event) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: FocusOutsideEvent) => void) & ((evt: "interactOutside", event: PointerDownOutsideEvent | FocusOutsideEvent) => void) & ((evt: "entryFocus", event: Event) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void);
+  emit: ((evt: "select", item: MenuOptionData<T>, event: Event) => void) & ((evt: "entryFocus", event: Event) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: FocusOutsideEvent) => void) & ((evt: "interactOutside", event: PointerDownOutsideEvent | FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void);
 }>) => _$vue.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };

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

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

package/dist/components/menubar/menubar-compact.vue.d.ts

@@ -9,12 +9,12 @@ declare const __VLS_export: <T extends DefinedValue = DefinedValue>(__VLS_props:
   props: _$vue.PublicProps & __VLS_PrettifyLocal<MenubarCompactProps<T> & {
     onSelect?: ((item: MenuOptionData<T>, event: Event) => any) | undefined;
     "onUpdate:modelValue"?: ((value: T) => any) | undefined;
+    onEntryFocus?: ((event: Event) => any) | undefined;
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
     onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
     onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
     onFocusOutside?: ((event: FocusOutsideEvent) => any) | undefined;
     onInteractOutside?: ((event: PointerDownOutsideEvent | FocusOutsideEvent) => any) | undefined;
-    onEntryFocus?: ((event: Event) => any) | undefined;
-    "onUpdate:open"?: ((value: boolean) => any) | undefined;
     onOpenAutoFocus?: ((event: Event) => any) | undefined;
     onCloseAutoFocus?: ((event: Event) => any) | undefined;
   }> & (typeof globalThis extends {
@@ -23,7 +23,7 @@ declare const __VLS_export: <T extends DefinedValue = DefinedValue>(__VLS_props:
   expose: (exposed: {}) => void;
   attrs: any;
   slots: MenubarCompactSlots<T>;
-  emit: ((evt: "select", item: MenuOptionData<T>, event: Event) => void) & ((evt: "update:modelValue", value: T) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: FocusOutsideEvent) => void) & ((evt: "interactOutside", event: PointerDownOutsideEvent | FocusOutsideEvent) => void) & ((evt: "entryFocus", event: Event) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void);
+  emit: ((evt: "select", item: MenuOptionData<T>, event: Event) => void) & ((evt: "update:modelValue", value: T) => void) & ((evt: "entryFocus", event: Event) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: FocusOutsideEvent) => void) & ((evt: "interactOutside", event: PointerDownOutsideEvent | FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void);
 }>) => _$vue.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };

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

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

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

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

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/popover/popover-root.vue.d.ts

@@ -14,8 +14,8 @@ declare const __VLS_base: _$vue.DefineComponent<PopoverRootProps, {}, {}, {}, {}
 }, string, _$vue.PublicProps, Readonly<PopoverRootProps> & Readonly<{
   "onUpdate:open"?: ((value: boolean) => any) | undefined;
 }>, {
-  open: boolean;
   defaultOpen: boolean;
+  open: boolean;
   modal: boolean;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;