@soybeanjs/headless 0.0.9 → 0.0.10

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 vue1212 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: vue1212.DefineComponent<LayoutRootProps, {}, {}, {}, {}, vue1212.ComponentOptionsMixin, vue1212.ComponentOptionsMixin, {
   "update:open": (open: boolean) => any;
-}, string, vue1207.PublicProps, Readonly<LayoutRootProps> & Readonly<{
+}, string, vue1212.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, vue1212.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 vue1217 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: vue1217.DefineComponent<LayoutSidebarProps, {}, {}, {}, {}, vue1217.ComponentOptionsMixin, vue1217.ComponentOptionsMixin, {}, string, vue1217.PublicProps, Readonly<LayoutSidebarProps> & Readonly<{}>, {}, {}, {}, {}, string, vue1217.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 vue1232 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: vue1232.DefineComponent<LayoutTabProps, {}, {}, {}, {}, vue1232.ComponentOptionsMixin, vue1232.ComponentOptionsMixin, {}, string, vue1232.PublicProps, Readonly<LayoutTabProps> & Readonly<{}>, {}, {}, {}, {}, string, vue1232.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 vue1247 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: vue1247.DefineComponent<LayoutTriggerProps, {}, {}, {}, {}, vue1247.ComponentOptionsMixin, vue1247.ComponentOptionsMixin, {}, string, vue1247.PublicProps, Readonly<LayoutTriggerProps> & Readonly<{}>, {}, {}, {}, {}, string, vue1247.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 vue1378 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: vue1378.DefineComponent<LinkProps, {}, {}, {}, {}, vue1378.ComponentOptionsMixin, vue1378.ComponentOptionsMixin, {}, string, vue1378.PublicProps, Readonly<LinkProps> & Readonly<{}>, {
   replace: boolean;
+  as: AsTag | vue1378.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, vue1378.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 vue1309 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: vue1309.ComputedRef<Partial<UiClass<ListUiSlot>>>) => vue1309.ComputedRef<Partial<UiClass<ListUiSlot>>>, useListUi: <S extends ListUiSlot | undefined = undefined>(slot?: S | undefined) => S extends ListUiSlot ? vue1309.ComputedRef<ClassValue> : vue1309.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 vue1304 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: vue1304.DefineComponent<ListContentProps, {}, {}, {}, {}, vue1304.ComponentOptionsMixin, vue1304.ComponentOptionsMixin, {}, string, vue1304.PublicProps, Readonly<ListContentProps> & Readonly<{}>, {}, {}, {}, {}, string, vue1304.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 vue1313 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: vue1313.DefineComponent<ListDescriptionProps, {}, {}, {}, {}, vue1313.ComponentOptionsMixin, vue1313.ComponentOptionsMixin, {}, string, vue1313.PublicProps, Readonly<ListDescriptionProps> & Readonly<{}>, {}, {}, {}, {}, string, vue1313.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 vue1289 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: vue1289.DefineComponent<ListItemProps, {}, {}, {}, {}, vue1289.ComponentOptionsMixin, vue1289.ComponentOptionsMixin, {}, string, vue1289.PublicProps, Readonly<ListItemProps> & Readonly<{}>, {}, {}, {}, {}, string, vue1289.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 vue1294 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: vue1294.DefineComponent<ListRootProps, {}, {}, {}, {}, vue1294.ComponentOptionsMixin, vue1294.ComponentOptionsMixin, {}, string, vue1294.PublicProps, Readonly<ListRootProps> & Readonly<{}>, {}, {}, {}, {}, string, vue1294.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 vue1299 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: vue1299.DefineComponent<ListTitleProps, {}, {}, {}, {}, vue1299.ComponentOptionsMixin, vue1299.ComponentOptionsMixin, {}, string, vue1299.PublicProps, Readonly<ListTitleProps> & Readonly<{}>, {}, {}, {}, {}, string, vue1299.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 vue691 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: vue691.ComputedRef<Partial<UiClass<ListboxUiSlot>>>) => vue691.ComputedRef<Partial<UiClass<ListboxUiSlot>>>, useListboxUi: <S extends ListboxUiSlot | undefined = undefined>(slot?: S | undefined) => S extends ListboxUiSlot ? vue691.ComputedRef<ClassValue> : vue691.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 vue669 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: vue669.DefineComponent<ListboxContentProps, {}, {}, {}, {}, vue669.ComponentOptionsMixin, vue669.ComponentOptionsMixin, {}, string, vue669.PublicProps, Readonly<ListboxContentProps> & Readonly<{}>, {}, {}, {}, {}, string, vue669.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 vue660 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: vue660.DefineComponent<ListboxFilterProps, {}, {}, {}, {}, vue660.ComponentOptionsMixin, vue660.ComponentOptionsMixin, {
   "update:modelValue": (value: string) => any;
-}, string, vue460.PublicProps, Readonly<ListboxFilterProps> & Readonly<{
+}, string, vue660.PublicProps, Readonly<ListboxFilterProps> & Readonly<{
   "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-}>, {}, {}, {}, {}, string, vue460.ComponentProvideOptions, false, {}, any>;
+}>, {}, {}, {}, {}, string, vue660.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};

package/dist/components/listbox/listbox-group-label.vue.d.ts

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

@@ -1 +1 @@
-import{provideListboxGroupContext 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=[`aria-labelledby`];var u=i({name:`ListboxGroup`,__name:`listbox-group`,setup(i){let{id:u}=e(),d=t(),f=n(()=>d?.ui?.value?.group);return(e,t)=>(o(),r(`div`,{"aria-labelledby":c(u),role:`group`,class:a(f.value)},[s(e.$slots,`default`)],10,l))}});export{u as default};
+import{provideListboxGroupContext 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=[`aria-labelledby`];var l=r({name:`ListboxGroup`,__name:`listbox-group`,setup(r){let{id:l}=e(),u=t(`group`);return(e,t)=>(a(),n(`div`,{"aria-labelledby":s(l),role:`group`,class:i(s(u))},[o(e.$slots,`default`)],10,c))}});export{l as default};

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

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

@@ -1 +1 @@
-import{Primitive as e}from"../primitive/primitive.js";import{useListboxItemContext as t,useListboxThemeContext as n}from"./context.js";import{computed as r,createBlock as i,createCommentVNode as a,defineComponent as o,normalizeClass as s,openBlock as c,renderSlot as l,unref as u,withCtx as d}from"vue";var f=o({name:`ListboxItemIndicator`,__name:`listbox-item-indicator`,props:{asChild:{type:Boolean},as:{default:`span`}},setup(o){let{isSelected:f}=t(`ListboxItemIndicator`),p=n(),m=r(()=>p?.ui?.value?.itemIndicator);return(t,n)=>u(f)?(c(),i(u(e),{key:0,as:o.as,"as-child":o.asChild,class:s(m.value),"aria-hidden":`true`},{default:d(()=>[l(t.$slots,`default`)]),_:3},8,[`as`,`as-child`,`class`])):a(`v-if`,!0)}});export{f as default};
+import{Primitive as e}from"../primitive/primitive.js";import{useListboxItemContext as t,useListboxUi as n}from"./context.js";import{createBlock as r,createCommentVNode as i,defineComponent as a,normalizeClass as o,openBlock as s,renderSlot as c,unref as l,withCtx as u}from"vue";var d=a({name:`ListboxItemIndicator`,__name:`listbox-item-indicator`,props:{asChild:{type:Boolean},as:{default:`span`}},setup(a){let{isSelected:d}=t(`ListboxItemIndicator`),f=n(`itemIndicator`);return(t,n)=>l(d)?(s(),r(l(e),{key:0,as:a.as,"as-child":a.asChild,class:o(l(f)),"aria-hidden":`true`},{default:u(()=>[c(t.$slots,`default`)]),_:3},8,[`as`,`as-child`,`class`])):i(`v-if`,!0)}});export{d as default};

package/dist/components/listbox/listbox-item-indicator.vue.d.ts

@@ -1,16 +1,16 @@
 import { AsTag } from "../primitive/types.js";
 import "../primitive/index.js";
 import { ListboxItemIndicatorProps } from "./types.js";
-import * as vue480 from "vue";
+import * as vue674 from "vue";
 
 //#region src/components/listbox/listbox-item-indicator.vue.d.ts
 declare var __VLS_8: {};
 type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_8) => any;
 };
-declare const __VLS_base: vue480.DefineComponent<ListboxItemIndicatorProps, {}, {}, {}, {}, vue480.ComponentOptionsMixin, vue480.ComponentOptionsMixin, {}, string, vue480.PublicProps, Readonly<ListboxItemIndicatorProps> & Readonly<{}>, {
-  as: AsTag | vue480.Component;
-}, {}, {}, {}, string, vue480.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: vue674.DefineComponent<ListboxItemIndicatorProps, {}, {}, {}, {}, vue674.ComponentOptionsMixin, vue674.ComponentOptionsMixin, {}, string, vue674.PublicProps, Readonly<ListboxItemIndicatorProps> & Readonly<{}>, {
+  as: AsTag | vue674.Component;
+}, {}, {}, {}, string, vue674.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 & {