@soybeanjs/headless 0.0.9 → 0.0.11

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

@@ -1 +1 @@
-import{useLayoutThemeContext as e}from"./context.js";import{computed as t,createElementBlock as n,defineComponent as r,normalizeClass as i,openBlock as a,renderSlot as o}from"vue";var s=r({name:`LayoutMain`,__name:`layout-main`,setup(r){let s=e(),c=t(()=>s?.ui?.value?.main);return(e,t)=>(a(),n(`main`,{class:i(c.value)},[o(e.$slots,`default`)],2))}});export{s as default};
+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";var s=n({name:`LayoutMain`,__name:`layout-main`,setup(n){let s=e(`main`);return(e,n)=>(i(),t(`main`,{class:r(o(s))},[a(e.$slots,`default`)],2))}});export{s as default};

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

@@ -1,12 +1,12 @@
 import { LayoutMainProps } from "./types.js";
-import * as vue1227 from "vue";
+import * as vue236 from "vue";
 
 //#region src/components/layout/layout-main.vue.d.ts
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_1) => any;
 };
-declare const __VLS_base: vue1227.DefineComponent<LayoutMainProps, {}, {}, {}, {}, vue1227.ComponentOptionsMixin, vue1227.ComponentOptionsMixin, {}, string, vue1227.PublicProps, Readonly<LayoutMainProps> & Readonly<{}>, {}, {}, {}, {}, string, vue1227.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: vue236.DefineComponent<LayoutMainProps, {}, {}, {}, {}, vue236.ComponentOptionsMixin, vue236.ComponentOptionsMixin, {}, string, vue236.PublicProps, Readonly<LayoutMainProps> & Readonly<{}>, {}, {}, {}, {}, string, vue236.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/layout-mobile.js

@@ -1 +1 @@
-import e from"../portal/portal.js";import t from"../dialog/dialog-root.js";import n from"../dialog/dialog-overlay.js";import r from"../dialog/dialog-content.js";import{useLayoutRootContext as i,useLayoutThemeContext as a}from"./context.js";import{computed as o,createBlock as s,createElementVNode as c,createVNode as l,defineComponent as u,mergeProps as d,normalizeClass as f,normalizeStyle as p,openBlock as m,renderSlot as h,unref as g,useAttrs as _,withCtx as v}from"vue";var y=u({name:`LayoutMobile`,inheritAttrs:!1,__name:`layout-mobile`,setup(u){let y=_(),{mobileOpen:b,mobileStyle:x,onMobileOpenChange:S}=i(`LayoutMobile`),C=a(),w=o(()=>C?.ui?.value??{});return(i,a)=>(m(),s(g(t),{open:g(b),"onUpdate:open":g(S)},{default:v(()=>[l(g(e),null,{default:v(()=>[l(g(n),{class:f(w.value.mobileOverlay)},null,8,[`class`]),l(g(r),{class:f(w.value.mobileDrawer),style:p(g(x))},{default:v(()=>[c(`div`,d(g(y),{class:w.value.mobile,"data-sidebar":`sidebar`,"data-mobile":``}),[h(i.$slots,`default`)],16)]),_:3},8,[`class`,`style`])]),_:3})]),_:3},8,[`open`,`onUpdate:open`]))}});export{y as default};
+import e from"../portal/portal.js";import t from"../dialog/dialog-root.js";import n from"../dialog/dialog-overlay.js";import r from"../dialog/dialog-content.js";import{useLayoutRootContext as i,useLayoutUi as a}from"./context.js";import{layoutCssVars as o}from"./shared.js";import{computed as s,createBlock as c,createElementVNode as l,createVNode as u,defineComponent as d,mergeProps as f,normalizeClass as p,normalizeStyle as m,openBlock as h,renderSlot as g,unref as _,useAttrs as v,withCtx as y}from"vue";var b=d({name:`LayoutMobile`,inheritAttrs:!1,__name:`layout-mobile`,setup(d){let b=v(),{mobileOpen:x,mobileSidebarWidth:S,onMobileOpenChange:C}=i(`LayoutMobile`),w=a(),T=s(()=>({[o.sidebarWidth]:`${S.value}rem`}));return(i,a)=>(h(),c(_(t),{open:_(x),"onUpdate:open":_(C)},{default:y(()=>[u(_(e),null,{default:y(()=>[u(_(n),{class:p(_(w).mobileOverlay)},null,8,[`class`]),u(_(r),{class:p(_(w).mobileDrawer),style:m(T.value)},{default:y(()=>[l(`div`,f(_(b),{class:_(w).mobile,"data-sidebar":`sidebar`,"data-mobile":``}),[g(i.$slots,`default`)],16)]),_:3},8,[`class`,`style`])]),_:3})]),_:3},8,[`open`,`onUpdate:open`]))}});export{b as default};

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

@@ -1,12 +1,12 @@
 import { LayoutMobileProps } from "./types.js";
-import * as vue1217 from "vue";
+import * as vue288 from "vue";
 
 //#region src/components/layout/layout-mobile.vue.d.ts
 declare var __VLS_27: {};
 type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_27) => any;
 };
-declare const __VLS_base: vue1217.DefineComponent<LayoutMobileProps, {}, {}, {}, {}, vue1217.ComponentOptionsMixin, vue1217.ComponentOptionsMixin, {}, string, vue1217.PublicProps, Readonly<LayoutMobileProps> & Readonly<{}>, {}, {}, {}, {}, string, vue1217.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: vue288.DefineComponent<LayoutMobileProps, {}, {}, {}, {}, vue288.ComponentOptionsMixin, vue288.ComponentOptionsMixin, {}, string, vue288.PublicProps, Readonly<LayoutMobileProps> & Readonly<{}>, {}, {}, {}, {}, string, vue288.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/layout-rail.js

@@ -1 +1 @@
-import{useLayoutRootContext as e,useLayoutThemeContext as t}from"./context.js";import{computed as n,createElementBlock as r,defineComponent as i,normalizeClass as a,openBlock as o,renderSlot as s,unref as c}from"vue";var l=i({name:`LayoutRail`,__name:`layout-rail`,setup(i){let{toggleSidebar:l}=e(`LayoutRail`),u=t(),d=n(()=>u?.ui?.value?.rail);return(e,t)=>(o(),r(`button`,{class:a(d.value),"data-sidebar":`rail`,"data-slot":`sidebar-rail`,"aria-label":`Toggle Sidebar`,tabindex:-1,title:`Toggle Sidebar`,onClick:t[0]||=(...e)=>c(l)&&c(l)(...e)},[s(e.$slots,`default`)],2))}});export{l as default};
+import{useLayoutRootContext as e,useLayoutUi as t}from"./context.js";import{createElementBlock as n,defineComponent as r,normalizeClass as i,openBlock as a,renderSlot as o,unref as s}from"vue";var c=r({name:`LayoutRail`,__name:`layout-rail`,setup(r){let{toggleSidebar:c}=e(`LayoutRail`),l=t(`rail`);return(e,t)=>(a(),n(`button`,{class:i(s(l)),"data-sidebar":`rail`,"data-slot":`sidebar-rail`,"aria-label":`Toggle Sidebar`,tabindex:-1,title:`Toggle Sidebar`,onClick:t[0]||=(...e)=>s(c)&&s(c)(...e)},[o(e.$slots,`default`)],2))}});export{c as default};

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

@@ -1,12 +1,12 @@
 import { LayoutRailProps } from "./types.js";
-import * as vue1242 from "vue";
+import * as vue241 from "vue";
 
 //#region src/components/layout/layout-rail.vue.d.ts
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_1) => any;
 };
-declare const __VLS_base: vue1242.DefineComponent<LayoutRailProps, {}, {}, {}, {}, vue1242.ComponentOptionsMixin, vue1242.ComponentOptionsMixin, {}, string, vue1242.PublicProps, Readonly<LayoutRailProps> & Readonly<{}>, {}, {}, {}, {}, string, vue1242.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: vue241.DefineComponent<LayoutRailProps, {}, {}, {}, {}, vue241.ComponentOptionsMixin, vue241.ComponentOptionsMixin, {}, string, vue241.PublicProps, Readonly<LayoutRailProps> & Readonly<{}>, {}, {}, {}, {}, string, vue241.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/layout-root.js

@@ -1 +1 @@
-import{transformPropsToContext as e}from"../../shared/vue.js";import{useControllableState as t}from"../../composables/use-controllable-state.js";import{provideLayoutRootContext as n,useLayoutThemeContext 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";import{useMediaQuery as m}from"@vueuse/core";const h=[`data-state`,`data-collapsible`,`data-variant`,`data-side`];var g=s({name:`LayoutRoot`,__name:`layout-root`,props:{open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:!1},side:{},variant:{},collapsible:{},sidebarWidth:{default:240},collapsedSidebarWidth:{default:50},mobileMediaQuery:{default:`(max-width: 768px)`},mobileSidebarWidth:{default:240},sizeRatio:{default:1}},emits:[`update:open`],setup(s,{emit:g}){let _=s,v=g,y=r(),b=a(()=>y?.ui?.value?.root),x=t(()=>_.open,e=>{v(`update:open`,e??!1)},_.defaultOpen),S=m(()=>_.mobileMediaQuery),C=f(!1),w=a(()=>x.value?`expanded`:`collapsed`),T=a(()=>w.value===`collapsed`?_.collapsible:``),E=a(()=>{let e=_.sidebarWidth*_.sizeRatio/16,t=_.collapsedSidebarWidth*_.sizeRatio/16;return{[i.sidebarWidth]:`${e}rem`,[i.collapsedSidebarWidth]:`${t}rem`}}),D=a(()=>{let e=_.mobileSidebarWidth*_.sizeRatio/16;return{[i.sidebarWidth]:`${e}rem`}});return n({...e(_,[`sidebarWidth`,`collapsedSidebarWidth`]),open:x,isMobile:S,mobileOpen:C,mobileStyle:D,sidebarState:w}),(e,t)=>(u(),o(`div`,{class:c(b.value),"data-state":w.value,"data-collapsible":T.value,"data-variant":s.variant,"data-side":s.side,style:l(E.value)},[d(e.$slots,`default`,{open:p(x),collapsedSidebarWidth:s.collapsedSidebarWidth})],14,h))}});export{g as default};
+import{transformPropsToContext as e}from"../../shared/vue.js";import{useControllableState as t}from"../../composables/use-controllable-state.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";import{useMediaQuery as m}from"@vueuse/core";const h=[`data-collapsible`,`data-side`,`data-state`,`data-variant`];var g=s({name:`LayoutRoot`,__name:`layout-root`,props:{open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:!1},side:{},variant:{},collapsible:{},sidebarWidth:{default:240},collapsedSidebarWidth:{default:50},mobileMediaQuery:{default:`(max-width: 768px)`},mobileSidebarWidth:{default:240},pxToRem:{type:Function,default:e=>e/16}},emits:[`update:open`],setup(s,{emit:g}){let _=s,v=g,y=r(`root`),b=t(()=>_.open,e=>{v(`update:open`,e??!1)},_.defaultOpen),x=m(()=>_.mobileMediaQuery),S=f(!1),C=a(()=>b.value?`expanded`:`collapsed`),w=a(()=>C.value===`collapsed`?_.collapsible:``),T=a(()=>{let e=_.pxToRem(_.sidebarWidth),t=_.pxToRem(_.collapsedSidebarWidth);return{[i.sidebarWidth]:`${e}rem`,[i.collapsedSidebarWidth]:`${t}rem`}}),E=a(()=>_.pxToRem(_.mobileSidebarWidth));return n({...e(_,[`sidebarWidth`,`collapsedSidebarWidth`]),open:b,isMobile:x,mobileOpen:S,mobileSidebarWidth:E,sidebarState:C}),(e,t)=>(u(),o(`div`,{class:c(p(y)),"data-collapsible":w.value,"data-side":s.side,"data-state":C.value,"data-variant":s.variant,style:l(T.value)},[d(e.$slots,`default`,{open:p(b),collapsedSidebarWidth:s.collapsedSidebarWidth})],14,h))}});export{g as default};

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

@@ -1,5 +1,5 @@
 import { LayoutRootProps } from "./types.js";
-import * as vue1207 from "vue";
+import * as vue221 from "vue";
 
 //#region src/components/layout/layout-root.vue.d.ts
 declare var __VLS_1: {
@@ -9,9 +9,9 @@ declare var __VLS_1: {
 type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_1) => any;
 };
-declare const __VLS_base: vue1207.DefineComponent<LayoutRootProps, {}, {}, {}, {}, vue1207.ComponentOptionsMixin, vue1207.ComponentOptionsMixin, {
+declare const __VLS_base: vue221.DefineComponent<LayoutRootProps, {}, {}, {}, {}, vue221.ComponentOptionsMixin, vue221.ComponentOptionsMixin, {
   "update:open": (open: boolean) => any;
-}, string, vue1207.PublicProps, Readonly<LayoutRootProps> & Readonly<{
+}, string, vue221.PublicProps, Readonly<LayoutRootProps> & Readonly<{
   "onUpdate:open"?: ((open: boolean) => any) | undefined;
 }>, {
   open: boolean;
@@ -20,8 +20,8 @@ declare const __VLS_base: vue1207.DefineComponent<LayoutRootProps, {}, {}, {}, {
   collapsedSidebarWidth: number;
   mobileMediaQuery: string;
   mobileSidebarWidth: number;
-  sizeRatio: number;
-}, {}, {}, {}, string, vue1207.ComponentProvideOptions, false, {}, any>;
+  pxToRem: (px: number) => number;
+}, {}, {}, {}, string, vue221.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/layout-sidebar.js

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

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

@@ -1,5 +1,5 @@
 import { LayoutSidebarProps } from "./types.js";
-import * as vue1212 from "vue";
+import * as vue226 from "vue";
 
 //#region src/components/layout/layout-sidebar.vue.d.ts
 declare var __VLS_8: {}, __VLS_10: {};
@@ -8,7 +8,7 @@ type __VLS_Slots = {} & {
 } & {
   default?: (props: typeof __VLS_10) => any;
 };
-declare const __VLS_base: vue1212.DefineComponent<LayoutSidebarProps, {}, {}, {}, {}, vue1212.ComponentOptionsMixin, vue1212.ComponentOptionsMixin, {}, string, vue1212.PublicProps, Readonly<LayoutSidebarProps> & Readonly<{}>, {}, {}, {}, {}, string, vue1212.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: vue226.DefineComponent<LayoutSidebarProps, {}, {}, {}, {}, vue226.ComponentOptionsMixin, vue226.ComponentOptionsMixin, {}, string, vue226.PublicProps, Readonly<LayoutSidebarProps> & Readonly<{}>, {}, {}, {}, {}, string, vue226.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/layout-tab.js

@@ -1 +1 @@
-import{useLayoutThemeContext as e}from"./context.js";import{computed as t,createElementBlock as n,defineComponent as r,normalizeClass as i,openBlock as a,renderSlot as o}from"vue";var s=r({name:`LayoutTab`,__name:`layout-tab`,setup(r){let s=e(),c=t(()=>s?.ui?.value?.tab);return(e,t)=>(a(),n(`div`,{class:i(c.value)},[o(e.$slots,`default`)],2))}});export{s as default};
+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";var 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};

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

@@ -1,12 +1,12 @@
 import { LayoutTabProps } from "./types.js";
-import * as vue1202 from "vue";
+import * as vue231 from "vue";
 
 //#region src/components/layout/layout-tab.vue.d.ts
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_1) => any;
 };
-declare const __VLS_base: vue1202.DefineComponent<LayoutTabProps, {}, {}, {}, {}, vue1202.ComponentOptionsMixin, vue1202.ComponentOptionsMixin, {}, string, vue1202.PublicProps, Readonly<LayoutTabProps> & Readonly<{}>, {}, {}, {}, {}, string, vue1202.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: vue231.DefineComponent<LayoutTabProps, {}, {}, {}, {}, vue231.ComponentOptionsMixin, vue231.ComponentOptionsMixin, {}, string, vue231.PublicProps, Readonly<LayoutTabProps> & Readonly<{}>, {}, {}, {}, {}, string, vue231.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/layout-trigger.js

@@ -1 +1 @@
-import{Primitive as e}from"../primitive/primitive.js";import{useLayoutRootContext as t,useLayoutThemeContext as n}from"./context.js";import{computed as r,createBlock as i,defineComponent as a,normalizeClass as o,openBlock as s,renderSlot as c,unref as l,withCtx as u}from"vue";var d=a({name:`LayoutTrigger`,__name:`layout-trigger`,props:{asChild:{type:Boolean},as:{}},setup(a){let{open:d,toggleSidebar:f}=t(`LayoutTrigger`),p=n(),m=r(()=>p?.ui?.value?.trigger);return(t,n)=>(s(),i(l(e),{as:a.as,"as-child":a.asChild,class:o(m.value),"data-sidebar":`trigger`,onClick:l(f)},{default:u(()=>[c(t.$slots,`default`,{open:l(d)})]),_:3},8,[`as`,`as-child`,`class`,`onClick`]))}});export{d as default};
+import{Primitive as e}from"../primitive/primitive.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";var 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};

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

@@ -1,5 +1,5 @@
 import { LayoutTriggerProps } from "./types.js";
-import * as vue1237 from "vue";
+import * as vue246 from "vue";
 
 //#region src/components/layout/layout-trigger.vue.d.ts
 declare var __VLS_10: {
@@ -8,7 +8,7 @@ declare var __VLS_10: {
 type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_10) => any;
 };
-declare const __VLS_base: vue1237.DefineComponent<LayoutTriggerProps, {}, {}, {}, {}, vue1237.ComponentOptionsMixin, vue1237.ComponentOptionsMixin, {}, string, vue1237.PublicProps, Readonly<LayoutTriggerProps> & Readonly<{}>, {}, {}, {}, {}, string, vue1237.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: vue246.DefineComponent<LayoutTriggerProps, {}, {}, {}, {}, vue246.ComponentOptionsMixin, vue246.ComponentOptionsMixin, {}, string, vue246.PublicProps, Readonly<LayoutTriggerProps> & Readonly<{}>, {}, {}, {}, {}, string, vue246.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/types.d.ts

@@ -1,7 +1,7 @@
-import { ClassValue, HorizontalSide } from "../../types/common.js";
+import { HorizontalSide, UiClass } from "../../types/common.js";
 import "../../types/index.js";
 import { PrimitiveProps } from "../primitive/types.js";
-import { CSSProperties, ComputedRef, HTMLAttributes, ShallowRef } from "vue";
+import { ComputedRef, HTMLAttributes, ShallowRef } from "vue";
 
 //#region src/components/layout/types.d.ts
 type LayoutVariant = 'sidebar' | 'floating' | 'inset';
@@ -23,13 +23,13 @@ interface LayoutRootProps extends /* @vue-ignore */HTMLAttributes {
   /** The collapsible state of the layout. */
   collapsible?: LayoutCollapsible;
   /**
-   * The width of the sidebar.
+   * The width of the sidebar. (px)
    *
    * @default 240
    */
   sidebarWidth?: number;
   /**
-   * The width of the sidebar when it is collapsed.
+   * The width of the sidebar when it is collapsed. (px)
    *
    * @default 50
    */
@@ -43,17 +43,19 @@ interface LayoutRootProps extends /* @vue-ignore */HTMLAttributes {
    */
   mobileMediaQuery?: string;
   /**
-   * The width of the sidebar in the mobile view.
+   * The width of the sidebar in the mobile view. (px)
    *
    * @default 240
    */
   mobileSidebarWidth?: number;
   /**
-   * The size ratio of the layout.
+   * The function to convert pixels to rem.
    *
-   * @default 1
+   * @param px - The width in pixels
+   * @default (px: number) => px / 16 (16 is the base font size)
+   * @returns The width in rem
    */
-  sizeRatio?: number;
+  pxToRem?: (px: number) => number;
 }
 type LayoutRootEmits = {
   'update:open': [open: boolean];
@@ -66,10 +68,7 @@ interface LayoutFooterProps extends /* @vue-ignore */HTMLAttributes {}
 interface LayoutRailProps extends /* @vue-ignore */HTMLAttributes {}
 interface LayoutTriggerProps extends PrimitiveProps, /* @vue-ignore */HTMLAttributes {}
 interface LayoutMobileProps extends /* @vue-ignore */HTMLAttributes {}
-type LayoutThemeSlot = 'root' | 'sidebar' | 'sidebarRoot' | 'sidebarWrapper' | 'sidebarGapHandler' | 'header' | 'main' | 'tab' | 'footer' | 'rail' | 'trigger' | 'mobile' | 'mobileDrawer' | 'mobileOverlay';
-type LayoutUi = Record<LayoutThemeSlot, ClassValue>;
-interface LayoutThemeContextParams {
-  ui: ComputedRef<LayoutUi>;
-}
+type LayoutUiSlot = 'root' | 'sidebar' | 'sidebarRoot' | 'sidebarWrapper' | 'sidebarGapHandler' | 'header' | 'main' | 'tab' | 'footer' | 'rail' | 'trigger' | 'mobile' | 'mobileDrawer' | 'mobileOverlay';
+type LayoutUi = UiClass<LayoutUiSlot>;
 //#endregion
-export { LayoutCollapsible, LayoutFooterProps, LayoutHeaderProps, LayoutMainProps, LayoutMobileProps, LayoutRailProps, LayoutRootEmits, LayoutRootProps, LayoutSide, LayoutSidebarProps, LayoutSidebarState, LayoutTabProps, LayoutThemeContextParams, LayoutThemeSlot, LayoutTriggerProps, LayoutUi, LayoutVariant };
+export { LayoutCollapsible, LayoutFooterProps, LayoutHeaderProps, LayoutMainProps, LayoutMobileProps, LayoutRailProps, LayoutRootEmits, LayoutRootProps, LayoutSide, LayoutSidebarProps, LayoutSidebarState, LayoutTabProps, LayoutTriggerProps, LayoutUi, LayoutUiSlot, LayoutVariant };

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

@@ -1,7 +1,7 @@
 import { AsTag } from "../primitive/types.js";
 import { LinkProps } from "./types.js";
 import "../primitive/index.js";
-import * as vue454 from "vue";
+import * as vue1684 from "vue";
 
 //#region src/components/link/link.vue.d.ts
 declare var __VLS_10: {
@@ -14,9 +14,9 @@ type __VLS_Slots = {} & {
 } & {
   default?: (props: typeof __VLS_21) => any;
 };
-declare const __VLS_base: vue454.DefineComponent<LinkProps, {}, {}, {}, {}, vue454.ComponentOptionsMixin, vue454.ComponentOptionsMixin, {}, string, vue454.PublicProps, Readonly<LinkProps> & Readonly<{}>, {
-  as: AsTag | vue454.Component;
+declare const __VLS_base: vue1684.DefineComponent<LinkProps, {}, {}, {}, {}, vue1684.ComponentOptionsMixin, vue1684.ComponentOptionsMixin, {}, string, vue1684.PublicProps, Readonly<LinkProps> & Readonly<{}>, {
   replace: boolean;
+  as: AsTag | vue1684.Component;
   disabled: boolean;
   viewTransition: boolean;
   external: boolean;
@@ -24,7 +24,7 @@ declare const __VLS_base: vue454.DefineComponent<LinkProps, {}, {}, {}, {}, vue4
   noRel: boolean;
   prefetch: boolean;
   noPrefetch: boolean;
-}, {}, {}, {}, string, vue454.ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, vue1684.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/list/context.d.ts

@@ -1,6 +1,9 @@
-import { ListThemeContextParams } from "./types.js";
+import { ClassValue, UiClass } from "../../types/common.js";
+import { ListUiSlot } from "./types.js";
+import "../../index.js";
+import * as vue1680 from "vue";
 
 //#region src/components/list/context.d.ts
-declare const provideListThemeContext: (params: ListThemeContextParams) => ListThemeContextParams, useListThemeContext: <N extends string | null | undefined = undefined>(consumerName?: N | undefined, defaultValue?: ListThemeContextParams | undefined) => N extends null | undefined ? ListThemeContextParams | null : ListThemeContextParams;
+declare const provideListUi: (ui: vue1680.ComputedRef<Partial<UiClass<ListUiSlot>>>) => vue1680.ComputedRef<Partial<UiClass<ListUiSlot>>>, useListUi: <S extends ListUiSlot | undefined = undefined>(slot?: S | undefined) => S extends ListUiSlot ? vue1680.ComputedRef<ClassValue> : vue1680.ComputedRef<Partial<UiClass<ListUiSlot>>>;
 //#endregion
-export { provideListThemeContext };
+export { provideListUi };

package/dist/components/list/context.js

@@ -1 +1 @@
-import{useContext as e}from"../../composables/use-context.js";const[t,n]=e(`ListTheme`,e=>e);export{t as provideListThemeContext,n as useListThemeContext};
+import{useUiContext as e}from"../../composables/use-ui-context.js";const[t,n]=e(`ListUi`);export{t as provideListUi,n as useListUi};

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

@@ -1,8 +1,8 @@
-import { ListContentProps, ListDescriptionProps, ListItemProps, ListRootProps, ListThemeSlot, ListTitleProps, ListUi } from "./types.js";
+import { ListContentProps, ListDescriptionProps, ListItemProps, ListRootProps, ListTitleProps, ListUi, ListUiSlot } from "./types.js";
 import { _default as _default$3 } from "./list-root.vue.js";
 import { _default as _default$2 } from "./list-item.vue.js";
 import { _default } from "./list-content.vue.js";
 import { _default as _default$4 } from "./list-title.vue.js";
 import { _default as _default$1 } from "./list-description.vue.js";
-import { provideListThemeContext } from "./context.js";
-export { _default as ListContent, type ListContentProps, _default$1 as ListDescription, type ListDescriptionProps, _default$2 as ListItem, type ListItemProps, _default$3 as ListRoot, type ListRootProps, type ListThemeSlot, _default$4 as ListTitle, type ListTitleProps, type ListUi, provideListThemeContext };
+import { provideListUi } from "./context.js";
+export { _default as ListContent, type ListContentProps, _default$1 as ListDescription, type ListDescriptionProps, _default$2 as ListItem, type ListItemProps, _default$3 as ListRoot, type ListRootProps, _default$4 as ListTitle, type ListTitleProps, type ListUi, type ListUiSlot, provideListUi };

package/dist/components/list/index.js

@@ -1 +1 @@
-import{provideListThemeContext as e}from"./context.js";import t from"./list-root.js";import n from"./list-item.js";import r from"./list-content.js";import i from"./list-title.js";import a from"./list-description.js";export{r as ListContent,a as ListDescription,n as ListItem,t as ListRoot,i as ListTitle,e as provideListThemeContext};
+import{provideListUi as e}from"./context.js";import t from"./list-root.js";import n from"./list-item.js";import r from"./list-content.js";import i from"./list-title.js";import a from"./list-description.js";export{r as ListContent,a as ListDescription,n as ListItem,t as ListRoot,i as ListTitle,e as provideListUi};

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

@@ -1 +1 @@
-import{useListThemeContext as e}from"./context.js";import{computed as t,createElementBlock as n,defineComponent as r,normalizeClass as i,openBlock as a,renderSlot as o}from"vue";var s=r({name:`ListContent`,__name:`list-content`,setup(r){let s=e(),c=t(()=>s?.ui?.value?.content);return(e,t)=>(a(),n(`div`,{class:i(c.value)},[o(e.$slots,`default`)],2))}});export{s as default};
+import{useListUi 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";var s=n({name:`ListContent`,__name:`list-content`,setup(n){let s=e(`content`);return(e,n)=>(i(),t(`div`,{class:r(o(s))},[a(e.$slots,`default`)],2))}});export{s as default};

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

@@ -1,12 +1,12 @@
 import { ListContentProps } from "./types.js";
-import * as vue43 from "vue";
+import * as vue1665 from "vue";
 
 //#region src/components/list/list-content.vue.d.ts
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_1) => any;
 };
-declare const __VLS_base: vue43.DefineComponent<ListContentProps, {}, {}, {}, {}, vue43.ComponentOptionsMixin, vue43.ComponentOptionsMixin, {}, string, vue43.PublicProps, Readonly<ListContentProps> & Readonly<{}>, {}, {}, {}, {}, string, vue43.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: vue1665.DefineComponent<ListContentProps, {}, {}, {}, {}, vue1665.ComponentOptionsMixin, vue1665.ComponentOptionsMixin, {}, string, vue1665.PublicProps, Readonly<ListContentProps> & Readonly<{}>, {}, {}, {}, {}, string, vue1665.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/list/list-description.js

@@ -1 +1 @@
-import{useListThemeContext as e}from"./context.js";import{computed as t,createElementBlock as n,defineComponent as r,normalizeClass as i,openBlock as a,renderSlot as o}from"vue";var s=r({name:`ListDescription`,__name:`list-description`,setup(r){let s=e(),c=t(()=>s?.ui?.value?.description);return(e,t)=>(a(),n(`p`,{class:i(c.value)},[o(e.$slots,`default`)],2))}});export{s as default};
+import{useListUi 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";var s=n({name:`ListDescription`,__name:`list-description`,setup(n){let s=e(`description`);return(e,n)=>(i(),t(`p`,{class:r(o(s))},[a(e.$slots,`default`)],2))}});export{s as default};

package/dist/components/list/list-description.vue.d.ts

@@ -1,12 +1,12 @@
 import { ListDescriptionProps } from "./types.js";
-import * as vue53 from "vue";
+import * as vue1675 from "vue";
 
 //#region src/components/list/list-description.vue.d.ts
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_1) => any;
 };
-declare const __VLS_base: vue53.DefineComponent<ListDescriptionProps, {}, {}, {}, {}, vue53.ComponentOptionsMixin, vue53.ComponentOptionsMixin, {}, string, vue53.PublicProps, Readonly<ListDescriptionProps> & Readonly<{}>, {}, {}, {}, {}, string, vue53.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: vue1675.DefineComponent<ListDescriptionProps, {}, {}, {}, {}, vue1675.ComponentOptionsMixin, vue1675.ComponentOptionsMixin, {}, string, vue1675.PublicProps, Readonly<ListDescriptionProps> & Readonly<{}>, {}, {}, {}, {}, string, vue1675.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/list/list-item.js

@@ -1 +1 @@
-import{useListThemeContext as e}from"./context.js";import{computed as t,createElementBlock as n,defineComponent as r,normalizeClass as i,openBlock as a,renderSlot as o}from"vue";var s=r({name:`ListItem`,__name:`list-item`,setup(r){let s=e(),c=t(()=>s?.ui?.value?.item);return(e,t)=>(a(),n(`li`,{class:i(c.value)},[o(e.$slots,`default`)],2))}});export{s as default};
+import{useListUi 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";var s=n({name:`ListItem`,__name:`list-item`,setup(n){let s=e(`item`);return(e,n)=>(i(),t(`li`,{class:r(o(s))},[a(e.$slots,`default`)],2))}});export{s as default};

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

@@ -1,12 +1,12 @@
 import { ListItemProps } from "./types.js";
-import * as vue38 from "vue";
+import * as vue1690 from "vue";
 
 //#region src/components/list/list-item.vue.d.ts
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_1) => any;
 };
-declare const __VLS_base: vue38.DefineComponent<ListItemProps, {}, {}, {}, {}, vue38.ComponentOptionsMixin, vue38.ComponentOptionsMixin, {}, string, vue38.PublicProps, Readonly<ListItemProps> & Readonly<{}>, {}, {}, {}, {}, string, vue38.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: vue1690.DefineComponent<ListItemProps, {}, {}, {}, {}, vue1690.ComponentOptionsMixin, vue1690.ComponentOptionsMixin, {}, string, vue1690.PublicProps, Readonly<ListItemProps> & Readonly<{}>, {}, {}, {}, {}, string, vue1690.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/list/list-root.js

@@ -1 +1 @@
-import{useListThemeContext as e}from"./context.js";import{computed as t,createElementBlock as n,defineComponent as r,normalizeClass as i,openBlock as a,renderSlot as o}from"vue";var s=r({name:`ListRoot`,__name:`list-root`,setup(r){let s=e(),c=t(()=>s?.ui?.value?.root);return(e,t)=>(a(),n(`ul`,{class:i(c.value)},[o(e.$slots,`default`)],2))}});export{s as default};
+import{useListUi 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";var s=n({name:`ListRoot`,__name:`list-root`,setup(n){let s=e(`root`);return(e,n)=>(i(),t(`ul`,{class:r(o(s))},[a(e.$slots,`default`)],2))}});export{s as default};

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

@@ -1,12 +1,12 @@
 import { ListRootProps } from "./types.js";
-import * as vue58 from "vue";
+import * as vue1660 from "vue";
 
 //#region src/components/list/list-root.vue.d.ts
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_1) => any;
 };
-declare const __VLS_base: vue58.DefineComponent<ListRootProps, {}, {}, {}, {}, vue58.ComponentOptionsMixin, vue58.ComponentOptionsMixin, {}, string, vue58.PublicProps, Readonly<ListRootProps> & Readonly<{}>, {}, {}, {}, {}, string, vue58.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: vue1660.DefineComponent<ListRootProps, {}, {}, {}, {}, vue1660.ComponentOptionsMixin, vue1660.ComponentOptionsMixin, {}, string, vue1660.PublicProps, Readonly<ListRootProps> & Readonly<{}>, {}, {}, {}, {}, string, vue1660.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/list/list-title.js

@@ -1 +1 @@
-import{useListThemeContext as e}from"./context.js";import{computed as t,createElementBlock as n,defineComponent as r,normalizeClass as i,openBlock as a,renderSlot as o}from"vue";var s=r({name:`ListTitle`,__name:`list-title`,setup(r){let s=e(),c=t(()=>s?.ui?.value?.title);return(e,t)=>(a(),n(`h3`,{class:i(c.value)},[o(e.$slots,`default`)],2))}});export{s as default};
+import{useListUi 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";var s=n({name:`ListTitle`,__name:`list-title`,setup(n){let s=e(`title`);return(e,n)=>(i(),t(`h3`,{class:r(o(s))},[a(e.$slots,`default`)],2))}});export{s as default};

package/dist/components/list/list-title.vue.d.ts

@@ -1,12 +1,12 @@
 import { ListTitleProps } from "./types.js";
-import * as vue48 from "vue";
+import * as vue1670 from "vue";
 
 //#region src/components/list/list-title.vue.d.ts
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_1) => any;
 };
-declare const __VLS_base: vue48.DefineComponent<ListTitleProps, {}, {}, {}, {}, vue48.ComponentOptionsMixin, vue48.ComponentOptionsMixin, {}, string, vue48.PublicProps, Readonly<ListTitleProps> & Readonly<{}>, {}, {}, {}, {}, string, vue48.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: vue1670.DefineComponent<ListTitleProps, {}, {}, {}, {}, vue1670.ComponentOptionsMixin, vue1670.ComponentOptionsMixin, {}, string, vue1670.PublicProps, Readonly<ListTitleProps> & Readonly<{}>, {}, {}, {}, {}, string, vue1670.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/list/types.d.ts

@@ -1,6 +1,6 @@
-import { ClassValue } from "../../types/common.js";
+import { UiClass } from "../../types/common.js";
 import "../../types/index.js";
-import { ComputedRef, HTMLAttributes } from "vue";
+import { HTMLAttributes } from "vue";
 
 //#region src/components/list/types.d.ts
 interface ListRootProps extends /** @vue-ignore */HTMLAttributes {}
@@ -8,10 +8,7 @@ interface ListItemProps extends /** @vue-ignore */HTMLAttributes {}
 interface ListContentProps extends /** @vue-ignore */HTMLAttributes {}
 interface ListTitleProps extends /** @vue-ignore */HTMLAttributes {}
 interface ListDescriptionProps extends /** @vue-ignore */HTMLAttributes {}
-type ListThemeSlot = 'root' | 'item' | 'content' | 'title' | 'description';
-type ListUi = Record<ListThemeSlot, ClassValue>;
-interface ListThemeContextParams {
-  ui: ComputedRef<ListUi>;
-}
+type ListUiSlot = 'root' | 'item' | 'content' | 'title' | 'description';
+type ListUi = UiClass<ListUiSlot>;
 //#endregion
-export { ListContentProps, ListDescriptionProps, ListItemProps, ListRootProps, ListThemeContextParams, ListThemeSlot, ListTitleProps, ListUi };
+export { ListContentProps, ListDescriptionProps, ListItemProps, ListRootProps, ListTitleProps, ListUi, ListUiSlot };

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

@@ -1,11 +1,12 @@
+import { ClassValue, UiClass } from "../../types/common.js";
 import "../../composables/index.js";
-import { ListboxThemeContextParams } from "./types.js";
+import { ListboxUiSlot } from "./types.js";
 import "../../index.js";
-import "vue";
+import * as vue935 from "vue";
 import "@vueuse/shared";
 
 //#region src/components/listbox/context.d.ts
 
-declare const provideListboxThemeContext: (params: ListboxThemeContextParams) => ListboxThemeContextParams, useListboxThemeContext: <N extends string | null | undefined = undefined>(consumerName?: N | undefined, defaultValue?: ListboxThemeContextParams | undefined) => N extends null | undefined ? ListboxThemeContextParams | null : ListboxThemeContextParams;
+declare const provideListboxUi: (ui: vue935.ComputedRef<Partial<UiClass<ListboxUiSlot>>>) => vue935.ComputedRef<Partial<UiClass<ListboxUiSlot>>>, useListboxUi: <S extends ListboxUiSlot | undefined = undefined>(slot?: S | undefined) => S extends ListboxUiSlot ? vue935.ComputedRef<ClassValue> : vue935.ComputedRef<Partial<UiClass<ListboxUiSlot>>>;
 //#endregion
-export { provideListboxThemeContext };
+export { provideListboxUi };

package/dist/components/listbox/context.js

@@ -1 +1 @@
-import{findValuesBetween as e}from"../../shared/object.js";import{getFocusIntent as t}from"../../shared/focus.js";import{useContext as n}from"../../composables/use-context.js";import{useCollection as r}from"../../composables/use-collection.js";import{useDirection as i}from"../../composables/use-direction.js";import{useForwardElement as a}from"../../composables/use-forward-element.js";import{useTypeahead as o}from"../../composables/use-typeahead.js";import{provideInputThemeContext as s}from"../input/context.js";import{computed as c,nextTick as l,shallowRef as u,useId as d}from"vue";import{createEventHook as f}from"@vueuse/core";const{provideCollectionContext:p,useCollectionContext:m,useCollectionItem:h}=r(`Listbox`),[g,_]=n(`ListboxRoot`,n=>{let[r,s]=a(),{getOrderedItems:c,getOrderedElements:d}=p(),{handleTypeaheadSearch:m}=o(),{modelValue:h,orientation:g,selectionBehavior:_,isMultiple:v,onHighlight:y,onEntryFocus:b}=n,x=i(n.dir),S=u(),C=u(!1),w=u(!0),T=u(null),E=u(null),D=u(!1),O=u(!1),k=f(),A=f(),j=f(),M=e=>{if(C.value=!0,v.value){let t=Array.isArray(h.value)?[...h.value]:[],n=t.findIndex(t=>t===e);_.value===`toggle`?(n===-1?t.push(e):t.splice(n,1),h.value=t):(h.value=[e],S.value=e)}else _.value===`toggle`?h.value=h.value===e?void 0:e:h.value=e;setTimeout(()=>{C.value=!1},1)},N=(e,t=!0)=>{e&&(T.value=e,w.value&&T.value.focus(),t&&T.value.scrollIntoView({block:`nearest`}),y(c().find(t=>t.element===e)))},P=e=>{if(D.value)j.trigger(e);else{let t=c().find(t=>t.data.value===e);t&&(T.value=t.element,N(t.element))}},F=e=>{T.value?.isConnected&&(e.preventDefault(),e.stopPropagation(),!O.value&&T.value.click())},I=e=>{if(C.value=!0,D.value)A.trigger(e);else{let t=e.altKey||e.ctrlKey||e.metaKey,n=c();if(t&&e.key===`a`&&v.value){h.value=[...n.map(e=>e.data.value)],e.preventDefault();let t=n[n.length-1]?.element;t&&N(t)}else if(!t){let t=m(e.key,n);t&&N(t)}}setTimeout(()=>{C.value=!1},1)},L=()=>{O.value=!0},R=()=>{l(()=>{O.value=!1})},z=e=>{let t=T.value;t?.isConnected&&(E.value=t),T.value=null,n.onLeave(e)},B=e=>{let t=new CustomEvent(`listbox.entryFocus`,{bubbles:!1,cancelable:!0});if(e.currentTarget?.dispatchEvent(t),b(t),!t.defaultPrevented)if(E.value)N(E.value);else{let e=d()?.[0];e&&N(e)}},V=e=>{let n=t(e,g.value,x.value);if(!n)return;let r=d();if(T.value){if(n===`last`)r.reverse();else if(n===`prev`||n===`next`){n===`prev`&&r.reverse();let e=r.indexOf(T.value);r=r.slice(e+1)}let t=r[0];t&&U(e,t)}if(r.length){let e=!T.value&&n===`prev`?r.length-1:0,t=r[e];t&&N(t)}D.value&&A.trigger(e)},H=()=>{l(()=>{V(new KeyboardEvent(`keydown`,{key:`PageUp`}))})};function U(t,n){if(D.value||_.value!==`replace`||!v.value||!Array.isArray(h.value)||(t.altKey||t.ctrlKey||t.metaKey)&&!t.shiftKey||!t.shiftKey)return;let r=c(),i=r.find(e=>e.element===n)?.data?.value;t.key===`End`?i=r[r.length-1]?.data?.value:t.key===`Home`&&(i=r[0]?.data?.value),!(!i||!S.value)&&(h.value=e(r.map(e=>e.data.value),S.value,i))}let W=async e=>{if(await l(),D.value)k.trigger(e);else{let e=d(),t=e.find(e=>e.dataset.state===`checked`);t?N(t):e[0]&&N(e[0])}},G=async e=>{let t=e.relatedTarget||e.target;await l(),!(!T.value||r.value?.contains(t))&&z(e)};return{...n,rootElement:r,setRootElement:s,isUserAction:C,isVirtual:D,virtualFocusHook:k,virtualKeydownHook:A,virtualHighlightHook:j,firstValue:S,focusable:w,onModelValueChange:M,onLeave:z,onEnter:B,highlightedElement:T,changeHighlight:N,highlightItem:P,highlightSelected:W,highlightFirstItem:H,onKeydownEnter:F,onKeydownNavigation:V,onKeydownTypeahead:I,onCompositionStart:L,onCompositionEnd:R,onFocusOut:G,getItems:c}}),[v,y]=n(`ListboxGroup`,()=>({id:`soybean-listbox-group-${d()}`})),[b,x]=n(`ListboxItem`,e=>e),[S,C]=n(`ListboxTheme`,e=>(s({ui:c(()=>({root:e.ui.value.filterRoot,control:e.ui.value.filterControl}))}),e));export{v as provideListboxGroupContext,b as provideListboxItemContext,g as provideListboxRootContext,S as provideListboxThemeContext,m as useCollectionContext,h as useCollectionItem,y as useListboxGroupContext,x as useListboxItemContext,_ as useListboxRootContext,C as useListboxThemeContext};
+import{findValuesBetween as e}from"../../shared/object.js";import{getFocusIntent as t}from"../../shared/focus.js";import{useContext as n}from"../../composables/use-context.js";import{useCollection as r}from"../../composables/use-collection.js";import{useDirection as i}from"../../composables/use-direction.js";import{useForwardElement as a}from"../../composables/use-forward-element.js";import{useTypeahead as o}from"../../composables/use-typeahead.js";import{useUiContext as s}from"../../composables/use-ui-context.js";import{provideInputUi as c}from"../input/context.js";import{computed as l,nextTick as u,shallowRef as d,useId as f}from"vue";import{createEventHook as p}from"@vueuse/core";const{provideCollectionContext:m,useCollectionContext:h,useCollectionItem:g}=r(`Listbox`),[_,v]=n(`ListboxRoot`,n=>{let[r,s]=a(),{getOrderedItems:c,getOrderedElements:l}=m(),{handleTypeaheadSearch:f}=o(),{modelValue:h,orientation:g,selectionBehavior:_,isMultiple:v,onHighlight:y,onEntryFocus:b}=n,x=i(n.dir),S=d(),C=d(!1),w=d(!0),T=d(null),E=d(null),D=d(!1),O=d(!1),k=p(),A=p(),j=p(),M=e=>{if(C.value=!0,v.value){let t=Array.isArray(h.value)?[...h.value]:[],n=t.findIndex(t=>t===e);_.value===`toggle`?(n===-1?t.push(e):t.splice(n,1),h.value=t):(h.value=[e],S.value=e)}else _.value===`toggle`?h.value=h.value===e?void 0:e:h.value=e;setTimeout(()=>{C.value=!1},1)},N=(e,t=!0)=>{e&&(T.value=e,w.value&&T.value.focus(),t&&T.value.scrollIntoView({block:`nearest`}),y(c().find(t=>t.element===e)))},P=e=>{if(D.value)j.trigger(e);else{let t=c().find(t=>t.data.value===e);t&&(T.value=t.element,N(t.element))}},F=e=>{T.value?.isConnected&&(e.preventDefault(),e.stopPropagation(),!O.value&&T.value.click())},I=e=>{if(C.value=!0,D.value)A.trigger(e);else{let t=e.altKey||e.ctrlKey||e.metaKey,n=c();if(t&&e.key===`a`&&v.value){h.value=[...n.map(e=>e.data.value)],e.preventDefault();let t=n[n.length-1]?.element;t&&N(t)}else if(!t){let t=f(e.key,n);t&&N(t)}}setTimeout(()=>{C.value=!1},1)},L=()=>{O.value=!0},R=()=>{u(()=>{O.value=!1})},z=e=>{let t=T.value;t?.isConnected&&(E.value=t),T.value=null,n.onLeave(e)},B=e=>{let t=new CustomEvent(`listbox.entryFocus`,{bubbles:!1,cancelable:!0});if(e.currentTarget?.dispatchEvent(t),b(t),!t.defaultPrevented)if(E.value)N(E.value);else{let e=l()?.[0];e&&N(e)}},V=e=>{let n=t(e,g.value,x.value);if(!n)return;let r=l();if(T.value){if(n===`last`)r.reverse();else if(n===`prev`||n===`next`){n===`prev`&&r.reverse();let e=r.indexOf(T.value);r=r.slice(e+1)}let t=r[0];t&&U(e,t)}if(r.length){let e=!T.value&&n===`prev`?r.length-1:0,t=r[e];t&&N(t)}D.value&&A.trigger(e)},H=()=>{u(()=>{V(new KeyboardEvent(`keydown`,{key:`PageUp`}))})};function U(t,n){if(D.value||_.value!==`replace`||!v.value||!Array.isArray(h.value)||(t.altKey||t.ctrlKey||t.metaKey)&&!t.shiftKey||!t.shiftKey)return;let r=c(),i=r.find(e=>e.element===n)?.data?.value;t.key===`End`?i=r[r.length-1]?.data?.value:t.key===`Home`&&(i=r[0]?.data?.value),!(!i||!S.value)&&(h.value=e(r.map(e=>e.data.value),S.value,i))}let W=async e=>{if(await u(),D.value)k.trigger(e);else{let e=l(),t=e.find(e=>e.dataset.state===`checked`);t?N(t):e[0]&&N(e[0])}},G=async e=>{let t=e.relatedTarget||e.target;await u(),!(!T.value||r.value?.contains(t))&&z(e)};return{...n,rootElement:r,setRootElement:s,isUserAction:C,isVirtual:D,virtualFocusHook:k,virtualKeydownHook:A,virtualHighlightHook:j,firstValue:S,focusable:w,onModelValueChange:M,onLeave:z,onEnter:B,highlightedElement:T,changeHighlight:N,highlightItem:P,highlightSelected:W,highlightFirstItem:H,onKeydownEnter:F,onKeydownNavigation:V,onKeydownTypeahead:I,onCompositionStart:L,onCompositionEnd:R,onFocusOut:G,getItems:c}}),[y,b]=n(`ListboxGroup`,()=>({id:`soybean-listbox-group-${f()}`})),[x,S]=n(`ListboxItem`,e=>e),[C,w]=s(`ListboxUi`,e=>(c(l(()=>({root:e.value?.filterRoot,control:e.value?.filterControl}))),e));export{y as provideListboxGroupContext,x as provideListboxItemContext,_ as provideListboxRootContext,C as provideListboxUi,h as useCollectionContext,g as useCollectionItem,b as useListboxGroupContext,S as useListboxItemContext,v as useListboxRootContext,w as useListboxUi};

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

@@ -1,4 +1,4 @@
-import { ListboxCollectionItemData, ListboxContentProps, ListboxFilterEmits, ListboxFilterProps, ListboxGroupLabelProps, ListboxGroupProps, ListboxItemEmits, ListboxItemIndicatorProps, ListboxItemProps, ListboxRootEmits, ListboxRootProps, ListboxThemeSlot, ListboxUi, ListboxVirtualizerProps } from "./types.js";
+import { ListboxCollectionItemData, ListboxContentProps, ListboxFilterEmits, ListboxFilterProps, ListboxGroupLabelProps, ListboxGroupProps, ListboxItemEmits, ListboxItemIndicatorProps, ListboxItemProps, ListboxRootEmits, ListboxRootProps, ListboxUi, ListboxUiSlot, ListboxVirtualizerProps } from "./types.js";
 import { _default as _default$6 } from "./listbox-root.vue.js";
 import { _default } from "./listbox-content.vue.js";
 import { _default as _default$1 } from "./listbox-filter.vue.js";
@@ -7,5 +7,5 @@ import { _default as _default$5 } from "./listbox-item-indicator.vue.js";
 import { _default as _default$2 } from "./listbox-group.vue.js";
 import { _default as _default$3 } from "./listbox-group-label.vue.js";
 import { _default as _default$7 } from "./listbox-virtualizer.vue.js";
-import { provideListboxThemeContext } from "./context.js";
-export { type ListboxCollectionItemData, _default as ListboxContent, type ListboxContentProps, _default$1 as ListboxFilter, type ListboxFilterEmits, type ListboxFilterProps, _default$2 as ListboxGroup, _default$3 as ListboxGroupLabel, type ListboxGroupLabelProps, type ListboxGroupProps, _default$4 as ListboxItem, type ListboxItemEmits, _default$5 as ListboxItemIndicator, type ListboxItemIndicatorProps, type ListboxItemProps, _default$6 as ListboxRoot, type ListboxRootEmits, type ListboxRootProps, type ListboxThemeSlot, type ListboxUi, _default$7 as ListboxVirtualizer, type ListboxVirtualizerProps, provideListboxThemeContext };
+import { provideListboxUi } from "./context.js";
+export { type ListboxCollectionItemData, _default as ListboxContent, type ListboxContentProps, _default$1 as ListboxFilter, type ListboxFilterEmits, type ListboxFilterProps, _default$2 as ListboxGroup, _default$3 as ListboxGroupLabel, type ListboxGroupLabelProps, type ListboxGroupProps, _default$4 as ListboxItem, type ListboxItemEmits, _default$5 as ListboxItemIndicator, type ListboxItemIndicatorProps, type ListboxItemProps, _default$6 as ListboxRoot, type ListboxRootEmits, type ListboxRootProps, type ListboxUi, type ListboxUiSlot, _default$7 as ListboxVirtualizer, type ListboxVirtualizerProps, provideListboxUi };

package/dist/components/listbox/index.js

@@ -1 +1 @@
-import{provideListboxThemeContext as e}from"./context.js";import t from"./listbox-root.js";import n from"./listbox-content.js";import r from"./listbox-filter.js";import i from"./listbox-item.js";import a from"./listbox-item-indicator.js";import o from"./listbox-group.js";import s from"./listbox-group-label.js";import c from"./listbox-virtualizer.js";export{n as ListboxContent,r as ListboxFilter,o as ListboxGroup,s as ListboxGroupLabel,i as ListboxItem,a as ListboxItemIndicator,t as ListboxRoot,c as ListboxVirtualizer,e as provideListboxThemeContext};
+import{provideListboxUi as e}from"./context.js";import t from"./listbox-root.js";import n from"./listbox-content.js";import r from"./listbox-filter.js";import i from"./listbox-item.js";import a from"./listbox-item-indicator.js";import o from"./listbox-group.js";import s from"./listbox-group-label.js";import c from"./listbox-virtualizer.js";export{n as ListboxContent,r as ListboxFilter,o as ListboxGroup,s as ListboxGroupLabel,i as ListboxItem,a as ListboxItemIndicator,t as ListboxRoot,c as ListboxVirtualizer,e as provideListboxUi};

package/dist/components/listbox/listbox-content.js

@@ -1 +1 @@
-import{useForwardElement as e}from"../../composables/use-forward-element.js";import{useCollectionContext as t,useListboxRootContext as n,useListboxThemeContext as r}from"./context.js";import{computed as i,createElementBlock as a,defineComponent as o,normalizeClass as s,openBlock as c,renderSlot as l,unref as u,withKeys as d,withModifiers as f}from"vue";import{refAutoReset as p}from"@vueuse/shared";const m=[`tabindex`,`aria-orientation`,`aria-multiselectable`,`data-orientation`,`onKeydown`];var h=o({name:`ListboxContent`,__name:`listbox-content`,setup(o){let{orientation:h,focusable:g,highlightedElement:_,isMultiple:v,onEnter:y,onKeydownNavigation:b,onKeydownEnter:x,onKeydownTypeahead:S}=n(`ListboxContent`),{onContainerElementChange:C}=t(`ListboxContent`),[w,T]=e(e=>{C(e)}),E=r(),D=i(()=>E?.ui?.value?.content),O=p(!1,10),k=i(()=>g.value?_.value?`-1`:`0`:`-1`),A=e=>{O.value||y(e)},j=e=>{h.value===`vertical`&&[`ArrowLeft`,`ArrowRight`].includes(e.key)||h.value===`horizontal`&&[`ArrowUp`,`ArrowDown`].includes(e.key)||(e.preventDefault(),g.value&&b(e))},M=()=>{O.value=!0};return(e,t)=>(c(),a(`div`,{ref:u(T),class:s(D.value),role:`listbox`,tabindex:k.value,"aria-orientation":u(h),"aria-multiselectable":u(v),"data-orientation":u(h),onMousedown:f(M,[`left`]),onFocus:A,onKeydown:[d(f(j,[`prevent`]),[`down`,`up`,`left`,`right`,`home`,`end`]),t[0]||=d((...e)=>u(x)&&u(x)(...e),[`enter`]),t[1]||=(...e)=>u(S)&&u(S)(...e)]},[l(e.$slots,`default`)],42,m))}});export{h as default};
+import{useForwardElement as e}from"../../composables/use-forward-element.js";import{useCollectionContext as t,useListboxRootContext as n,useListboxUi as r}from"./context.js";import{computed as i,createElementBlock as a,defineComponent as o,normalizeClass as s,openBlock as c,renderSlot as l,unref as u,withKeys as d,withModifiers as f}from"vue";import{refAutoReset as p}from"@vueuse/shared";const m=[`tabindex`,`aria-orientation`,`aria-multiselectable`,`data-orientation`,`onKeydown`];var h=o({name:`ListboxContent`,__name:`listbox-content`,setup(o){let{orientation:h,focusable:g,highlightedElement:_,isMultiple:v,onEnter:y,onKeydownNavigation:b,onKeydownEnter:x,onKeydownTypeahead:S}=n(`ListboxContent`),{onContainerElementChange:C}=t(`ListboxContent`),[w,T]=e(e=>{C(e)}),E=r(`content`),D=p(!1,10),O=i(()=>g.value?_.value?`-1`:`0`:`-1`),k=e=>{D.value||y(e)},A=e=>{h.value===`vertical`&&[`ArrowLeft`,`ArrowRight`].includes(e.key)||h.value===`horizontal`&&[`ArrowUp`,`ArrowDown`].includes(e.key)||(e.preventDefault(),g.value&&b(e))},j=()=>{D.value=!0};return(e,t)=>(c(),a(`div`,{ref:u(T),class:s(u(E)),role:`listbox`,tabindex:O.value,"aria-orientation":u(h),"aria-multiselectable":u(v),"data-orientation":u(h),onMousedown:f(j,[`left`]),onFocus:k,onKeydown:[d(f(A,[`prevent`]),[`down`,`up`,`left`,`right`,`home`,`end`]),t[0]||=d((...e)=>u(x)&&u(x)(...e),[`enter`]),t[1]||=(...e)=>u(S)&&u(S)(...e)]},[l(e.$slots,`default`)],42,m))}});export{h as default};

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

@@ -1,12 +1,12 @@
 import { ListboxContentProps } from "./types.js";
-import * as vue469 from "vue";
+import * as vue915 from "vue";
 
 //#region src/components/listbox/listbox-content.vue.d.ts
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_1) => any;
 };
-declare const __VLS_base: vue469.DefineComponent<ListboxContentProps, {}, {}, {}, {}, vue469.ComponentOptionsMixin, vue469.ComponentOptionsMixin, {}, string, vue469.PublicProps, Readonly<ListboxContentProps> & Readonly<{}>, {}, {}, {}, {}, string, vue469.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: vue915.DefineComponent<ListboxContentProps, {}, {}, {}, {}, vue915.ComponentOptionsMixin, vue915.ComponentOptionsMixin, {}, string, vue915.PublicProps, Readonly<ListboxContentProps> & Readonly<{}>, {}, {}, {}, {}, string, vue915.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/listbox/listbox-filter.vue.d.ts

@@ -1,5 +1,5 @@
 import { ListboxFilterProps } from "./types.js";
-import * as vue460 from "vue";
+import * as vue1007 from "vue";
 
 //#region src/components/listbox/listbox-filter.vue.d.ts
 declare var __VLS_10: {
@@ -12,11 +12,11 @@ type __VLS_Slots = {} & {
 } & {
   trailing?: (props: typeof __VLS_21) => any;
 };
-declare const __VLS_base: vue460.DefineComponent<ListboxFilterProps, {}, {}, {}, {}, vue460.ComponentOptionsMixin, vue460.ComponentOptionsMixin, {
+declare const __VLS_base: vue1007.DefineComponent<ListboxFilterProps, {}, {}, {}, {}, vue1007.ComponentOptionsMixin, vue1007.ComponentOptionsMixin, {
   "update:modelValue": (value: string) => any;
-}, string, vue460.PublicProps, Readonly<ListboxFilterProps> & Readonly<{
+}, string, vue1007.PublicProps, Readonly<ListboxFilterProps> & Readonly<{
   "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-}>, {}, {}, {}, {}, string, vue460.ComponentProvideOptions, false, {}, any>;
+}>, {}, {}, {}, {}, string, vue1007.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/listbox/listbox-group-label.js

@@ -1 +1 @@
-import{useListboxGroupContext as e,useListboxThemeContext as t}from"./context.js";import{computed as n,createElementBlock as r,defineComponent as i,normalizeClass as a,openBlock as o,renderSlot as s,unref as c}from"vue";const l=[`id`];var u=i({name:`ListboxGroupLabel`,__name:`listbox-group-label`,setup(i){let{id:u}=e(`ListboxGroupLabel`),d=t(),f=n(()=>d?.ui?.value?.groupLabel);return(e,t)=>(o(),r(`div`,{id:c(u),class:a(f.value)},[s(e.$slots,`default`)],10,l))}});export{u as default};
+import{useListboxGroupContext as e,useListboxUi as t}from"./context.js";import{createElementBlock as n,defineComponent as r,normalizeClass as i,openBlock as a,renderSlot as o,unref as s}from"vue";const c=[`id`];var l=r({name:`ListboxGroupLabel`,__name:`listbox-group-label`,setup(r){let{id:l}=e(`ListboxGroupLabel`),u=t(`groupLabel`);return(e,t)=>(a(),n(`div`,{id:s(l),class:i(s(u))},[o(e.$slots,`default`)],10,c))}});export{l as default};