@soybeanjs/headless 0.30.0 → 0.40.0-beta.2

package/dist/components/input-otp/types.d.ts

@@ -7,15 +7,15 @@ import { ComputedRef, InputHTMLAttributes, ShallowRef } from "vue";
 /**
  * Type information for InputOtpInputMode.
  */
-type InputOtpInputMode = 'numeric' | 'text';
+export type InputOtpInputMode = 'numeric' | 'text';
 /**
  * Type information for InputOtpPushPasswordManagerStrategy.
  */
-type InputOtpPushPasswordManagerStrategy = 'increase-width' | 'none';
+export type InputOtpPushPasswordManagerStrategy = 'increase-width' | 'none';
 /**
  * Properties for the InputOtpRoot component.
  */
-interface InputOtpRootProps extends FormFieldCommonProps, Omit<BaseProps, 'onInput'> {
+export interface InputOtpRootProps extends FormFieldCommonProps, Omit<BaseProps, 'onInput'> {
   /** The id of the native input element. */
   id?: string;
   /** Autocomplete hint passed to the native input. */
@@ -50,7 +50,7 @@ interface InputOtpRootProps extends FormFieldCommonProps, Omit<BaseProps, 'onInp
 /**
  * Events for the InputOtpRoot component.
  */
-type InputOtpRootEmits = {
+export type InputOtpRootEmits = {
   /**
    * Emitted when the model value changes.
    */
@@ -95,23 +95,23 @@ type InputOtpRootEmits = {
 /**
  * Properties for the InputOtpPositioner component.
  */
-interface InputOtpPositionerProps extends BaseProps {}
+export interface InputOtpPositionerProps extends BaseProps {}
 /**
  * Properties for the InputOtpInput component.
  */
-interface InputOtpInputProps extends BaseProps<InputHTMLAttributes> {}
+export interface InputOtpInputProps extends BaseProps<InputHTMLAttributes> {}
 /**
  * Properties for the InputOtpCompact component.
  */
-interface InputOtpCompactProps extends InputOtpRootProps {}
+export interface InputOtpCompactProps extends InputOtpRootProps {}
 /**
  * Events for the InputOtpCompact component.
  */
-type InputOtpCompactEmits = InputOtpRootEmits;
+export type InputOtpCompactEmits = InputOtpRootEmits;
 /**
  * Slots for the InputOtpCompact component.
  */
-type InputOtpCompactSlots = {
+export type InputOtpCompactSlots = {
   /**
    * Custom content for the default slot.
    */
@@ -120,7 +120,7 @@ type InputOtpCompactSlots = {
 /**
  * Slot properties for the InputOtp component.
  */
-interface InputOtpSlotProps {
+export interface InputOtpSlotProps {
   /** The typed character at the current slot. */
   char: string | null;
   /** Placeholder character rendered when the slot is empty. */
@@ -133,7 +133,7 @@ interface InputOtpSlotProps {
 /**
  * Slot properties for the InputOtpRoot component.
  */
-interface InputOtpRootSlotProps {
+export interface InputOtpRootSlotProps {
   /**
    * Slots exposed in the slot scope.
    */
@@ -150,7 +150,7 @@ interface InputOtpRootSlotProps {
 /**
  * Context for the InputOtpRoot component.
  */
-interface InputOtpRootContext {
+export interface InputOtpRootContext {
   /**
    * Autocomplete used by the component context.
    */
@@ -291,10 +291,9 @@ interface InputOtpRootContext {
 /**
  * Available UI slots for the InputOtp component.
  */
-type InputOtpUiSlot = 'root' | 'positioner' | 'input' | 'group' | 'slot' | 'char' | 'placeholder' | 'caret';
+export type InputOtpUiSlot = 'root' | 'positioner' | 'input' | 'group' | 'slot' | 'char' | 'placeholder' | 'caret';
 /**
  * UI class overrides for the InputOtp component.
  */
-type InputOtpUi = UiClass<InputOtpUiSlot>;
-//#endregion
-export { InputOtpCompactEmits, InputOtpCompactProps, InputOtpCompactSlots, InputOtpInputMode, InputOtpInputProps, InputOtpPositionerProps, InputOtpPushPasswordManagerStrategy, InputOtpRootContext, InputOtpRootEmits, InputOtpRootProps, InputOtpRootSlotProps, InputOtpSlotProps, InputOtpUi, InputOtpUiSlot };
+export type InputOtpUi = UiClass<InputOtpUiSlot>;
+//#endregion

package/dist/components/kbd/kbd.js

@@ -1 +1 @@
-import{useKbd as e}from"../../composables/use-kbd.js";import"../../composables/index.js";import{computed as t,createElementBlock as n,createTextVNode as r,defineComponent as i,openBlock as a,renderSlot as o,toDisplayString as s}from"vue";const c=[`data-group`],l=i({name:`Kbd`,__name:`kbd`,props:{value:{},symbolize:{type:Boolean,default:!0}},setup(i){let l=i,{getKeyboardKey:u}=e(),d=t(()=>(Array.isArray(l.value)?l.value:[l.value]).map(e=>l.symbolize?u(e):e).join(``));return(e,t)=>(a(),n(`kbd`,{"data-soybean-kbd":``,"data-group":Array.isArray(i.value)?``:void 0},[o(e.$slots,`default`,{},()=>[r(s(d.value),1)])],8,c))}});export{l as default};
+import{useKbd as e}from"../../composables/use-kbd.js";import{computed as t,createElementBlock as n,createTextVNode as r,defineComponent as i,openBlock as a,renderSlot as o,toDisplayString as s}from"vue";const c=[`data-group`],l=i({name:`Kbd`,__name:`kbd`,props:{value:{},symbolize:{type:Boolean,default:!0}},setup(i){let l=i,{getKeyboardKey:u}=e(),d=t(()=>(Array.isArray(l.value)?l.value:[l.value]).map(e=>l.symbolize?u(e):e).join(``));return(e,t)=>(a(),n(`kbd`,{"data-soybean-kbd":``,"data-group":Array.isArray(i.value)?``:void 0},[o(e.$slots,`default`,{},()=>[r(s(d.value),1)])],8,c))}});export{l as default};

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

@@ -5,11 +5,11 @@ import "../../types/index.js";
 /**
  * Type information for KbdValue.
  */
-type KbdValue = KbdKey | (string & {});
+export type KbdValue = KbdKey | (string & {});
 /**
  * Properties for the Kbd component.
  */
-interface KbdProps extends BaseProps {
+export interface KbdProps extends BaseProps {
   /**
    * The value of the component.
    */
@@ -21,5 +21,4 @@ interface KbdProps extends BaseProps {
    */
   symbolize?: boolean;
 }
-//#endregion
-export { KbdProps, KbdValue };
+//#endregion

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

@@ -4,9 +4,8 @@ import "../../types/index.js";
 /**
  * Properties for the Label component.
  */
-interface LabelProps extends BaseProps {
+export interface LabelProps extends BaseProps {
   /** The id of the element the label is associated with. */
   for?: string;
 }
-//#endregion
-export { LabelProps };
+//#endregion

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

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

package/dist/components/layout/context.js

@@ -1 +1 @@
-import{useContext as e}from"../../composables/use-context.js";import{useUiContext as t}from"../../composables/use-ui-context.js";import"../../composables/index.js";const[n,r]=e(`LayoutRoot`,e=>{let{open:t,isMobile:n,mobileOpen:r}=e,i=e=>{t.value=e},a=e=>{r.value=e},o=()=>{n.value?r.value=!r.value:t.value=!t.value};return{...e,onOpenChange:i,onMobileOpenChange:a,toggleSidebar:o}}),[i,a]=t(`LayoutUi`);export{n as provideLayoutRootContext,i as provideLayoutUi,r as useLayoutRootContext,a as useLayoutUi};
+import{useContext as e}from"../../composables/use-context.js";import{useUiContext as t}from"../../composables/use-ui-context.js";const[n,r]=e(`LayoutRoot`,e=>{let{open:t,isMobile:n,mobileOpen:r}=e,i=e=>{t.value=e},a=e=>{r.value=e},o=()=>{n.value?r.value=!r.value:t.value=!t.value};return{...e,onOpenChange:i,onMobileOpenChange:a,toggleSidebar:o}}),[i,a]=t(`LayoutUi`);export{n as provideLayoutRootContext,i as provideLayoutUi,r as useLayoutRootContext,a as useLayoutUi};

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

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

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

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

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

@@ -1 +1 @@
-import{useLocaleMessages as e}from"../../locale/hooks.js";import"../../locale/index.js";import{useLayoutRootContext as t,useLayoutUi as n}from"./context.js";import{createElementBlock as r,defineComponent as i,normalizeClass as a,openBlock as o,renderSlot as s,unref as c}from"vue";const l=[`aria-label`,`aria-expanded`,`title`],u=i({name:`LayoutRail`,__name:`layout-rail`,setup(i){let{toggleSidebar:u,open:d}=t(`LayoutRail`),f=e(),p=n(`rail`);return(e,t)=>(o(),r(`button`,{class:a(c(p)),"data-soybean-layout-rail":``,"data-sidebar":`rail`,"aria-label":c(f).layout.toggleSidebar,"aria-expanded":!!c(d),tabindex:-1,title:c(f).layout.toggleSidebar,onClick:t[0]||(t[0]=(...e)=>c(u)&&c(u)(...e))},[s(e.$slots,`default`)],10,l))}});export{u as default};
+import{useLocaleMessages as e}from"../../locale/hooks.js";import{useLayoutRootContext as t,useLayoutUi as n}from"./context.js";import{createElementBlock as r,defineComponent as i,normalizeClass as a,openBlock as o,renderSlot as s,unref as c}from"vue";const l=[`aria-label`,`aria-expanded`,`title`],u=i({name:`LayoutRail`,__name:`layout-rail`,setup(i){let{toggleSidebar:u,open:d}=t(`LayoutRail`),f=e(),p=n(`rail`);return(e,t)=>(o(),r(`button`,{class:a(c(p)),"data-soybean-layout-rail":``,"data-sidebar":`rail`,"aria-label":c(f).layout.toggleSidebar,"aria-expanded":!!c(d),tabindex:-1,title:c(f).layout.toggleSidebar,onClick:t[0]||=(...e)=>c(u)&&c(u)(...e)},[s(e.$slots,`default`)],10,l))}});export{u as default};

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

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

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

@@ -15,8 +15,8 @@ declare const __VLS_base: import("vue").DefineComponent<LayoutRootProps, {}, {},
   "onUpdate:open"?: ((open: boolean) => any) | undefined;
 }>, {
   collapsible: LayoutCollapsible;
-  orientation: DataOrientation;
   open: boolean;
+  orientation: DataOrientation;
   defaultOpen: boolean;
   side: LayoutSide;
   variant: LayoutVariant;

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

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

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

@@ -7,23 +7,23 @@ import { ComputedRef, ShallowRef } from "vue";
 /**
  * Type information for LayoutVariant.
  */
-type LayoutVariant = 'sidebar' | 'floating' | 'inset';
+export type LayoutVariant = 'sidebar' | 'floating' | 'inset';
 /**
  * Type information for LayoutSide.
  */
-type LayoutSide = HorizontalSide;
+export type LayoutSide = HorizontalSide;
 /**
  * Type information for LayoutCollapsible.
  */
-type LayoutCollapsible = 'offcanvas' | 'icon';
+export type LayoutCollapsible = 'offcanvas' | 'icon';
 /**
  * State values for LayoutSidebarState.
  */
-type LayoutSidebarState = 'expanded' | 'collapsed';
+export type LayoutSidebarState = 'expanded' | 'collapsed';
 /**
  * Properties for the LayoutRoot component.
  */
-interface LayoutRootProps extends BaseProps {
+export interface LayoutRootProps extends BaseProps {
   /** The controlled open state of the layout. Can be bound with `v-model`. */
   open?: boolean;
   /** The open state of the layout when it is initially rendered.
@@ -154,7 +154,7 @@ interface LayoutRootProps extends BaseProps {
 /**
  * Events for the LayoutRoot component.
  */
-type LayoutRootEmits = {
+export type LayoutRootEmits = {
   /**
    * Emitted when the open state changes.
    */
@@ -163,39 +163,39 @@ type LayoutRootEmits = {
 /**
  * Properties for the LayoutSidebar component.
  */
-interface LayoutSidebarProps extends BaseProps {}
+export interface LayoutSidebarProps extends BaseProps {}
 /**
  * Properties for the LayoutRail component.
  */
-interface LayoutRailProps extends BaseProps {}
+export interface LayoutRailProps extends BaseProps {}
 /**
  * Properties for the LayoutMain component.
  */
-interface LayoutMainProps extends BaseProps {}
+export interface LayoutMainProps extends BaseProps {}
 /**
  * Properties for the LayoutHeader component.
  */
-interface LayoutHeaderProps extends BaseProps {}
+export interface LayoutHeaderProps extends BaseProps {}
 /**
  * Properties for the LayoutTab component.
  */
-interface LayoutTabProps extends BaseProps {}
+export interface LayoutTabProps extends BaseProps {}
 /**
  * Properties for the LayoutContent component.
  */
-interface LayoutContentProps extends BaseProps {}
+export interface LayoutContentProps extends BaseProps {}
 /**
  * Properties for the LayoutFooter component.
  */
-interface LayoutFooterProps extends BaseProps {}
+export interface LayoutFooterProps extends BaseProps {}
 /**
  * Properties for the LayoutTrigger component.
  */
-interface LayoutTriggerProps extends ButtonProps {}
+export interface LayoutTriggerProps extends ButtonProps {}
 /**
  * Properties for the LayoutMobile component.
  */
-interface LayoutMobileProps extends BaseProps {}
+export interface LayoutMobileProps extends BaseProps {}
 /**
  * Properties for the Layout Others component.
  */
@@ -212,15 +212,15 @@ interface LayoutOthersProps {
 /**
  * Properties for the LayoutCompact component.
  */
-interface LayoutCompactProps extends LayoutRootProps, LayoutOthersProps {}
+export interface LayoutCompactProps extends LayoutRootProps, LayoutOthersProps {}
 /**
  * Events for the LayoutCompact component.
  */
-type LayoutCompactEmits = LayoutRootEmits;
+export type LayoutCompactEmits = LayoutRootEmits;
 /**
  * Slots for the LayoutCompact component.
  */
-type LayoutCompactSlots = {
+export type LayoutCompactSlots = {
   /**
    * Custom content for the default slot.
    */
@@ -252,14 +252,13 @@ type LayoutCompactSlots = {
 /**
  * Type information for LayoutScrollBehavior.
  */
-type LayoutScrollBehavior = 'wrapper' | 'content';
+export type LayoutScrollBehavior = 'wrapper' | 'content';
 /**
  * Available UI slots for the Layout component.
  */
-type LayoutUiSlot = 'root' | 'sidebar' | 'sidebarRoot' | 'sidebarWrapper' | 'sidebarGapHandler' | 'main' | 'header' | 'tab' | 'content' | 'footer' | 'rail' | 'trigger' | 'mobile' | 'mobileDrawer' | 'mobileOverlay' | 'headerPlaceholder' | 'tabPlaceholder' | 'footerPlaceholder';
+export type LayoutUiSlot = 'root' | 'sidebar' | 'sidebarRoot' | 'sidebarWrapper' | 'sidebarGapHandler' | 'main' | 'header' | 'tab' | 'content' | 'footer' | 'rail' | 'trigger' | 'mobile' | 'mobileDrawer' | 'mobileOverlay' | 'headerPlaceholder' | 'tabPlaceholder' | 'footerPlaceholder';
 /**
  * UI class overrides for the Layout component.
  */
-type LayoutUi = UiClass<LayoutUiSlot>;
-//#endregion
-export { LayoutCollapsible, LayoutCompactEmits, LayoutCompactProps, LayoutCompactSlots, LayoutContentProps, LayoutFooterProps, LayoutHeaderProps, LayoutMainProps, LayoutMobileProps, LayoutRailProps, LayoutRootEmits, LayoutRootProps, LayoutScrollBehavior, LayoutSide, LayoutSidebarProps, LayoutSidebarState, LayoutTabProps, LayoutTriggerProps, LayoutUi, LayoutUiSlot, LayoutVariant };
+export type LayoutUi = UiClass<LayoutUiSlot>;
+//#endregion

package/dist/components/link/link.js

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

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

@@ -12,8 +12,8 @@ type Slots = {
 type __VLS_Slots = Slots;
 declare const __VLS_base: import("vue").DefineComponent<LinkProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<LinkProps> & Readonly<{}>, {
   disabled: boolean;
-  as: AsTag | import("vue").Component;
   replace: boolean;
+  as: AsTag | import("vue").Component;
   external: boolean;
   viewTransition: boolean;
   rel: "noopener" | "noreferrer" | "nofollow" | "sponsored" | "ugc" | (string & {}) | null;

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

@@ -4,7 +4,7 @@ import { RouteLocationRaw } from "vue-router";
 /**
  * Properties for the Link component.
  */
-interface LinkProps extends PrimitiveWithBaseProps {
+export interface LinkProps extends PrimitiveWithBaseProps {
   /**
    * Route Location the link should navigate to when clicked on.
    */
@@ -89,14 +89,13 @@ interface LinkProps extends PrimitiveWithBaseProps {
 /**
  * Type information for LinkBasePropsKey.
  */
-type LinkBasePropsKey = Extract<keyof LinkProps, 'to' | 'href' | 'external' | 'target'>;
+export type LinkBasePropsKey = Extract<keyof LinkProps, 'to' | 'href' | 'external' | 'target'>;
 /**
  * Properties for the LinkBase component.
  */
-interface LinkBaseProps extends Pick<LinkProps, LinkBasePropsKey> {}
+export interface LinkBaseProps extends Pick<LinkProps, LinkBasePropsKey> {}
 /**
  * Properties for the LinkExtra component.
  */
-interface LinkExtraProps extends Omit<LinkProps, LinkBasePropsKey> {}
-//#endregion
-export { LinkBaseProps, LinkBasePropsKey, LinkExtraProps, LinkProps };
+export interface LinkExtraProps extends Omit<LinkProps, LinkBasePropsKey> {}
+//#endregion

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

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

package/dist/components/list/context.js

@@ -1 +1 @@
-import{useUiContext as e}from"../../composables/use-ui-context.js";import"../../composables/index.js";const[t,n]=e(`ListUi`);export{t as provideListUi,n as useListUi};
+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/types.d.ts

@@ -5,30 +5,29 @@ import "../../types/index.js";
 /**
  * Properties for the ListRoot component.
  */
-interface ListRootProps extends BaseProps {}
+export interface ListRootProps extends BaseProps {}
 /**
  * Properties for the ListItem component.
  */
-interface ListItemProps extends BaseProps {}
+export interface ListItemProps extends BaseProps {}
 /**
  * Properties for the ListContent component.
  */
-interface ListContentProps extends BaseProps {}
+export interface ListContentProps extends BaseProps {}
 /**
  * Properties for the ListTitle component.
  */
-interface ListTitleProps extends BaseProps {}
+export interface ListTitleProps extends BaseProps {}
 /**
  * Properties for the ListDescription component.
  */
-interface ListDescriptionProps extends BaseProps {}
+export interface ListDescriptionProps extends BaseProps {}
 /**
  * Available UI slots for the List component.
  */
-type ListUiSlot = 'root' | 'item' | 'content' | 'title' | 'description';
+export type ListUiSlot = 'root' | 'item' | 'content' | 'title' | 'description';
 /**
  * UI class overrides for the List component.
  */
-type ListUi = UiClass<ListUiSlot>;
-//#endregion
-export { ListContentProps, ListDescriptionProps, ListItemProps, ListRootProps, ListTitleProps, ListUi, ListUiSlot };
+export type ListUi = UiClass<ListUiSlot>;
+//#endregion

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

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

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{useDirection as r}from"../config-provider/context.js";import"../../shared/index.js";import{useCollection as i}from"../../composables/use-collection.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"../../composables/index.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}=i(`Listbox`),[_,v]=n(`ListboxRoot`,n=>{let[i,s]=a(),{getOrderedItems:c,getOrderedElements:l}=m(),{handleTypeaheadSearch:f}=o(),{modelValue:h,orientation:g,selectionBehavior:_,isMultiple:v,onModelValueChange:y,onHighlight:b,onEntryFocus:x}=n,S=r(n.dir),C=d(),w=d(!1),T=d(!0),E=d(null),D=d(null),O=d(!1),k=d(!1),A=p(),j=p(),M=p(),N=e=>{w.value=!0,v.value&&_.value===`replace`&&(C.value=e),y(e),setTimeout(()=>{w.value=!1},1)},P=(e,t=!0,n)=>{if(!e)return;E.value=e,(n??T.value)&&E.value.focus(),t&&E.value.scrollIntoView({block:`nearest`});let r=c().find(t=>t.element===e);b(r)},F=e=>{if(O.value)M.trigger(e);else{let t=c().find(t=>t.data.value===e);t&&(E.value=t.element,P(t.element))}},I=e=>{E.value?.isConnected&&(e.preventDefault(),e.stopPropagation(),!k.value&&E.value.click())},L=e=>{if(w.value=!0,O.value)j.trigger(e);else{let t=e.altKey||e.ctrlKey||e.metaKey,n=c();if(t&&e.key===`a`&&v.value){let t=n.map(e=>e.data.value);h.value=[...t],e.preventDefault();let r=n[n.length-1]?.element;r&&P(r)}else if(!t){let t=f(e.key,n);t&&P(t)}}setTimeout(()=>{w.value=!1},1)},R=()=>{k.value=!0},z=()=>{u(()=>{k.value=!1})},B=e=>{let t=E.value;t?.isConnected&&(D.value=t),E.value=null,n.onLeave(e)},V=e=>{let t=new CustomEvent(`listbox.entryFocus`,{bubbles:!1,cancelable:!0});if(e.currentTarget?.dispatchEvent(t),x(t),!t.defaultPrevented){if(D.value)P(D.value);else{let e=l()?.[0];e&&P(e)}}},H=e=>{let n=t(e,g.value,S.value);if(!n)return;let r=l();if(E.value){if(n===`last`)r.reverse();else if(n===`prev`||n===`next`){n===`prev`&&r.reverse();let e=r.indexOf(E.value);r=r.slice(e+1)}let t=r[0];t&&W(e,t)}if(r.length){let e=!E.value&&n===`prev`?r.length-1:0,t=r[e];t&&P(t)}O.value&&j.trigger(e)},U=()=>{u(()=>{let e=new KeyboardEvent(`keydown`,{key:`PageUp`});H(e)})};function W(t,n){if(O.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;if(t.key===`End`?i=r[r.length-1]?.data?.value:t.key===`Home`&&(i=r[0]?.data?.value),!i||!C.value)return;let a=e(r.map(e=>e.data.value),C.value,i);h.value=a}let G=async e=>{if(await u(),O.value)A.trigger(e);else{let e=l(),t=e.find(e=>e.dataset.state===`checked`);t?P(t):e[0]&&P(e[0])}},K=async e=>{let t=e.relatedTarget||e.target;await u(),!(!E.value||i.value?.contains(t))&&B(e)};return{...n,rootElement:i,setRootElement:s,isUserAction:w,isVirtual:O,virtualFocusHook:A,virtualKeydownHook:j,virtualHighlightHook:M,firstValue:C,focusable:T,onModelValueChange:N,onLeave:B,onEnter:V,highlightedElement:E,changeHighlight:P,highlightItem:F,highlightSelected:G,highlightFirstItem:U,onKeydownEnter:I,onKeydownNavigation:H,onKeydownTypeahead:L,onCompositionStart:R,onCompositionEnd:z,onFocusOut:K,getItems:c}}),[y,b]=n(`ListboxGroup`,()=>({id:`soybean-listbox-group-${f()}`})),[x,S]=n(`ListboxItem`,e=>e),[C,w]=s(`ListboxUi`,e=>{let t=l(()=>({root:e.value?.filterRoot,control:e.value?.filterControl}));return c(t),e});export{m as provideCollectionContext,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};
+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{useDirection as r}from"../config-provider/context.js";import{useCollection as i}from"../../composables/use-collection.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}=i(`Listbox`),[_,v]=n(`ListboxRoot`,n=>{let[i,s]=a(),{getOrderedItems:c,getOrderedElements:l}=m(),{handleTypeaheadSearch:f}=o(),{modelValue:h,orientation:g,selectionBehavior:_,isMultiple:v,onModelValueChange:y,onHighlight:b,onEntryFocus:x}=n,S=r(n.dir),C=d(),w=d(!1),T=d(!0),E=d(null),D=d(null),O=d(!1),k=d(!1),A=p(),j=p(),M=p(),N=e=>{w.value=!0,v.value&&_.value===`replace`&&(C.value=e),y(e),setTimeout(()=>{w.value=!1},1)},P=(e,t=!0,n)=>{if(!e)return;E.value=e,(n??T.value)&&E.value.focus(),t&&E.value.scrollIntoView({block:`nearest`});let r=c().find(t=>t.element===e);b(r)},F=e=>{if(O.value)M.trigger(e);else{let t=c().find(t=>t.data.value===e);t&&(E.value=t.element,P(t.element))}},I=e=>{E.value?.isConnected&&(e.preventDefault(),e.stopPropagation(),!k.value&&E.value.click())},L=e=>{if(w.value=!0,O.value)j.trigger(e);else{let t=e.altKey||e.ctrlKey||e.metaKey,n=c();if(t&&e.key===`a`&&v.value){let t=n.map(e=>e.data.value);h.value=[...t],e.preventDefault();let r=n[n.length-1]?.element;r&&P(r)}else if(!t){let t=f(e.key,n);t&&P(t)}}setTimeout(()=>{w.value=!1},1)},R=()=>{k.value=!0},z=()=>{u(()=>{k.value=!1})},B=e=>{let t=E.value;t?.isConnected&&(D.value=t),E.value=null,n.onLeave(e)},V=e=>{let t=new CustomEvent(`listbox.entryFocus`,{bubbles:!1,cancelable:!0});if(e.currentTarget?.dispatchEvent(t),x(t),!t.defaultPrevented){if(D.value)P(D.value);else{let e=l()?.[0];e&&P(e)}}},H=e=>{let n=t(e,g.value,S.value);if(!n)return;let r=l();if(E.value){if(n===`last`)r.reverse();else if(n===`prev`||n===`next`){n===`prev`&&r.reverse();let e=r.indexOf(E.value);r=r.slice(e+1)}let t=r[0];t&&W(e,t)}if(r.length){let e=!E.value&&n===`prev`?r.length-1:0,t=r[e];t&&P(t)}O.value&&j.trigger(e)},U=()=>{u(()=>{let e=new KeyboardEvent(`keydown`,{key:`PageUp`});H(e)})};function W(t,n){if(O.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;if(t.key===`End`?i=r[r.length-1]?.data?.value:t.key===`Home`&&(i=r[0]?.data?.value),!i||!C.value)return;let a=e(r.map(e=>e.data.value),C.value,i);h.value=a}let G=async e=>{if(await u(),O.value)A.trigger(e);else{let e=l(),t=e.find(e=>e.dataset.state===`checked`);t?P(t):e[0]&&P(e[0])}},K=async e=>{let t=e.relatedTarget||e.target;await u(),E.value&&!i.value?.contains(t)&&B(e)};return{...n,rootElement:i,setRootElement:s,isUserAction:w,isVirtual:O,virtualFocusHook:A,virtualKeydownHook:j,virtualHighlightHook:M,firstValue:C,focusable:T,onModelValueChange:N,onLeave:B,onEnter:V,highlightedElement:E,changeHighlight:P,highlightItem:F,highlightSelected:G,highlightFirstItem:U,onKeydownEnter:I,onKeydownNavigation:H,onKeydownTypeahead:L,onCompositionStart:R,onCompositionEnd:z,onFocusOut:K,getItems:c}}),[y,b]=n(`ListboxGroup`,()=>({id:`soybean-listbox-group-${f()}`})),[x,S]=n(`ListboxItem`,e=>e),[C,w]=s(`ListboxUi`,e=>{let t=l(()=>({root:e.value?.filterRoot,control:e.value?.filterControl}));return c(t),e});export{m as provideCollectionContext,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.js

@@ -1 +1 @@
-import{provideListboxUi as e}from"./context.js";import t from"./listbox-group-label.js";import n from"./listbox-item-indicator.js";import r from"./listbox-root.js";import i from"./listbox-content.js";import a from"./listbox-group.js";import o from"./listbox-item.js";import s from"./listbox-filter.js";import c from"./listbox-virtualizer.js";export{i as ListboxContent,s as ListboxFilter,a as ListboxGroup,t as ListboxGroupLabel,o as ListboxItem,n as ListboxItemIndicator,r as ListboxRoot,c as ListboxVirtualizer,e as provideListboxUi};
+import{provideListboxUi as e}from"./context.js";import t from"./listbox-root.js";import n from"./listbox-content.js";import r from"./listbox-group.js";import i from"./listbox-group-label.js";import a from"./listbox-item.js";import o from"./listbox-item-indicator.js";import s from"./listbox-filter.js";import c from"./listbox-virtualizer.js";export{n as ListboxContent,s as ListboxFilter,r as ListboxGroup,i as ListboxGroupLabel,a as ListboxItem,o 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"../../composables/index.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`],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),"data-soybean-listbox-content":``,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(A,[`down`,`up`,`left`,`right`,`home`,`end`]),t[0]||(t[0]=d((...e)=>u(x)&&u(x)(...e),[`enter`])),t[1]||(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/core";const m=[`tabindex`,`aria-orientation`,`aria-multiselectable`,`data-orientation`],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),"data-soybean-listbox-content":``,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(A,[`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-filter.js

@@ -1 +1 @@
-import{useForwardElement as e}from"../../composables/use-forward-element.js";import{useOmitProps as t}from"../../composables/use-props.js";import"../../composables/index.js";import{useListboxRootContext as n}from"./context.js";import r from"../input/input-control.js";import i from"../input/input-root.js";import"../input/index.js";import{computed as a,createBlock as o,createVNode as s,defineComponent as c,mergeProps as l,onMounted as u,onUnmounted as d,openBlock as f,renderSlot as p,shallowRef as m,unref as h,watchSyncEffect as g,withCtx as _,withKeys as v,withModifiers as y}from"vue";const b=c({name:`ListboxFilter`,__name:`listbox-filter`,props:{inputRef:{type:Function},controlProps:{},defaultValue:{},modelValue:{},disabled:{type:Boolean},readonly:{type:Boolean},rootProps:{},name:{},required:{type:Boolean},id:{},autofocus:{type:Boolean},autocomplete:{},maxlength:{},minlength:{},pattern:{},placeholder:{},type:{}},emits:[`update:modelValue`],setup(c,{emit:b}){let x=c,S=b,C=t(x,[`inputRef`,`controlProps`]),{disabled:w,focusable:T,highlightedElement:E,highlightFirstItem:D,onKeydownNavigation:O,onKeydownEnter:k}=n(`ListboxFilter`),[A,j]=e(e=>x.inputRef?.(e)),M=a(()=>x.disabled||w.value||!1),N=m(),P=()=>{D()},F=e=>{if(e.key===`Enter`){k(e);return}O(e)};return g(()=>{N.value=E.value?.id}),u(()=>{T.value=!1,setTimeout(()=>{x.autofocus&&A.value?.focus()},1)}),d(()=>{T.value=!0}),(e,t)=>(f(),o(h(i),l({"data-soybean-listbox-filter":``},h(C),{"onUpdate:modelValue":t[0]||(t[0]=e=>S(`update:modelValue`,e))}),{default:_(({clear:t})=>[p(e.$slots,`leading`,{clear:t}),s(h(r),l(c.controlProps,{ref:h(j),"aria-activedescendant":N.value,disabled:M.value,type:`text`,onKeydown:v(y(F,[`prevent`]),[`enter`,`down`,`up`,`home`,`end`]),onInput:P}),null,16,[`aria-activedescendant`,`disabled`,`onKeydown`]),p(e.$slots,`trailing`,{clear:t})]),_:3},16))}});export{b as default};
+import{useForwardElement as e}from"../../composables/use-forward-element.js";import{useOmitProps as t}from"../../composables/use-props.js";import{useListboxRootContext as n}from"./context.js";import r from"../input/input-control.js";import i from"../input/input-root.js";import{computed as a,createBlock as o,createVNode as s,defineComponent as c,mergeProps as l,onMounted as u,onUnmounted as d,openBlock as f,renderSlot as p,shallowRef as m,unref as h,watchSyncEffect as g,withCtx as _,withKeys as v,withModifiers as y}from"vue";const b=c({name:`ListboxFilter`,__name:`listbox-filter`,props:{inputRef:{type:Function},controlProps:{},defaultValue:{},modelValue:{},disabled:{type:Boolean},readonly:{type:Boolean},rootProps:{},name:{},required:{type:Boolean},id:{},autofocus:{type:Boolean},autocomplete:{},maxlength:{},minlength:{},pattern:{},placeholder:{},type:{}},emits:[`update:modelValue`],setup(c,{emit:b}){let x=c,S=b,C=t(x,[`inputRef`,`controlProps`]),{disabled:w,focusable:T,highlightedElement:E,highlightFirstItem:D,onKeydownNavigation:O,onKeydownEnter:k}=n(`ListboxFilter`),[A,j]=e(e=>x.inputRef?.(e)),M=a(()=>x.disabled||w.value||!1),N=m(),P=()=>{D()},F=e=>{if(e.key===`Enter`){k(e);return}O(e)};return g(()=>{N.value=E.value?.id}),u(()=>{T.value=!1,setTimeout(()=>{x.autofocus&&A.value?.focus()},1)}),d(()=>{T.value=!0}),(e,t)=>(f(),o(h(i),l({"data-soybean-listbox-filter":``},h(C),{"onUpdate:modelValue":t[0]||=e=>S(`update:modelValue`,e)}),{default:_(({clear:t})=>[p(e.$slots,`leading`,{clear:t}),s(h(r),l(c.controlProps,{ref:h(j),"aria-activedescendant":N.value,disabled:M.value,type:`text`,onKeydown:v(y(F,[`prevent`]),[`enter`,`down`,`up`,`home`,`end`]),onInput:P}),null,16,[`aria-activedescendant`,`disabled`,`onKeydown`]),p(e.$slots,`trailing`,{clear:t})]),_:3},16))}});export{b as default};

package/dist/components/listbox/listbox-item-indicator.js

@@ -1 +1 @@
-import{Primitive as e}from"../primitive/primitive.js";import"../primitive/index.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";const 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,"data-soybean-listbox-item-indicator":``,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};
+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";const 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,"data-soybean-listbox-item-indicator":``,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.js

@@ -1 +1 @@
-import{handleAndDispatchCustomEvent as e}from"../../shared/event.js";import"../../shared/index.js";import{useOmitProps as t}from"../../composables/use-props.js";import"../../composables/index.js";import{Primitive as n}from"../primitive/primitive.js";import"../primitive/index.js";import{provideListboxItemContext as r,useCollectionItem as i,useListboxRootContext as a,useListboxUi as o}from"./context.js";import{computed as s,createVNode as c,defineComponent as l,mergeProps as u,renderSlot as d,unref as f,useId as p,withCtx as m,withKeys as h,withMemo as g,withModifiers as _}from"vue";const v=l({name:`ListboxItem`,__name:`listbox-item`,props:{value:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{}},emits:[`select`],setup(l,{emit:v}){let y=l,b=v,x=o(`item`),{modelValue:S,onModelValueChange:C,disabled:w,focusable:T,highlightOnHover:E,highlightedElement:D,changeHighlight:O}=a(`ListboxItem`),{itemElement:k,setItemElement:A}=i({value:y.value}),j=t(y,[`value`,`disabled`]),M=`soybean-listbox-item-${p()}`,N=s(()=>w.value||y.disabled),P=s(()=>k.value===D.value),F=s(()=>Array.isArray(S.value)?S.value.includes(y.value):S.value===y.value),I=s(()=>T.value&&P.value?`0`:`-1`),L=async e=>{b(`select`,e),!e?.defaultPrevented&&(N.value||!e||(C(y.value),k.value&&O(k.value)))},R=t=>{let n={originalEvent:t,value:y.value};e(`listbox.select`,L,n)},z=()=>{if(!(P.value||!k.value)){if(E.value){O(k.value,!1,!1);return}T.value||O(k.value,!1)}};return r({isSelected:F}),(e,t)=>g([P.value,F.value],()=>c(f(n),u(f(j),{id:M,ref:f(A),"data-soybean-listbox-item":``,"data-soybean-collection-item":``,class:f(x),role:`option`,tabindex:I.value,"aria-selected":F.value,disabled:N.value?``:void 0,"data-disabled":N.value?``:void 0,"data-highlighted":P.value?``:void 0,"data-state":F.value?`checked`:`unchecked`,onClick:R,onKeydown:h(_(R,[`prevent`]),[`space`]),onPointermove:z}),{default:m(()=>[d(e.$slots,`default`)]),_:3},16,[`class`,`tabindex`,`aria-selected`,`disabled`,`data-disabled`,`data-highlighted`,`data-state`,`onKeydown`]),t,0)}});export{v as default};
+import{handleAndDispatchCustomEvent as e}from"../../shared/event.js";import{useOmitProps as t}from"../../composables/use-props.js";import{Primitive as n}from"../primitive/primitive.js";import{provideListboxItemContext as r,useCollectionItem as i,useListboxRootContext as a,useListboxUi as o}from"./context.js";import{computed as s,createBlock as c,defineComponent as l,mergeProps as u,openBlock as d,renderSlot as f,unref as p,useId as m,withCtx as h,withKeys as g,withModifiers as _}from"vue";const v=l({name:`ListboxItem`,__name:`listbox-item`,props:{value:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{}},emits:[`select`],setup(l,{emit:v}){let y=l,b=v,x=o(`item`),{modelValue:S,onModelValueChange:C,disabled:w,focusable:T,highlightOnHover:E,highlightedElement:D,changeHighlight:O}=a(`ListboxItem`),{itemElement:k,setItemElement:A}=i({value:y.value}),j=t(y,[`value`,`disabled`]),M=`soybean-listbox-item-${m()}`,N=s(()=>w.value||y.disabled),P=s(()=>k.value===D.value),F=s(()=>Array.isArray(S.value)?S.value.includes(y.value):S.value===y.value),I=s(()=>T.value&&P.value?`0`:`-1`),L=async e=>{b(`select`,e),!e?.defaultPrevented&&!N.value&&e&&(C(y.value),k.value&&O(k.value))},R=t=>{let n={originalEvent:t,value:y.value};e(`listbox.select`,L,n)},z=()=>{if(!P.value&&k.value){if(E.value){O(k.value,!1,!1);return}T.value||O(k.value,!1)}};return r({isSelected:F}),(e,t)=>(d(),c(p(n),u(p(j),{id:M,ref:p(A),"data-soybean-listbox-item":``,"data-soybean-collection-item":``,class:p(x),role:`option`,tabindex:I.value,"aria-selected":F.value,disabled:N.value?``:void 0,"data-disabled":N.value?``:void 0,"data-highlighted":P.value?``:void 0,"data-state":F.value?`checked`:`unchecked`,onClick:R,onKeydown:g(_(R,[`prevent`]),[`space`]),onPointermove:z}),{default:h(()=>[f(e.$slots,`default`)]),_:3},16,[`class`,`tabindex`,`aria-selected`,`disabled`,`data-disabled`,`data-highlighted`,`data-state`,`onKeydown`]))}});export{v as default};

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

@@ -1 +1 @@
-import{isFormControl as e,transformPropsToContext as t}from"../../shared/vue.js";import{useDirection as n}from"../config-provider/context.js";import"../../shared/index.js";import{useSelection as r}from"../../composables/use-selection.js";import"../../composables/index.js";import{provideListboxRootContext as i,useListboxUi as a}from"./context.js";import o from"../visually-hidden/visually-hidden-input.js";import{computed as s,createBlock as c,createCommentVNode as l,createElementBlock as u,defineComponent as d,nextTick as f,normalizeClass as p,openBlock as m,renderSlot as h,unref as g,watch as _}from"vue";const v=[`data-disabled`,`dir`],y=d({name:`ListboxRoot`,__name:`listbox-root`,props:{orientation:{default:`vertical`},dir:{},disabled:{type:Boolean},highlightOnHover:{type:Boolean},modelValue:{default:void 0},defaultValue:{},multiple:{},clearable:{type:Boolean,default:!0},selectionBehavior:{default:`toggle`},name:{},required:{type:Boolean}},emits:[`update:modelValue`,`highlight`,`entryFocus`,`leave`],setup(d,{expose:y,emit:b}){let x=d,S=b,C=a(`root`),w=n(()=>x.dir),{modelValue:T,isMultiple:E,onModelValueChange:D}=r(x,e=>{S(`update:modelValue`,e)}),{rootElement:O,setRootElement:k,isUserAction:A,highlightedElement:j,highlightSelected:M,highlightFirstItem:N,highlightItem:P,getItems:F,onLeave:I,onFocusOut:L}=i({...t(x,[`orientation`,`disabled`,`highlightOnHover`,`selectionBehavior`]),dir:w,modelValue:T,isMultiple:E,onModelValueChange:D,onHighlight(e){S(`highlight`,e)},onEntryFocus(e){S(`entryFocus`,e)},onLeave(e){S(`leave`,e)}}),R=s(()=>e(O.value));return _(T,()=>{A.value||f(()=>{M()})},{immediate:!0,deep:!0}),y({highlightedElement:j,highlightItem:P,highlightFirstItem:N,highlightSelected:M,getItems:F}),(e,t)=>(m(),u(`div`,{ref:g(k),"data-soybean-listbox-root":``,class:p(g(C)),"data-disabled":d.disabled?``:void 0,dir:g(w),onPointerleave:t[0]||(t[0]=(...e)=>g(I)&&g(I)(...e)),onFocusout:t[1]||(t[1]=(...e)=>g(L)&&g(L)(...e))},[h(e.$slots,`default`,{modelValue:g(T)}),R.value&&d.name?(m(),c(o,{key:0,name:d.name,value:g(T),disabled:d.disabled,required:d.required},null,8,[`name`,`value`,`disabled`,`required`])):l(`v-if`,!0)],42,v))}});export{y as default};
+import{isFormControl as e,toContext as t}from"../../shared/vue.js";import{useDirection as n}from"../config-provider/context.js";import{useSelection as r}from"../../composables/use-selection.js";import{provideListboxRootContext as i,useListboxUi as a}from"./context.js";import o from"../visually-hidden/visually-hidden-input.js";import{computed as s,createBlock as c,createCommentVNode as l,createElementBlock as u,defineComponent as d,nextTick as f,normalizeClass as p,openBlock as m,renderSlot as h,unref as g,watch as _}from"vue";const v=[`data-disabled`,`dir`],y=d({name:`ListboxRoot`,__name:`listbox-root`,props:{orientation:{default:`vertical`},dir:{},disabled:{type:Boolean},highlightOnHover:{type:Boolean},modelValue:{default:void 0},defaultValue:{},multiple:{},clearable:{type:Boolean,default:!0},selectionBehavior:{default:`toggle`},name:{},required:{type:Boolean}},emits:[`update:modelValue`,`highlight`,`entryFocus`,`leave`],setup(d,{expose:y,emit:b}){let x=d,S=b,C=a(`root`),w=n(()=>x.dir),{modelValue:T,isMultiple:E,onModelValueChange:D}=r(x,e=>{S(`update:modelValue`,e)}),{rootElement:O,setRootElement:k,isUserAction:A,highlightedElement:j,highlightSelected:M,highlightFirstItem:N,highlightItem:P,getItems:F,onLeave:I,onFocusOut:L}=i({...t(x,[`orientation`,`disabled`,`highlightOnHover`,`selectionBehavior`]),dir:w,modelValue:T,isMultiple:E,onModelValueChange:D,onHighlight(e){S(`highlight`,e)},onEntryFocus(e){S(`entryFocus`,e)},onLeave(e){S(`leave`,e)}}),R=s(()=>e(O.value));return _(T,()=>{A.value||f(()=>{M()})},{immediate:!0,deep:!0}),y({highlightedElement:j,highlightItem:P,highlightFirstItem:N,highlightSelected:M,getItems:F}),(e,t)=>(m(),u(`div`,{ref:g(k),"data-soybean-listbox-root":``,class:p(g(C)),"data-disabled":d.disabled?``:void 0,dir:g(w),onPointerleave:t[0]||=(...e)=>g(I)&&g(I)(...e),onFocusout:t[1]||=(...e)=>g(L)&&g(L)(...e)},[h(e.$slots,`default`,{modelValue:g(T)}),R.value&&d.name?(m(),c(o,{key:0,name:d.name,value:g(T),disabled:d.disabled,required:d.required},null,8,[`name`,`value`,`disabled`,`required`])):l(`v-if`,!0)],42,v))}});export{y as default};

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

@@ -1,6 +1,6 @@
 import { CollectionItemData } from "../../composables/use-collection.js";
-import "../../composables/index.js";
 import { ListboxCollectionItemData, ListboxRootProps } from "./types.js";
+import "../../composables/index.js";
 //#region src/components/listbox/listbox-root.vue.d.ts
 declare const __VLS_export: <M extends boolean>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
   props: import("vue").PublicProps & __VLS_PrettifyLocal<ListboxRootProps<M> & {

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

@@ -1 +1 @@
-import{MAP_KEY_TO_FOCUS_INTENT as e}from"../../constants/common.js";import{findValuesBetween as t,getNextMatch as n}from"../../shared/object.js";import{getActiveElement as r}from"../../shared/dom.js";import"../../shared/index.js";import{useCollectionContext as i,useListboxRootContext as a,useListboxUi as o}from"./context.js";import{getVirtualizerItems as s,getVirtualizerPadding as c,queryCheckedElement as l}from"./shared.js";import{Fragment as u,computed as d,createBlock as f,createElementBlock as p,defineComponent as m,normalizeClass as h,normalizeStyle as g,openBlock as _,renderList as v,resolveDynamicComponent as y,unref as b,useSlots as x}from"vue";import{refAutoReset as S,useParentElement as C}from"@vueuse/core";import{useVirtualizer as w}from"@tanstack/vue-virtual";const T=m({name:`ListboxVirtualizer`,__name:`listbox-virtualizer`,props:{options:{},overscan:{},estimateSize:{type:[Number,Function]},textContent:{type:Function}},setup(m){let T=m,E=x(),{modelValue:D,isMultiple:O,orientation:k,firstValue:A,isVirtual:j,virtualFocusHook:M,virtualHighlightHook:N,virtualKeydownHook:P,highlightedElement:F,changeHighlight:I,highlightFirstItem:L}=a(`ListboxVirtualizer`);j.value=!0;let R=o(`virtualizer`),{getOrderedItems:z,getOrderedElements:B}=i(`ListboxVirtualizer`),V=S(``,1e3),H=d(()=>{let e=e=>T.textContent?T.textContent(e):e?.toString()?.toLowerCase();return T.options.map((t,n)=>({index:n,textContent:e(t)}))}),U=C(),W=d(()=>c(U.value)),G=w(d(()=>({scrollPaddingStart:W.value.start,scrollPaddingEnd:W.value.end,count:T.options.length,horizontal:k.value===`horizontal`,overscan:T.overscan??12,estimateSize:e=>typeof T.estimateSize==`function`?T.estimateSize(e):T.estimateSize??28,getScrollElement:()=>U.value}))),K=d(()=>G.value.getTotalSize()),q=d(()=>`position:relative;width:100%;height:${K.value}px;`),J=d(()=>s(G.value,T.options,E.default));M.on(e=>{let t=T.options.findIndex(e=>e===(Array.isArray(D.value)?D.value[0]:D.value));t===-1?L():(e?.preventDefault(),G.value.scrollToIndex(t,{align:`start`}),requestAnimationFrame(()=>{let t=l(U.value);t&&(I(t),e&&t.focus())}))}),N.on(e=>{let t=T.options.findIndex(t=>t===e);G.value.scrollToIndex(t,{align:`start`}),requestAnimationFrame(()=>{let e=l(U.value);e&&I(e)})}),P.on(t=>{let i=t.altKey||t.ctrlKey||t.metaKey;if(t.key===`Tab`&&!i)return;let a=e[t.key];if(i&&t.key===`a`&&O.value?(t.preventDefault(),D.value=[...T.options],a=`last`):t.shiftKey&&a&&Y(t,a),[`first`,`last`].includes(a)){t.preventDefault();let e=a===`first`?0:T.options.length-1;G.value.scrollToIndex(e),requestAnimationFrame(()=>{let e=B(),t=a===`first`?e[0]:e[e.length-1];t&&I(t)})}else if(!a&&!i){V.value+=t.key;let e=Number(r()?.getAttribute(`data-index`)),i=H.value[e]?.textContent,a=H.value.map(e=>e.textContent||``),o=n(a,V.value,i),s=H.value.find(e=>e.textContent===o);s&&(G.value.scrollToIndex(s.index,{align:`start`}),requestAnimationFrame(()=>{let e=U.value?.querySelector(`[data-index="${s.index}"]`);e instanceof HTMLElement&&I(e)}))}});function Y(e,n){if(!A.value||!O.value||!Array.isArray(D.value))return;let r=z().find(e=>e.element===F.value)?.data?.value;if(!r)return;let i=null;switch(n){case`prev`:case`next`:i=t(T.options,A.value,r);break;case`first`:i=t(T.options,A.value,T.options?.[0]);break;case`last`:i=t(T.options,A.value,T.options?.[T.options.length-1])}D.value=i??void 0}return(e,t)=>(_(),p(`div`,{"data-soybean-virtualizer":``,class:h(b(R)),style:g(q.value)},[(_(!0),p(u,null,v(J.value,({is:e,item:t})=>(_(),f(y(e),{key:t.index}))),128))],6))}});export{T as default};
+import{MAP_KEY_TO_FOCUS_INTENT as e}from"../../constants/common.js";import{findValuesBetween as t,getNextMatch as n}from"../../shared/object.js";import{getActiveElement as r}from"../../shared/dom.js";import{useCollectionContext as i,useListboxRootContext as a,useListboxUi as o}from"./context.js";import{getVirtualizerItems as s,getVirtualizerPadding as c,queryCheckedElement as l}from"./shared.js";import{Fragment as u,computed as d,createBlock as f,createElementBlock as p,defineComponent as m,normalizeClass as h,normalizeStyle as g,openBlock as _,renderList as v,resolveDynamicComponent as y,unref as b,useSlots as x}from"vue";import{refAutoReset as S,useParentElement as C}from"@vueuse/core";import{useVirtualizer as w}from"@tanstack/vue-virtual";const T=m({name:`ListboxVirtualizer`,__name:`listbox-virtualizer`,props:{options:{},overscan:{},estimateSize:{type:[Number,Function]},textContent:{type:Function}},setup(m){let T=m,E=x(),{modelValue:D,isMultiple:O,orientation:k,firstValue:A,isVirtual:j,virtualFocusHook:M,virtualHighlightHook:N,virtualKeydownHook:P,highlightedElement:F,changeHighlight:I,highlightFirstItem:L}=a(`ListboxVirtualizer`);j.value=!0;let R=o(`virtualizer`),{getOrderedItems:z,getOrderedElements:B}=i(`ListboxVirtualizer`),V=S(``,1e3),H=d(()=>{let e=e=>T.textContent?T.textContent(e):e?.toString()?.toLowerCase();return T.options.map((t,n)=>({index:n,textContent:e(t)}))}),U=C(),W=d(()=>c(U.value)),G=w(d(()=>({scrollPaddingStart:W.value.start,scrollPaddingEnd:W.value.end,count:T.options.length,horizontal:k.value===`horizontal`,overscan:T.overscan??12,estimateSize:e=>typeof T.estimateSize==`function`?T.estimateSize(e):T.estimateSize??28,getScrollElement:()=>U.value}))),K=d(()=>G.value.getTotalSize()),q=d(()=>`position:relative;width:100%;height:${K.value}px;`),J=d(()=>s(G.value,T.options,E.default));M.on(e=>{let t=T.options.findIndex(e=>e===(Array.isArray(D.value)?D.value[0]:D.value));t===-1?L():(e?.preventDefault(),G.value.scrollToIndex(t,{align:`start`}),requestAnimationFrame(()=>{let t=l(U.value);t&&(I(t),e&&t.focus())}))}),N.on(e=>{let t=T.options.findIndex(t=>t===e);G.value.scrollToIndex(t,{align:`start`}),requestAnimationFrame(()=>{let e=l(U.value);e&&I(e)})}),P.on(t=>{let i=t.altKey||t.ctrlKey||t.metaKey;if(t.key===`Tab`&&!i)return;let a=e[t.key];if(i&&t.key===`a`&&O.value?(t.preventDefault(),D.value=[...T.options],a=`last`):t.shiftKey&&a&&Y(t,a),[`first`,`last`].includes(a)){t.preventDefault();let e=a===`first`?0:T.options.length-1;G.value.scrollToIndex(e),requestAnimationFrame(()=>{let e=B(),t=a===`first`?e[0]:e[e.length-1];t&&I(t)})}else if(!a&&!i){V.value+=t.key;let e=Number(r()?.getAttribute(`data-index`)),i=H.value[e]?.textContent,a=H.value.map(e=>e.textContent||``),o=n(a,V.value,i),s=H.value.find(e=>e.textContent===o);s&&(G.value.scrollToIndex(s.index,{align:`start`}),requestAnimationFrame(()=>{let e=U.value?.querySelector(`[data-index="${s.index}"]`);e instanceof HTMLElement&&I(e)}))}});function Y(e,n){if(!A.value||!O.value||!Array.isArray(D.value))return;let r=z().find(e=>e.element===F.value)?.data?.value;if(!r)return;let i=null;switch(n){case`prev`:case`next`:i=t(T.options,A.value,r);break;case`first`:i=t(T.options,A.value,T.options?.[0]);break;case`last`:i=t(T.options,A.value,T.options?.[T.options.length-1])}D.value=i??void 0}return(e,t)=>(_(),p(`div`,{"data-soybean-virtualizer":``,class:h(b(R)),style:g(q.value)},[(_(!0),p(u,null,v(J.value,({is:e,item:t})=>(_(),f(y(e),{key:t.index}))),128))],6))}});export{T as default};