@soybeanjs/headless 0.0.8 → 0.0.10

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

@@ -1,12 +1,12 @@
 import { LayoutMobileProps } from "./types.js";
-import * as vue244 from "vue";
+import * as vue1252 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: vue244.DefineComponent<LayoutMobileProps, {}, {}, {}, {}, vue244.ComponentOptionsMixin, vue244.ComponentOptionsMixin, {}, string, vue244.PublicProps, Readonly<LayoutMobileProps> & Readonly<{}>, {}, {}, {}, {}, string, vue244.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: vue1252.DefineComponent<LayoutMobileProps, {}, {}, {}, {}, vue1252.ComponentOptionsMixin, vue1252.ComponentOptionsMixin, {}, string, vue1252.PublicProps, Readonly<LayoutMobileProps> & Readonly<{}>, {}, {}, {}, {}, string, vue1252.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 vue229 from "vue";
+import * as vue1242 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: vue229.DefineComponent<LayoutRailProps, {}, {}, {}, {}, vue229.ComponentOptionsMixin, vue229.ComponentOptionsMixin, {}, string, vue229.PublicProps, Readonly<LayoutRailProps> & Readonly<{}>, {}, {}, {}, {}, string, vue229.ComponentProvideOptions, false, {}, 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_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 vue214 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: vue214.DefineComponent<LayoutRootProps, {}, {}, {}, {}, vue214.ComponentOptionsMixin, vue214.ComponentOptionsMixin, {
+declare const __VLS_base: vue1212.DefineComponent<LayoutRootProps, {}, {}, {}, {}, vue1212.ComponentOptionsMixin, vue1212.ComponentOptionsMixin, {
   "update:open": (open: boolean) => any;
-}, string, vue214.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: vue214.DefineComponent<LayoutRootProps, {}, {}, {}, {}
   collapsedSidebarWidth: number;
   mobileMediaQuery: string;
   mobileSidebarWidth: number;
-  sizeRatio: number;
-}, {}, {}, {}, string, vue214.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 vue219 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: vue219.DefineComponent<LayoutSidebarProps, {}, {}, {}, {}, vue219.ComponentOptionsMixin, vue219.ComponentOptionsMixin, {}, string, vue219.PublicProps, Readonly<LayoutSidebarProps> & Readonly<{}>, {}, {}, {}, {}, string, vue219.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 vue249 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: vue249.DefineComponent<LayoutTabProps, {}, {}, {}, {}, vue249.ComponentOptionsMixin, vue249.ComponentOptionsMixin, {}, string, vue249.PublicProps, Readonly<LayoutTabProps> & Readonly<{}>, {}, {}, {}, {}, string, vue249.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 vue234 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: vue234.DefineComponent<LayoutTriggerProps, {}, {}, {}, {}, vue234.ComponentOptionsMixin, vue234.ComponentOptionsMixin, {}, string, vue234.PublicProps, Readonly<LayoutTriggerProps> & Readonly<{}>, {}, {}, {}, {}, string, vue234.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/index.d.ts

@@ -1,3 +1,3 @@
-import { LinkProps } from "./types.js";
+import { LinkBaseProps, LinkExtraProps, LinkProps } from "./types.js";
 import { _default } from "./link.vue.js";
-export { _default as Link, type LinkProps };
+export { _default as Link, type LinkBaseProps, type LinkExtraProps, type LinkProps };

package/dist/components/link/link.js

@@ -1 +1 @@
-import{useConfigProvider as e}from"../config-provider/context.js";import{Primitive as t}from"../primitive/primitive.js";import{computed as n,createBlock as r,defineComponent as i,mergeProps as a,openBlock as o,renderSlot as s,resolveComponent as c,resolveDynamicComponent as l,unref as u,useAttrs as d,withCtx as f}from"vue";var p=i({name:`Link`,inheritAttrs:!1,__name:`link`,props:{to:{},href:{},disabled:{type:Boolean,default:void 0},inactiveClass:{},external:{type:Boolean,default:void 0},target:{},rel:{},noRel:{type:Boolean,default:void 0},prefetchedClass:{},prefetch:{type:Boolean,default:void 0},prefetchOn:{},noPrefetch:{type:Boolean,default:void 0},trailingSlash:{},asChild:{type:Boolean},as:{default:`a`},custom:{type:Boolean},activeClass:{},exactActiveClass:{},ariaCurrentValue:{},viewTransition:{type:Boolean,default:void 0},replace:{type:Boolean,default:void 0}},setup(i){let p=i,m=d(),{nuxt:h}=e(`Link`),g=n(()=>h.value?c(`NuxtLink`):c(`RouterLink`)),_=n(()=>!!(p.external||p.disabled||typeof p.to==`string`&&p.to.startsWith(`http`)||!p.to&&p.href||!p.to&&!p.href)),v=n(()=>p.target?p.target:_.value?`_blank`:`_self`),y=n(()=>{let e=p.to||p.href;return{...p,...m,target:v.value,to:_.value?void 0:e,href:!_.value&&h.value?void 0:e,"data-disabled":p.disabled?``:void 0,"aria-disabled":p.disabled?`true`:void 0,role:p.disabled?`link`:void 0,tabindex:p.disabled?`-1`:p.tabindex}}),b=e=>{p.disabled&&(e.preventDefault(),e.stopPropagation())};return(e,n)=>_.value?(o(),r(u(t),a({key:0},y.value,{onClick:b}),{default:f(()=>[s(e.$slots,`default`,{isHref:!0})]),_:3},16)):(o(),r(l(g.value),a({key:1},y.value,{onClick:b}),{default:f(()=>[s(e.$slots,`default`,{isHref:!1})]),_:3},16))}});export{p as default};
+import{useConfigProvider as e}from"../config-provider/context.js";import{Primitive as t}from"../primitive/primitive.js";import{computed as n,createBlock as r,defineComponent as i,mergeProps as a,openBlock as o,renderSlot as s,resolveComponent as c,resolveDynamicComponent as l,unref as u,useAttrs as d,withCtx as f}from"vue";var p=i({name:`Link`,inheritAttrs:!1,__name:`link`,props:{to:{},href:{},disabled:{type:Boolean,default:void 0},inactiveClass:{},external:{type:Boolean,default:void 0},target:{},rel:{default:`noopener noreferrer`},noRel:{type:Boolean,default:void 0},prefetchedClass:{},prefetch:{type:Boolean,default:void 0},prefetchOn:{},noPrefetch:{type:Boolean,default:void 0},trailingSlash:{},asChild:{type:Boolean},as:{default:`a`},custom:{type:Boolean},activeClass:{},exactActiveClass:{},ariaCurrentValue:{},viewTransition:{type:Boolean,default:void 0},replace:{type:Boolean,default:void 0}},setup(i){let p=i,m=d(),{nuxt:h}=e(`Link`),g=n(()=>h.value?c(`NuxtLink`):c(`RouterLink`)),_=n(()=>!!(p.external||p.disabled||typeof p.to==`string`&&p.to.startsWith(`http`)||!p.to&&p.href||!p.to&&!p.href)),v=n(()=>p.target?p.target:_.value?`_blank`:`_self`),y=n(()=>{let e=p.to||p.href;return{...p,...m,target:v.value,to:_.value?void 0:e,href:!_.value&&h.value?void 0:e,"data-disabled":p.disabled?``:void 0,"aria-disabled":p.disabled?`true`:void 0,role:p.disabled?`link`:void 0,tabindex:p.disabled?`-1`:p.tabindex}}),b=e=>{p.disabled&&(e.preventDefault(),e.stopPropagation())};return(e,n)=>_.value?(o(),r(u(t),a({key:0},y.value,{onClick:b}),{default:f(()=>[s(e.$slots,`default`,{isHref:!0})]),_:3},16)):(o(),r(l(g.value),a({key:1},y.value,{onClick:b}),{default:f(()=>[s(e.$slots,`default`,{isHref:!1})]),_:3},16))}});export{p as default};

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 vue171 from "vue";
+import * as vue1378 from "vue";
 
 //#region src/components/link/link.vue.d.ts
 declare var __VLS_10: {
@@ -14,16 +14,17 @@ type __VLS_Slots = {} & {
 } & {
   default?: (props: typeof __VLS_21) => any;
 };
-declare const __VLS_base: vue171.DefineComponent<LinkProps, {}, {}, {}, {}, vue171.ComponentOptionsMixin, vue171.ComponentOptionsMixin, {}, string, vue171.PublicProps, Readonly<LinkProps> & Readonly<{}>, {
-  as: AsTag | vue171.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;
+  rel: "noopener" | "noreferrer" | "nofollow" | "sponsored" | "ugc" | (string & {}) | null;
   noRel: boolean;
   prefetch: boolean;
   noPrefetch: boolean;
-}, {}, {}, {}, string, vue171.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/link/types.d.ts

@@ -30,6 +30,8 @@ interface LinkProps extends PrimitiveProps, Omit<RouterLinkProps, 'to'>, /** @vu
   target?: '_blank' | '_parent' | '_self' | '_top' | (string & {}) | null;
   /**
    * A rel attribute value to apply on the link. Defaults to "noopener noreferrer" for external links.
+   *
+   * @default 'noopener noreferrer'
    */
   rel?: 'noopener' | 'noreferrer' | 'nofollow' | 'sponsored' | 'ugc' | (string & {}) | null;
   /**
@@ -61,5 +63,8 @@ interface LinkProps extends PrimitiveProps, Omit<RouterLinkProps, 'to'>, /** @vu
    */
   trailingSlash?: 'append' | 'remove';
 }
+type LinkBasePropsKey = Extract<keyof LinkProps, 'to' | 'href' | 'external' | 'target'>;
+interface LinkBaseProps extends Pick<LinkProps, LinkBasePropsKey> {}
+interface LinkExtraProps extends Omit<LinkProps, LinkBasePropsKey> {}
 //#endregion
-export { LinkProps };
+export { LinkBaseProps, LinkExtraProps, LinkProps };

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 vue187 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: vue187.DefineComponent<ListContentProps, {}, {}, {}, {}, vue187.ComponentOptionsMixin, vue187.ComponentOptionsMixin, {}, string, vue187.PublicProps, Readonly<ListContentProps> & Readonly<{}>, {}, {}, {}, {}, string, vue187.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 vue192 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: vue192.DefineComponent<ListDescriptionProps, {}, {}, {}, {}, vue192.ComponentOptionsMixin, vue192.ComponentOptionsMixin, {}, string, vue192.PublicProps, Readonly<ListDescriptionProps> & Readonly<{}>, {}, {}, {}, {}, string, vue192.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 vue182 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: vue182.DefineComponent<ListItemProps, {}, {}, {}, {}, vue182.ComponentOptionsMixin, vue182.ComponentOptionsMixin, {}, string, vue182.PublicProps, Readonly<ListItemProps> & Readonly<{}>, {}, {}, {}, {}, string, vue182.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 vue177 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: vue177.DefineComponent<ListRootProps, {}, {}, {}, {}, vue177.ComponentOptionsMixin, vue177.ComponentOptionsMixin, {}, string, vue177.PublicProps, Readonly<ListRootProps> & Readonly<{}>, {}, {}, {}, {}, string, vue177.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 vue197 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: vue197.DefineComponent<ListTitleProps, {}, {}, {}, {}, vue197.ComponentOptionsMixin, vue197.ComponentOptionsMixin, {}, string, vue197.PublicProps, Readonly<ListTitleProps> & Readonly<{}>, {}, {}, {}, {}, string, vue197.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 vue1443 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: vue1443.DefineComponent<ListboxContentProps, {}, {}, {}, {}, vue1443.ComponentOptionsMixin, vue1443.ComponentOptionsMixin, {}, string, vue1443.PublicProps, Readonly<ListboxContentProps> & Readonly<{}>, {}, {}, {}, {}, string, vue1443.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 vue1448 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: vue1448.DefineComponent<ListboxFilterProps, {}, {}, {}, {}, vue1448.ComponentOptionsMixin, vue1448.ComponentOptionsMixin, {
+declare const __VLS_base: vue660.DefineComponent<ListboxFilterProps, {}, {}, {}, {}, vue660.ComponentOptionsMixin, vue660.ComponentOptionsMixin, {
   "update:modelValue": (value: string) => any;
-}, string, vue1448.PublicProps, Readonly<ListboxFilterProps> & Readonly<{
+}, string, vue660.PublicProps, Readonly<ListboxFilterProps> & Readonly<{
   "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-}>, {}, {}, {}, {}, string, vue1448.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 & {