@soybeanjs/headless 0.17.0 → 0.19.0

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

@@ -1,28 +1,29 @@
 import { DataOrientation, HorizontalSide, UiClass } from "../../types/common.js";
-import { PrimitiveProps } from "../primitive/types.js";
-import { ComputedRef, HTMLAttributes, ShallowRef } from "vue";
+import { BaseProps } from "../../types/vue.js";
+import { ButtonProps } from "../button/types.js";
+import { ComputedRef, ShallowRef } from "vue";
 
 //#region src/components/layout/types.d.ts
 /**
- * Type information for the layout variant component.
+ * Type information for LayoutVariant.
  */
 type LayoutVariant = 'sidebar' | 'floating' | 'inset';
 /**
- * Type information for the layout side component.
+ * Type information for LayoutSide.
  */
 type LayoutSide = HorizontalSide;
 /**
- * Type information for the layout collapsible component.
+ * Type information for LayoutCollapsible.
  */
 type LayoutCollapsible = 'offcanvas' | 'icon';
 /**
- * State values for the layout component.
+ * State values for LayoutSidebarState.
  */
 type LayoutSidebarState = 'expanded' | 'collapsed';
 /**
- * Props for the layout root component.
+ * Properties for the LayoutRoot component.
  */
-interface LayoutRootProps extends /** @vue-ignore */HTMLAttributes {
+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.
@@ -115,7 +116,7 @@ interface LayoutRootProps extends /** @vue-ignore */HTMLAttributes {
   pxToRem?: (px: number) => number;
 }
 /**
- * Emits for the layout root component.
+ * Events for the LayoutRoot component.
  */
 type LayoutRootEmits = {
   /**
@@ -124,41 +125,41 @@ type LayoutRootEmits = {
   'update:open': [open: boolean];
 };
 /**
- * Props for the layout sidebar component.
+ * Properties for the LayoutSidebar component.
  */
-interface LayoutSidebarProps extends /** @vue-ignore */HTMLAttributes {}
+interface LayoutSidebarProps extends BaseProps {}
 /**
- * Props for the layout rail component.
+ * Properties for the LayoutRail component.
  */
-interface LayoutRailProps extends /** @vue-ignore */HTMLAttributes {}
+interface LayoutRailProps extends BaseProps {}
 /**
- * Props for the layout main component.
+ * Properties for the LayoutMain component.
  */
-interface LayoutMainProps extends /** @vue-ignore */HTMLAttributes {}
+interface LayoutMainProps extends BaseProps {}
 /**
- * Props for the layout header component.
+ * Properties for the LayoutHeader component.
  */
-interface LayoutHeaderProps extends /** @vue-ignore */HTMLAttributes {}
+interface LayoutHeaderProps extends BaseProps {}
 /**
- * Props for the layout tab component.
+ * Properties for the LayoutTab component.
  */
-interface LayoutTabProps extends /** @vue-ignore */HTMLAttributes {}
+interface LayoutTabProps extends BaseProps {}
 /**
- * Props for the layout content component.
+ * Properties for the LayoutContent component.
  */
-interface LayoutContentProps extends /** @vue-ignore */HTMLAttributes {}
+interface LayoutContentProps extends BaseProps {}
 /**
- * Props for the layout footer component.
+ * Properties for the LayoutFooter component.
  */
-interface LayoutFooterProps extends /** @vue-ignore */HTMLAttributes {}
+interface LayoutFooterProps extends BaseProps {}
 /**
- * Props for the layout trigger component.
+ * Properties for the LayoutTrigger component.
  */
-interface LayoutTriggerProps extends PrimitiveProps, /** @vue-ignore */HTMLAttributes {}
+interface LayoutTriggerProps extends ButtonProps {}
 /**
- * Props for the layout mobile component.
+ * Properties for the LayoutMobile component.
  */
-interface LayoutMobileProps extends /** @vue-ignore */HTMLAttributes {}
+interface LayoutMobileProps extends BaseProps {}
 interface LayoutOthersProps {
   sidebarProps?: LayoutSidebarProps;
   railProps?: LayoutRailProps;
@@ -170,15 +171,15 @@ interface LayoutOthersProps {
   mobileProps?: LayoutMobileProps;
 }
 /**
- * Props for the layout compact component.
+ * Properties for the LayoutCompact component.
  */
 interface LayoutCompactProps extends LayoutRootProps, LayoutOthersProps {}
 /**
- * Emits for the layout compact component.
+ * Events for the LayoutCompact component.
  */
 type LayoutCompactEmits = LayoutRootEmits;
 /**
- * Slots for the layout compact component.
+ * Slots for the LayoutCompact component.
  */
 type LayoutCompactSlots = {
   /**
@@ -210,11 +211,11 @@ type LayoutCompactSlots = {
   footer?: () => any;
 };
 /**
- * Type information for the layout classic scroll behavior component.
+ * Type information for LayoutClassicScrollBehavior.
  */
 type LayoutClassicScrollBehavior = 'wrapper' | 'content';
 /**
- * Props for the layout classic root component.
+ * Properties for the LayoutClassicRoot component.
  */
 interface LayoutClassicRootProps extends Omit<LayoutRootProps, 'variant' | 'collapsible'> {
   /**
@@ -255,35 +256,35 @@ interface LayoutClassicRootProps extends Omit<LayoutRootProps, 'variant' | 'coll
   stretchFooter?: boolean;
 }
 /**
- * Emits for the layout classic root component.
+ * Events for the LayoutClassicRoot component.
  */
 type LayoutClassicRootEmits = LayoutRootEmits;
 /**
- * Props for the layout classic compact component.
+ * Properties for the LayoutClassicCompact component.
  */
 interface LayoutClassicCompactProps extends LayoutClassicRootProps, LayoutOthersProps {}
 /**
- * Emits for the layout classic compact component.
+ * Events for the LayoutClassicCompact component.
  */
 type LayoutClassicCompactEmits = LayoutClassicRootEmits;
 /**
- * Slots for the layout classic compact component.
+ * Slots for the LayoutClassicCompact component.
  */
 type LayoutClassicCompactSlots = LayoutCompactSlots;
 /**
- * Available UI slots for the layout component.
+ * Available UI slots for the Layout component.
  */
 type LayoutUiSlot = 'root' | 'sidebar' | 'sidebarRoot' | 'sidebarWrapper' | 'sidebarGapHandler' | 'main' | 'header' | 'tab' | 'content' | 'footer' | 'rail' | 'trigger' | 'mobile' | 'mobileDrawer' | 'mobileOverlay';
 /**
- * UI class overrides for the layout component.
+ * UI class overrides for the Layout component.
  */
 type LayoutUi = UiClass<LayoutUiSlot>;
 /**
- * Available UI slots for the layout component.
+ * Available UI slots for the LayoutClassic component.
  */
 type LayoutClassicUiSlot = LayoutUiSlot | 'headerPlaceholder' | 'tabPlaceholder' | 'footerPlaceholder';
 /**
- * UI class overrides for the layout component.
+ * UI class overrides for the LayoutClassic component.
  */
 type LayoutClassicUi = UiClass<LayoutClassicUiSlot>;
 //#endregion

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"../primitive/index.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";const p=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 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)),v=n(()=>p.target?p.target:_.value?`_blank`:`_self`),y=n(()=>{let{as:e,asChild:t,href:n,to:r,...i}=p,a=typeof p.to==`string`&&p.to||p.href,o={};return _.value||(o.to=p.to),(_.value||!h.value)&&a&&(o.href=a),Object.assign(o,{...i,target:v.value,"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,...m}),o}),b=e=>{p.disabled&&(e.preventDefault(),e.stopPropagation())};return(e,n)=>_.value?(o(),r(u(t),a({key:0},y.value,{as:i.as,"as-child":i.asChild,"data-link":``,onClick:b}),{default:f(()=>[s(e.$slots,`default`,{isHref:!0})]),_:3},16,[`as`,`as-child`])):(o(),r(l(g.value),a({key:1},y.value,{"data-link":``,onClick:b}),{default:f(t=>[s(e.$slots,`default`,{isHref:!1,isActive:t?.isActive,isExactActive:t?.isExactActive})]),_:3},16))}});export{p as default};
+import{useConfigProvider as e}from"../config-provider/context.js";import{Primitive as t}from"../primitive/primitive.js";import"../primitive/index.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";const p=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 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)),v=n(()=>p.target?p.target:_.value?`_blank`:`_self`),y=n(()=>{let{as:e,asChild:t,href:n,to:r,...i}=p,a=typeof p.to==`string`&&p.to||p.href,o={};return _.value||(o.to=p.to),(_.value||!h.value)&&a&&(o.href=a),Object.assign(o,{...i,target:v.value,"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,...m}),o}),b=e=>{p.disabled&&(e.preventDefault(),e.stopPropagation())};return(e,n)=>_.value?(o(),r(u(t),a({key:0},y.value,{as:i.as,"as-child":i.asChild,"data-soybean-link":``,"data-link":``,onClick:b}),{default:f(()=>[s(e.$slots,`default`,{isHref:!0})]),_:3},16,[`as`,`as-child`])):(o(),r(l(g.value),a({key:1},y.value,{"data-soybean-link":``,"data-link":``,onClick:b}),{default:f(t=>[s(e.$slots,`default`,{isHref:!1,isActive:t?.isActive,isExactActive:t?.isExactActive})]),_:3},16))}});export{p as default};

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

@@ -1,12 +1,11 @@
-import { PrimitiveProps } from "../primitive/types.js";
-import { HTMLAttributes } from "vue";
+import { PrimitiveWithBaseProps } from "../primitive/types.js";
 import { RouteLocationRaw } from "vue-router";
 
 //#region src/components/link/types.d.ts
 /**
- * Props for the link component.
+ * Properties for the Link component.
  */
-interface LinkProps extends PrimitiveProps, /** @vue-ignore */HTMLAttributes {
+interface LinkProps extends PrimitiveWithBaseProps {
   /**
    * Route Location the link should navigate to when clicked on.
    */
@@ -89,15 +88,15 @@ interface LinkProps extends PrimitiveProps, /** @vue-ignore */HTMLAttributes {
   trailingSlash?: 'append' | 'remove';
 }
 /**
- * Type information for the link base props key component.
+ * Type information for LinkBasePropsKey.
  */
 type LinkBasePropsKey = Extract<keyof LinkProps, 'to' | 'href' | 'external' | 'target'>;
 /**
- * Props for the link base component.
+ * Properties for the LinkBase component.
  */
 interface LinkBaseProps extends Pick<LinkProps, LinkBasePropsKey> {}
 /**
- * Props for the link extra component.
+ * Properties for the LinkExtra component.
  */
 interface LinkExtraProps extends Omit<LinkProps, LinkBasePropsKey> {}
 //#endregion

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

@@ -1 +1 @@
-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";const 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};
+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";const s=n({name:`ListContent`,__name:`list-content`,setup(n){let s=e(`content`);return(e,n)=>(i(),t(`div`,{"data-soybean-list-content":``,class:r(o(s))},[a(e.$slots,`default`)],2))}});export{s as default};

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

@@ -1 +1 @@
-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";const 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};
+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";const s=n({name:`ListDescription`,__name:`list-description`,setup(n){let s=e(`description`);return(e,n)=>(i(),t(`p`,{"data-soybean-list-description":``,class:r(o(s))},[a(e.$slots,`default`)],2))}});export{s as default};

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

@@ -1 +1 @@
-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";const 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};
+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";const s=n({name:`ListItem`,__name:`list-item`,setup(n){let s=e(`item`);return(e,n)=>(i(),t(`li`,{"data-soybean-list-item":``,class:r(o(s))},[a(e.$slots,`default`)],2))}});export{s as default};

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

@@ -1 +1 @@
-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";const 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};
+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";const s=n({name:`ListRoot`,__name:`list-root`,setup(n){let s=e(`root`);return(e,n)=>(i(),t(`ul`,{"data-soybean-list-root":``,class:r(o(s))},[a(e.$slots,`default`)],2))}});export{s as default};

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

@@ -1 +1 @@
-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";const 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};
+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";const s=n({name:`ListTitle`,__name:`list-title`,setup(n){let s=e(`title`);return(e,n)=>(i(),t(`h3`,{"data-soybean-list-title":``,class:r(o(s))},[a(e.$slots,`default`)],2))}});export{s as default};

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

@@ -1,33 +1,32 @@
 import { UiClass } from "../../types/common.js";
-import { HTMLAttributes } from "vue";
-
+import { BaseProps } from "../../types/vue.js";
 //#region src/components/list/types.d.ts
 /**
- * Props for the list root component.
+ * Properties for the ListRoot component.
  */
-interface ListRootProps extends /** @vue-ignore */HTMLAttributes {}
+interface ListRootProps extends BaseProps {}
 /**
- * Props for the list item component.
+ * Properties for the ListItem component.
  */
-interface ListItemProps extends /** @vue-ignore */HTMLAttributes {}
+interface ListItemProps extends BaseProps {}
 /**
- * Props for the list content component.
+ * Properties for the ListContent component.
  */
-interface ListContentProps extends /** @vue-ignore */HTMLAttributes {}
+interface ListContentProps extends BaseProps {}
 /**
- * Props for the list title component.
+ * Properties for the ListTitle component.
  */
-interface ListTitleProps extends /** @vue-ignore */HTMLAttributes {}
+interface ListTitleProps extends BaseProps {}
 /**
- * Props for the list description component.
+ * Properties for the ListDescription component.
  */
-interface ListDescriptionProps extends /** @vue-ignore */HTMLAttributes {}
+interface ListDescriptionProps extends BaseProps {}
 /**
- * Available UI slots for the list component.
+ * Available UI slots for the List component.
  */
 type ListUiSlot = 'root' | 'item' | 'content' | 'title' | 'description';
 /**
- * UI class overrides for the list component.
+ * UI class overrides for the List component.
  */
 type ListUi = UiClass<ListUiSlot>;
 //#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"../../shared/index.js";import{useContext as n}from"../../composables/use-context.js";import{useCollection as r}from"../../composables/use-collection.js";import{useForwardElement as i}from"../../composables/use-forward-element.js";import{useTypeahead as a}from"../../composables/use-typeahead.js";import{useUiContext as o}from"../../composables/use-ui-context.js";import"../../composables/index.js";import{useDirection as s}from"../config-provider/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,o]=i(),{getOrderedItems:c,getOrderedElements:l}=m(),{handleTypeaheadSearch:f}=a(),{modelValue:h,orientation:g,selectionBehavior:_,isMultiple:v,onModelValueChange:y,onHighlight:b,onEntryFocus:x}=n,S=s(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)=>{e&&(E.value=e,T.value&&E.value.focus(),t&&E.value.scrollIntoView({block:`nearest`}),b(c().find(t=>t.element===e)))},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){h.value=[...n.map(e=>e.data.value)],e.preventDefault();let t=n[n.length-1]?.element;t&&P(t)}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(()=>{H(new KeyboardEvent(`keydown`,{key:`PageUp`}))})};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;t.key===`End`?i=r[r.length-1]?.data?.value:t.key===`Home`&&(i=r[0]?.data?.value),!(!i||!C.value)&&(h.value=e(r.map(e=>e.data.value),C.value,i))}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||r.value?.contains(t))&&B(e)};return{...n,rootElement:r,setRootElement:o,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]=o(`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};
+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)=>{e&&(E.value=e,T.value&&E.value.focus(),t&&E.value.scrollIntoView({block:`nearest`}),b(c().find(t=>t.element===e)))},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){h.value=[...n.map(e=>e.data.value)],e.preventDefault();let t=n[n.length-1]?.element;t&&P(t)}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(()=>{H(new KeyboardEvent(`keydown`,{key:`PageUp`}))})};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;t.key===`End`?i=r[r.length-1]?.data?.value:t.key===`Home`&&(i=r[0]?.data?.value),!(!i||!C.value)&&(h.value=e(r.map(e=>e.data.value),C.value,i))}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=>(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/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),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"../../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};

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-root.js";import i from"../input/input-control.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:{},id:{},autofocus:{type:Boolean},disabled:{type:Boolean},maxlength:{},minlength:{},pattern:{},placeholder:{},readonly:{type:Boolean},name:{},required:{type:Boolean}},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()};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(r),l(h(C),{"onUpdate:modelValue":t[0]||(t[0]=e=>S(`update:modelValue`,e))}),{default:_(({clear:t})=>[p(e.$slots,`leading`,{clear:t}),s(h(i),l(c.controlProps,{ref:h(j),"aria-activedescendant":N.value,disabled:M.value,type:`text`,onKeydown:[v(y(h(O),[`prevent`]),[`down`,`up`,`home`,`end`]),v(h(k),[`enter`])],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"../../composables/index.js";import{useListboxRootContext as n}from"./context.js";import r from"../input/input-root.js";import i from"../input/input-control.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:{},id:{},autofocus:{type:Boolean},disabled:{type:Boolean},maxlength:{},minlength:{},pattern:{},placeholder:{},readonly:{type:Boolean},name:{},required:{type:Boolean}},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()};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(r),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(i),l(c.controlProps,{ref:h(j),"aria-activedescendant":N.value,disabled:M.value,type:`text`,onKeydown:[v(y(h(O),[`prevent`]),[`down`,`up`,`home`,`end`]),v(h(k),[`enter`])],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-group-label.js

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

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

@@ -1 +1 @@
-import{provideListboxGroupContext as e,useListboxUi as t}from"./context.js";import{createElementBlock as n,defineComponent as r,normalizeClass as i,openBlock as a,renderSlot as o,unref as s}from"vue";const c=[`aria-labelledby`],l=r({name:`ListboxGroup`,__name:`listbox-group`,setup(r){let{id:l}=e(),u=t(`group`);return(e,t)=>(a(),n(`div`,{"aria-labelledby":s(l),role:`group`,class:i(s(u))},[o(e.$slots,`default`)],10,c))}});export{l as default};
+import{provideListboxGroupContext as e,useListboxUi as t}from"./context.js";import{createElementBlock as n,defineComponent as r,normalizeClass as i,openBlock as a,renderSlot as o,unref as s}from"vue";const c=[`aria-labelledby`],l=r({name:`ListboxGroup`,__name:`listbox-group`,setup(r){let{id:l}=e(),u=t(`group`);return(e,t)=>(a(),n(`div`,{"data-soybean-listbox-group":``,"aria-labelledby":s(l),role:`group`,class:i(s(u))},[o(e.$slots,`default`)],10,c))}});export{l as default};

package/dist/components/listbox/listbox-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,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"../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};

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:{default:`div`}},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`),{itemProps:k,itemElement:A,setItemElement:j}=i({value:y.value}),M=t(y,[`value`,`disabled`],k),N=`soybean-listbox-item-${p()}`,P=s(()=>w.value||y.disabled),F=s(()=>A.value===D.value),I=s(()=>Array.isArray(S.value)?S.value.includes(y.value):S.value===y.value),L=s(()=>T.value&&F.value?`0`:`-1`),R=async e=>{b(`select`,e),!e?.defaultPrevented&&(P.value||!e||(C(y.value),A.value&&O(A.value)))},z=t=>{e(`listbox.select`,R,{originalEvent:t,value:y.value})},B=()=>{if(!(F.value||!A.value)){if(E.value){O(A.value,!1);return}T.value||O(A.value,!1)}};return r({isSelected:I}),(e,t)=>g([F.value,I.value],()=>c(f(n),u(f(M),{id:N,ref:f(j),class:f(x),role:`option`,tabindex:L.value,"aria-selected":I.value,disabled:P.value?``:void 0,"data-disabled":P.value?``:void 0,"data-highlighted":F.value?``:void 0,"data-state":I.value?`checked`:`unchecked`,onClick:z,onKeydown:h(_(z,[`prevent`]),[`space`]),onPointermove:B}),{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"../../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=>{e(`listbox.select`,L,{originalEvent:t,value:y.value})},z=()=>{if(!(P.value||!k.value)){if(E.value){O(k.value,!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};

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

@@ -1,5 +1,4 @@
 import { SelectEvent } from "../../types/event.js";
-import { AsTag } from "../primitive/types.js";
 import { ListboxItemProps } from "./types.js";
 import * as _$vue from "vue";
 
@@ -12,9 +11,7 @@ declare const __VLS_base: _$vue.DefineComponent<ListboxItemProps, {}, {}, {}, {}
   select: (event: SelectEvent<string>) => any;
 }, string, _$vue.PublicProps, Readonly<ListboxItemProps> & Readonly<{
   onSelect?: ((event: SelectEvent<string>) => any) | undefined;
-}>, {
-  as: AsTag | _$vue.Component;
-}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
+}>, {}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 type __VLS_WithSlots<T, S> = T & {

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

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

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

@@ -6,8 +6,8 @@ import * as _$vue from "vue";
 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: _$vue.PublicProps & __VLS_PrettifyLocal<ListboxRootProps<M> & {
     "onUpdate:modelValue"?: ((value: M extends true ? string[] : string) => any) | undefined;
-    onHighlight?: ((payload?: CollectionItemData<ListboxCollectionItemData> | undefined) => any) | undefined;
     onEntryFocus?: ((event: CustomEvent<any>) => any) | undefined;
+    onHighlight?: ((payload?: CollectionItemData<ListboxCollectionItemData> | undefined) => any) | undefined;
     onLeave?: ((event: Event) => any) | undefined;
   }> & (typeof globalThis extends {
     __VLS_PROPS_FALLBACK: infer P;
@@ -25,7 +25,7 @@ declare const __VLS_export: <M extends boolean>(__VLS_props: NonNullable<Awaited
       modelValue: (M extends true ? string[] : string) | undefined;
     }) => any;
   };
-  emit: ((evt: "update:modelValue", value: M extends true ? string[] : string) => void) & ((evt: "highlight", payload?: CollectionItemData<ListboxCollectionItemData> | undefined) => void) & ((evt: "entryFocus", event: CustomEvent<any>) => void) & ((evt: "leave", event: Event) => void);
+  emit: ((evt: "update:modelValue", value: M extends true ? string[] : string) => void) & ((evt: "entryFocus", event: CustomEvent<any>) => void) & ((evt: "highlight", payload?: CollectionItemData<ListboxCollectionItemData> | undefined) => void) & ((evt: "leave", event: Event) => void);
 }>) => _$vue.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };

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

@@ -1,17 +1,18 @@
 import { DataOrientation, Direction, SelectionEmits, SelectionProps, UiClass } from "../../types/common.js";
 import { SelectEvent } from "../../types/event.js";
 import { FormFieldCommonProps } from "../../types/component.js";
-import { PrimitiveProps } from "../primitive/types.js";
+import { BaseProps } from "../../types/vue.js";
+import { PrimitiveWithBaseProps } from "../primitive/types.js";
 import { CollectionItemData } from "../../composables/use-collection.js";
 import { InputControlProps, InputRootEmits, InputRootProps } from "../input/types.js";
-import { ComputedRef, HTMLAttributes, ShallowRef } from "vue";
+import { ComputedRef, ShallowRef } from "vue";
 import { VirtualItem, Virtualizer } from "@tanstack/vue-virtual";
 
 //#region src/components/listbox/types.d.ts
 /**
- * Props for the listbox root component.
+ * Properties for the ListboxRoot component.
  */
-interface ListboxRootProps<M extends boolean = false> extends SelectionProps<M>, FormFieldCommonProps, /** @vue-ignore */HTMLAttributes {
+interface ListboxRootProps<M extends boolean = false> extends SelectionProps<M>, FormFieldCommonProps, BaseProps {
   /** The orientation of the listbox. <br>Mainly so arrow navigation is done accordingly (left & right vs. up & down) */
   orientation?: DataOrientation;
   /**
@@ -28,7 +29,7 @@ interface ListboxRootProps<M extends boolean = false> extends SelectionProps<M>,
  * Value associated with the current item.
  */
 /**
- * Type information for the listbox collection item data component.
+ * Type information for ListboxCollectionItemData.
  */
 /**
  * Value associated with the current item.
@@ -37,7 +38,7 @@ type ListboxCollectionItemData = {
   value: string;
 };
 /**
- * Emits for the listbox root component.
+ * Events for the ListboxRoot component.
  */
 type ListboxRootEmits<M extends boolean = false> = SelectionEmits<M> & {
   /** Event handler when highlighted element changes. */highlight: [payload?: CollectionItemData<ListboxCollectionItemData>]; /** Event handler called when container is being focused. Can be prevented. */
@@ -45,34 +46,34 @@ type ListboxRootEmits<M extends boolean = false> = SelectionEmits<M> & {
   leave: [event: Event];
 };
 /**
- * Props for the listbox item component.
+ * Properties for the ListboxItem component.
  */
-interface ListboxItemProps extends PrimitiveProps, /** @vue-ignore */Omit<HTMLAttributes, 'onSelect'> {
+interface ListboxItemProps extends Omit<PrimitiveWithBaseProps, 'onSelect'> {
   /** The value given as data when submitted with a `name`. */
   value: string;
   /** When `true`, prevents the user from interacting with the item. */
   disabled?: boolean;
 }
 /**
- * Emits for the listbox item component.
+ * Events for the ListboxItem component.
  */
 type ListboxItemEmits = {
   /** Event handler called when the selecting item. <br> It can be prevented by calling `event.preventDefault`. */select: [event: SelectEvent<string>];
 };
 /**
- * Props for the listbox item indicator component.
+ * Properties for the ListboxItemIndicator component.
  */
-interface ListboxItemIndicatorProps extends PrimitiveProps, /** @vue-ignore */HTMLAttributes {}
+interface ListboxItemIndicatorProps extends PrimitiveWithBaseProps {}
 /**
- * Props for the listbox group component.
+ * Properties for the ListboxGroup component.
  */
-interface ListboxGroupProps extends /** @vue-ignore */HTMLAttributes {}
+interface ListboxGroupProps extends BaseProps {}
 /**
- * Props for the listbox group label component.
+ * Properties for the ListboxGroupLabel component.
  */
-interface ListboxGroupLabelProps extends /** @vue-ignore */HTMLAttributes {}
+interface ListboxGroupLabelProps extends BaseProps {}
 /**
- * Props for the listbox filter component.
+ * Properties for the ListboxFilter component.
  */
 interface ListboxFilterProps extends InputRootProps {
   /**
@@ -87,15 +88,15 @@ interface ListboxFilterProps extends InputRootProps {
   controlProps?: InputControlProps;
 }
 /**
- * Emits for the listbox filter component.
+ * Events for the ListboxFilter component.
  */
 type ListboxFilterEmits = InputRootEmits;
 /**
- * Props for the listbox content component.
+ * Properties for the ListboxContent component.
  */
-interface ListboxContentProps extends /** @vue-ignore */HTMLAttributes {}
+interface ListboxContentProps extends BaseProps {}
 /**
- * Props for the listbox virtualizer component.
+ * Properties for the ListboxVirtualizer component.
  */
 interface ListboxVirtualizerProps {
   /** List of items */
@@ -108,7 +109,7 @@ interface ListboxVirtualizerProps {
   textContent?: (option: string) => string;
 }
 /**
- * Props for the listbox virtualizer slots component.
+ * Properties for the ListboxVirtualizerSlots component.
  */
 type ListboxVirtualizerSlotsProps = {
   /**
@@ -125,7 +126,7 @@ type ListboxVirtualizerSlotsProps = {
   virtualItem: VirtualItem;
 };
 /**
- * Slots for the listbox virtualizer component.
+ * Slots for the ListboxVirtualizer component.
  */
 type ListboxVirtualizerSlots = {
   /**
@@ -134,11 +135,11 @@ type ListboxVirtualizerSlots = {
   default: (props: ListboxVirtualizerSlotsProps) => any;
 };
 /**
- * Available UI slots for the listbox component.
+ * Available UI slots for the Listbox component.
  */
 type ListboxUiSlot = 'root' | 'content' | 'filterRoot' | 'filterControl' | 'item' | 'itemIndicator' | 'group' | 'groupLabel' | 'virtualizer';
 /**
- * UI class overrides for the listbox component.
+ * UI class overrides for the Listbox component.
  */
 type ListboxUi = UiClass<ListboxUiSlot>;
 //#endregion

package/dist/components/menu/context.js

@@ -1 +1 @@
-import{getDisclosureState as e}from"../../shared/value.js";import{isPointerInGraceArea as t}from"../../shared/geometry.js";import"../../shared/index.js";import{useContext as n}from"../../composables/use-context.js";import{useUiContext as r}from"../../composables/use-ui-context.js";import"../../composables/index.js";import{providePopperUi as i}from"../popper/context.js";import{provideSeparatorUi as a}from"../separator/context.js";import{computed as o,ref as s,shallowRef as c,useId as l}from"vue";const[u,d]=n(`Menu`,t=>{let{isRoot:n,open:r}=t,i=e=>{r.value=e},a=o(()=>e(r.value)),s=n?`data-soybean-menu-popup`:`data-soybean-menu-sub-popup`,u=c(),d=e=>{u.value=e},f=c(),p=e=>{f.value=e},m=n?`soybean-menu`:`soybean-menu-sub`,h=c(``),g=()=>{h.value||(h.value=`${m}-popup-${l()}`)},_=c(``);return{isRoot:n,open:r,onOpenChange:i,dataState:a,dataPopupAttr:s,popupElement:u,onPopupElementChange:d,triggerElement:f,onTriggerElementChange:p,popupId:h,initPopupId:g,triggerId:_,initTriggerId:()=>{_.value||(_.value=`${m}-trigger-${l()}`)}}}),[f,p]=n(`MenuRoot`),[m,h]=n(`MenuContent`,e=>{let{popupElement:n}=e,r=c(``),i=s(null),a=c(0),o=c(`right`),l=s(null),u=e=>{l.value=e},d=()=>{l.value=null},f=e=>{let n=o.value===l.value?.side,r=t(e,l.value?.area);return n&&r};return{searchRef:r,currentItemId:i,popupElement:n,pointerSide:o,pointerGraceTimer:a,pointerGraceIntent:l,onPointerGraceIntentChange:u,resetPointerGraceIntent:d,onItemEnter:f,onItemLeave:e=>{f(e)||(n.value?.focus(),i.value=null)},onTriggerLeave:f}}),[g,_]=n(`MenuCheckboxGroup`,e=>{let{modelValue:t}=e,n=e=>{t.value||(t.value=[]),t.value.includes(e)?t.value=t.value.filter(t=>t!==e):t.value.push(e)};return{...e,onModelValueChange:n}}),[v,y]=n(`MenuRadioGroup`,e=>{let{modelValue:t}=e,n=e=>{t.value=e};return{...e,onModelValueChange:n}}),[b,x]=n(`MenuItemIndicator`),[S,C]=n(`MenuOptionsCompact`),[w,T]=r(`MenuUi`,e=>(i(o(()=>({arrow:e.value?.arrow}))),a(o(()=>({root:e.value?.separator}))),e)),[E,D]=n(`MenuSubAttribute`);export{g as provideMenuCheckboxGroupContext,m as provideMenuContentContext,u as provideMenuContext,b as provideMenuItemIndicatorContext,S as provideMenuOptionsCompactContext,v as provideMenuRadioGroupContext,f as provideMenuRootContext,E as provideMenuSubAttributeContext,w as provideMenuUi,_ as useMenuCheckboxGroupContext,h as useMenuContentContext,d as useMenuContext,x as useMenuItemIndicatorContext,C as useMenuOptionsCompactContext,y as useMenuRadioGroupContext,p as useMenuRootContext,D as useMenuSubAttributeContext,T as useMenuUi};
+import{getDisclosureState as e}from"../../shared/value.js";import{isPointerInGraceArea as t}from"../../shared/geometry.js";import{useContext as n}from"../../composables/use-context.js";import"../../shared/index.js";import{useUiContext as r}from"../../composables/use-ui-context.js";import"../../composables/index.js";import{providePopperUi as i}from"../popper/context.js";import{provideSeparatorUi as a}from"../separator/context.js";import{computed as o,ref as s,shallowRef as c,useId as l}from"vue";const[u,d]=n(`Menu`,t=>{let{isRoot:n,open:r}=t,i=e=>{r.value=e},a=o(()=>e(r.value)),s=n?`data-soybean-menu-popup`:`data-soybean-menu-sub-popup`,u=c(),d=e=>{u.value=e},f=c(),p=e=>{f.value=e},m=n?`soybean-menu`:`soybean-menu-sub`,h=c(``),g=()=>{h.value||(h.value=`${m}-popup-${l()}`)},_=c(``);return{isRoot:n,open:r,onOpenChange:i,dataState:a,dataPopupAttr:s,popupElement:u,onPopupElementChange:d,triggerElement:f,onTriggerElementChange:p,popupId:h,initPopupId:g,triggerId:_,initTriggerId:()=>{_.value||(_.value=`${m}-trigger-${l()}`)}}}),[f,p]=n(`MenuRoot`),[m,h]=n(`MenuContent`,e=>{let{popupElement:n}=e,r=c(``),i=s(null),a=c(0),o=c(`right`),l=s(null),u=e=>{l.value=e},d=()=>{l.value=null},f=e=>{let n=o.value===l.value?.side,r=t(e,l.value?.area);return n&&r};return{searchRef:r,currentItemId:i,popupElement:n,pointerSide:o,pointerGraceTimer:a,pointerGraceIntent:l,onPointerGraceIntentChange:u,resetPointerGraceIntent:d,onItemEnter:f,onItemLeave:e=>{f(e)||(n.value?.focus(),i.value=null)},onTriggerLeave:f}}),[g,_]=n(`MenuCheckboxGroup`,e=>{let{modelValue:t}=e,n=e=>{t.value||(t.value=[]),t.value.includes(e)?t.value=t.value.filter(t=>t!==e):t.value.push(e)};return{...e,onModelValueChange:n}}),[v,y]=n(`MenuRadioGroup`,e=>{let{modelValue:t}=e,n=e=>{t.value=e};return{...e,onModelValueChange:n}}),[b,x]=n(`MenuItemIndicator`),[S,C]=n(`MenuOptionsCompact`),[w,T]=r(`MenuUi`,e=>(i(o(()=>({arrow:e.value?.arrow}))),a(o(()=>({root:e.value?.separator}))),e)),[E,D]=n(`MenuSubAttribute`);export{g as provideMenuCheckboxGroupContext,m as provideMenuContentContext,u as provideMenuContext,b as provideMenuItemIndicatorContext,S as provideMenuOptionsCompactContext,v as provideMenuRadioGroupContext,f as provideMenuRootContext,E as provideMenuSubAttributeContext,w as provideMenuUi,_ as useMenuCheckboxGroupContext,h as useMenuContentContext,d as useMenuContext,x as useMenuItemIndicatorContext,C as useMenuOptionsCompactContext,y as useMenuRadioGroupContext,p as useMenuRootContext,D as useMenuSubAttributeContext,T as useMenuUi};

package/dist/components/menu/menu-checkbox-group.js

@@ -1 +1 @@
-import{useControllableState as e}from"../../composables/use-controllable-state.js";import"../../composables/index.js";import{Primitive as t}from"../primitive/primitive.js";import"../primitive/index.js";import{provideMenuCheckboxGroupContext as n,useMenuUi as r}from"./context.js";import{computed as i,createBlock as a,defineComponent as o,normalizeClass as s,openBlock as c,renderSlot as l,unref as u,withCtx as d}from"vue";const f=o({name:`MenuCheckboxGroup`,__name:`menu-checkbox-group`,props:{modelValue:{},defaultValue:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{}},emits:[`update:modelValue`],setup(o,{emit:f}){let p=o,m=f,h=r(`checkboxGroup`),g=e(()=>p.modelValue,e=>{m(`update:modelValue`,e||[])},p.defaultValue);return n({modelValue:g,disabled:i(()=>p.disabled)}),(e,n)=>(c(),a(u(t),{as:o.as,"as-child":o.asChild,class:s(u(h)),role:`menu-checkbox-group`},{default:d(()=>[l(e.$slots,`default`,{modelValue:u(g)})]),_:3},8,[`as`,`as-child`,`class`]))}});export{f as default};
+import{useControllableState as e}from"../../composables/use-controllable-state.js";import"../../composables/index.js";import{Primitive as t}from"../primitive/primitive.js";import"../primitive/index.js";import{provideMenuCheckboxGroupContext as n,useMenuUi as r}from"./context.js";import{computed as i,createBlock as a,defineComponent as o,normalizeClass as s,openBlock as c,renderSlot as l,unref as u,withCtx as d}from"vue";const f=o({name:`MenuCheckboxGroup`,__name:`menu-checkbox-group`,props:{modelValue:{},defaultValue:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{}},emits:[`update:modelValue`],setup(o,{emit:f}){let p=o,m=f,h=r(`checkboxGroup`),g=e(()=>p.modelValue,e=>{m(`update:modelValue`,e)},p.defaultValue??[]);return n({modelValue:g,disabled:i(()=>p.disabled)}),(e,n)=>(c(),a(u(t),{as:o.as,"as-child":o.asChild,"data-soybean-menu-checkbox-group":``,class:s(u(h)),role:`menu-checkbox-group`},{default:d(()=>[l(e.$slots,`default`,{modelValue:u(g)})]),_:3},8,[`as`,`as-child`,`class`]))}});export{f as default};

package/dist/components/menu/menu-checkbox-group.vue.d.ts

@@ -13,7 +13,7 @@ declare const __VLS_export: <T extends DefinedValue = DefinedValue>(__VLS_props:
   attrs: any;
   slots: {
     default?: (props: {
-      modelValue: T[] | undefined;
+      modelValue: T[];
     }) => any;
   };
   emit: (evt: "update:modelValue", value: T[]) => void;