@soybeanjs/headless 0.18.0 → 0.19.0

package/dist/components/radio-group/radio-group-label.js

@@ -1 +1 @@
-import e from"../label/label.js";import"../label/index.js";import{useRadioGroupItemContext as t,useRadioGroupUi as n}from"./context.js";import{computed as r,createBlock as i,defineComponent as a,normalizeClass as o,openBlock as s,renderSlot as c,unref as l,withCtx as u}from"vue";const d=a({name:`RadioGroupLabel`,__name:`radio-group-label`,props:{for:{}},setup(a){let d=a,f=n(`label`),{controlId:p}=t(`RadioGroupLabel`),m=r(()=>d.for||p.value);return(t,n)=>(s(),i(l(e),{for:m.value,class:o(l(f))},{default:u(()=>[c(t.$slots,`default`)]),_:3},8,[`for`,`class`]))}});export{d as default};
+import e from"../label/label.js";import"../label/index.js";import{useRadioGroupItemContext as t,useRadioGroupUi as n}from"./context.js";import{computed as r,createBlock as i,defineComponent as a,normalizeClass as o,openBlock as s,renderSlot as c,unref as l,withCtx as u}from"vue";const d=a({name:`RadioGroupLabel`,__name:`radio-group-label`,props:{for:{}},setup(a){let d=a,f=n(`label`),{controlId:p}=t(`RadioGroupLabel`),m=r(()=>d.for||p.value);return(t,n)=>(s(),i(l(e),{"data-soybean-radio-group-label":``,for:m.value,class:o(l(f))},{default:u(()=>[c(t.$slots,`default`)]),_:3},8,[`for`,`class`]))}});export{d as default};

package/dist/components/radio-group/radio-group-root.js

@@ -1 +1 @@
-import{isNullish as e}from"../../shared/guard.js";import{isFormControl as t,transformPropsToContext as n}from"../../shared/vue.js";import"../../shared/index.js";import{useControllableState as r}from"../../composables/use-controllable-state.js";import"../../composables/index.js";import i from"../visually-hidden/visually-hidden-input.js";import"../visually-hidden/index.js";import a from"../roving-focus/roving-focus-group.js";import"../roving-focus/index.js";import{provideRadioGroupRootContext as o,useRadioGroupUi as s}from"./context.js";import{computed as c,createBlock as l,createCommentVNode as u,createElementVNode as d,defineComponent as f,normalizeClass as p,openBlock as m,renderSlot as h,unref as g,useTemplateRef as _,withCtx as v}from"vue";const y=[`data-disabled`,`aria-orientation`,`aria-required`],b=f({name:`RadioGroupRoot`,__name:`radio-group-root`,props:{modelValue:{default:void 0},defaultValue:{},disabled:{type:Boolean,default:!1},orientation:{default:void 0},dir:{},loop:{type:Boolean,default:!0},name:{},required:{type:Boolean,default:!1}},emits:[`update:modelValue`],setup(f,{emit:b}){let x=f,S=b,C=s(`root`),w=_(`rootElement`),T=r(()=>x.modelValue,t=>{e(t)||S(`update:modelValue`,t)},x.defaultValue),E=c(()=>t(w.value));return o({...n(x,[`disabled`,`orientation`,`dir`,`loop`,`name`,`required`]),modelValue:T}),(e,t)=>(m(),l(g(a),{"as-child":``,orientation:f.orientation,dir:f.dir,loop:f.loop},{default:v(()=>[d(`div`,{ref_key:`rootElement`,ref:w,class:p(g(C)),role:`radiogroup`,"data-disabled":f.disabled?``:void 0,"aria-orientation":f.orientation,"aria-required":f.required},[h(e.$slots,`default`,{modelValue:g(T)}),E.value&&f.name?(m(),l(g(i),{key:0,required:f.required,disabled:f.disabled,value:g(T),name:f.name},null,8,[`required`,`disabled`,`value`,`name`])):u(`v-if`,!0)],10,y)]),_:3},8,[`orientation`,`dir`,`loop`]))}});export{b as default};
+import{isFormControl as e,transformPropsToContext as t}from"../../shared/vue.js";import"../../shared/index.js";import{useControllableState as n}from"../../composables/use-controllable-state.js";import"../../composables/index.js";import r from"../visually-hidden/visually-hidden-input.js";import"../visually-hidden/index.js";import i from"../roving-focus/roving-focus-group.js";import"../roving-focus/index.js";import{provideRadioGroupRootContext as a,useRadioGroupUi as o}from"./context.js";import{computed as s,createBlock as c,createCommentVNode as l,createElementVNode as u,defineComponent as d,normalizeClass as f,openBlock as p,renderSlot as m,unref as h,useTemplateRef as g,withCtx as _}from"vue";const v=[`data-disabled`,`aria-orientation`,`aria-required`],y=d({name:`RadioGroupRoot`,__name:`radio-group-root`,props:{modelValue:{default:void 0},defaultValue:{},disabled:{type:Boolean,default:!1},orientation:{default:void 0},dir:{},loop:{type:Boolean,default:!0},name:{},required:{type:Boolean,default:!1}},emits:[`update:modelValue`],setup(d,{emit:y}){let b=d,x=y,S=o(`root`),C=g(`rootElement`),w=n(()=>b.modelValue,e=>{x(`update:modelValue`,e)},b.defaultValue??null),T=s(()=>e(C.value));return a({...t(b,[`disabled`,`orientation`,`dir`,`loop`,`name`,`required`]),modelValue:w}),(e,t)=>(p(),c(h(i),{"as-child":``,orientation:d.orientation,dir:d.dir,loop:d.loop},{default:_(()=>[u(`div`,{ref_key:`rootElement`,ref:C,"data-soybean-radio-group-root":``,class:f(h(S)),role:`radiogroup`,"data-disabled":d.disabled?``:void 0,"aria-orientation":d.orientation,"aria-required":d.required},[m(e.$slots,`default`,{modelValue:h(w)}),T.value&&d.name?(p(),c(h(r),{key:0,required:d.required,disabled:d.disabled,value:h(w),name:d.name},null,8,[`required`,`disabled`,`value`,`name`])):l(`v-if`,!0)],10,v)]),_:3},8,[`orientation`,`dir`,`loop`]))}});export{y as default};

package/dist/components/radio-group/radio-group-root.vue.d.ts

@@ -5,7 +5,7 @@ import * as _$vue from "vue";
 //#region src/components/radio-group/radio-group-root.vue.d.ts
 declare const __VLS_export: <T extends AcceptableBooleanValue>(__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<RadioGroupRootProps<T> & {
-    "onUpdate:modelValue"?: ((payload: NonNullable<T>) => any) | undefined;
+    "onUpdate:modelValue"?: ((payload: Exclude<T, undefined>) => any) | undefined;
   }> & (typeof globalThis extends {
     __VLS_PROPS_FALLBACK: infer P;
   } ? P : {});
@@ -13,10 +13,10 @@ declare const __VLS_export: <T extends AcceptableBooleanValue>(__VLS_props: NonN
   attrs: any;
   slots: {
     default?: (props: {
-      modelValue: T | undefined;
+      modelValue: (T | undefined) & Exclude<T, undefined>;
     }) => any;
   };
-  emit: (evt: "update:modelValue", payload: NonNullable<T>) => void;
+  emit: (evt: "update:modelValue", payload: Exclude<T, undefined>) => void;
 }>) => _$vue.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };

package/dist/components/radio-group/types.d.ts

@@ -1,14 +1,16 @@
 import { AcceptableBooleanValue, DataOrientation, Direction, UiClass } from "../../types/common.js";
 import { ForceMountProps, FormFieldCommonProps } from "../../types/component.js";
-import { PrimitiveProps } from "../primitive/types.js";
+import { BaseProps } from "../../types/vue.js";
+import { PrimitiveWithBaseProps } from "../primitive/types.js";
+import { ButtonProps } from "../button/types.js";
 import { LabelProps } from "../label/types.js";
-import { ButtonHTMLAttributes, ComputedRef, HTMLAttributes, ShallowRef } from "vue";
+import { ComputedRef, ShallowRef } from "vue";
 
 //#region src/components/radio-group/types.d.ts
 /**
  * Properties for the RadioGroupRoot component.
  */
-interface RadioGroupRootProps<T extends AcceptableBooleanValue = AcceptableBooleanValue> extends FormFieldCommonProps, /** @vue-ignore */HTMLAttributes {
+interface RadioGroupRootProps<T extends AcceptableBooleanValue = AcceptableBooleanValue> extends FormFieldCommonProps, BaseProps {
   /** The controlled value of the radio item to check. Can be bound as `v-model`. */
   modelValue?: T;
   /**
@@ -29,12 +31,12 @@ interface RadioGroupRootProps<T extends AcceptableBooleanValue = AcceptableBoole
  * Events for the RadioGroupRoot component.
  */
 type RadioGroupRootEmits<T extends AcceptableBooleanValue = AcceptableBooleanValue> = {
-  /** Event handler called when the radio group value changes */'update:modelValue': [payload: NonNullable<T>];
+  /** Event handler called when the radio group value changes */'update:modelValue': [payload: Exclude<T, undefined>];
 };
 /**
  * Properties for the RadioGroupItem component.
  */
-interface RadioGroupItemProps extends FormFieldCommonProps, /** @vue-ignore */HTMLAttributes {
+interface RadioGroupItemProps extends FormFieldCommonProps, BaseProps {
   /** The value given as data when submitted with a `name`. */
   value: NonNullable<AcceptableBooleanValue>;
   /** When `true`, prevents the user from interacting with the radio item. */
@@ -62,14 +64,14 @@ type RadioGroupItemEmits = {
 /**
  * Properties for the RadioGroupControl component.
  */
-interface RadioGroupControlProps extends /** @vue-ignore */ButtonHTMLAttributes {
+interface RadioGroupControlProps extends ButtonProps {
   /** Id of the element */
   id?: string;
 }
 /**
  * Properties for the RadioGroupIndicator component.
  */
-interface RadioGroupIndicatorProps extends PrimitiveProps, ForceMountProps, /** @vue-ignore */HTMLAttributes {}
+interface RadioGroupIndicatorProps extends ForceMountProps, PrimitiveWithBaseProps {}
 /**
  * Option data for the RadioGroup component.
  */

package/dist/components/roving-focus/context.js

@@ -1 +1 @@
-import{isNullish as e}from"../../shared/guard.js";import{wrapArray as t}from"../../shared/object.js";import{isElementHasAttribute as n}from"../../shared/dom.js";import{getFocusIntent as r,tryFocusFirst as i}from"../../shared/focus.js";import"../../shared/index.js";import{useContext as a}from"../../composables/use-context.js";import{useCollection as o}from"../../composables/use-collection.js";import{useControllableState as s}from"../../composables/use-controllable-state.js";import"../../composables/index.js";import{useDirection as c}from"../config-provider/context.js";import{computed as l,nextTick as u,onBeforeUnmount as d,onMounted as f,shallowRef as p,useId as m}from"vue";const h={bubbles:!1,cancelable:!0},{provideCollectionContext:g,useCollectionContext:_,useCollectionItem:v}=o(`RovingFocusGroup`),[y,b]=a(`RovingFocusGroup`,e=>{let{onContainerElementChange:t,getOrderedItems:r,getOrderedElements:a}=g(),{loop:o,orientation:u,defaultCurrentTabStopId:d,preventScrollOnEntryFocus:f,onEntryFocus:m,onUpdateCurrentTabStopId:_}=e,v=c(e.dir),y=s(()=>e.currentTabStopId.value,_,d.value),b=e=>{y.value=e},x=p(!1),S=p(!1),C=()=>{x.value=!0},w=p(0);return{onContainerElementChange:t,loop:o,dir:v,orientation:u,currentTabStopId:y,onItemFocus:b,onItemShiftTab:C,onFocusableItemAdd:()=>{w.value++},onFocusableItemRemove:()=>{w.value--},rovingFocusGroupProps:l(()=>({tabindex:x.value||w.value===0?`-1`:`0`,"data-orientation":u.value,dir:v.value,"data-loop":o.value?``:void 0,style:`outline: none`})),rovingFocusGroupListeners:{mousedown:()=>{S.value=!0},mouseup:()=>{setTimeout(()=>{S.value=!1},1)},focus:e=>{let t=!S.value;if(!e.currentTarget||e.target!==e.currentTarget||!t||x.value){S.value=!1;return}let r=new CustomEvent(`rovingFocusGroup.onEntryFocus`,h);if(e.currentTarget.dispatchEvent(r),m?.(r),r.defaultPrevented)return;let o=a();i([o.find(e=>n(e,`active`)),o.find(e=>n(e,`highlighted`)),o.find(e=>e.id===y.value),...o].filter(Boolean),f.value)},blur:()=>{x.value=!1}},getOrderedItems:r}});function x(n={}){let{getOrderedElements:a}=_(`RovingFocusItem`),{setItemElement:o,itemProps:s}=v(n.itemData),{currentTabStopId:c,orientation:p,dir:h,loop:g,onItemFocus:y,onItemShiftTab:x,onFocusableItemAdd:S,onFocusableItemRemove:C}=b(`RovingFocusItem`),{active:w,allowShiftKey:T}=n,E=l(()=>n.tabStopId?.value??m()),D=l(()=>n.focusable?.value??!0),O=l(()=>c.value===E.value),k=n=>{if(n.key===`Tab`&&n.shiftKey){x();return}if(n.target!==n.currentTarget)return;let o=r(n,p.value,h.value);if(e(o)||n.metaKey||n.ctrlKey||n.altKey||!T?.value&&n.shiftKey)return;n.preventDefault();let s=a();if(o===`last`&&s.reverse(),o===`prev`||o===`next`){o===`prev`&&s.reverse();let e=s.indexOf(n.currentTarget);s=g.value?t(s,e+1):s.slice(e+1)}u(()=>{i(s)})},A=l(()=>({...s,tabindex:O.value?`0`:`-1`,"data-orientation":p.value,"data-active":w?.value?``:void 0,"data-disabled":D.value?void 0:``})),j={mousedown:e=>{D.value?y(E.value):e.preventDefault()},focus:()=>{y(E.value)},keydown:k};return f(()=>{S()}),d(()=>{C()}),{setItemElement:o,rovingFocusItemProps:A,rovingFocusItemListeners:j}}export{y as provideRovingFocusGroupContext,v as useCollectionItem,x as useRovingFocusItem};
+import{isNullish as e}from"../../shared/guard.js";import{wrapArray as t}from"../../shared/object.js";import{isElementHasAttribute as n}from"../../shared/dom.js";import{getFocusIntent as r,tryFocusFirst as i}from"../../shared/focus.js";import{useContext as a}from"../../composables/use-context.js";import{useDirection as o}from"../config-provider/context.js";import"../../shared/index.js";import{useCollection as s}from"../../composables/use-collection.js";import{useControllableState as c}from"../../composables/use-controllable-state.js";import"../../composables/index.js";import{computed as l,nextTick as u,onBeforeUnmount as d,onMounted as f,shallowRef as p,useId as m}from"vue";const h={bubbles:!1,cancelable:!0},{provideCollectionContext:g,useCollectionContext:_,useCollectionItem:v}=s(`RovingFocusGroup`),[y,b]=a(`RovingFocusGroup`,e=>{let{onContainerElementChange:t,getOrderedItems:r,getOrderedElements:a}=g(),{loop:s,orientation:u,defaultCurrentTabStopId:d,preventScrollOnEntryFocus:f,onEntryFocus:m,onUpdateCurrentTabStopId:_}=e,v=o(e.dir),y=c(()=>e.currentTabStopId.value,_,d.value??``),b=e=>{y.value=e},x=p(!1),S=p(!1),C=()=>{x.value=!0},w=p(0);return{onContainerElementChange:t,loop:s,dir:v,orientation:u,currentTabStopId:y,onItemFocus:b,onItemShiftTab:C,onFocusableItemAdd:()=>{w.value++},onFocusableItemRemove:()=>{w.value--},rovingFocusGroupProps:l(()=>({tabindex:x.value||w.value===0?`-1`:`0`,"data-orientation":u.value,dir:v.value,"data-loop":s.value?``:void 0,style:`outline: none`})),rovingFocusGroupListeners:{mousedown:()=>{S.value=!0},mouseup:()=>{setTimeout(()=>{S.value=!1},1)},focus:e=>{let t=!S.value;if(!e.currentTarget||e.target!==e.currentTarget||!t||x.value){S.value=!1;return}let r=new CustomEvent(`rovingFocusGroup.onEntryFocus`,h);if(e.currentTarget.dispatchEvent(r),m?.(r),r.defaultPrevented)return;let o=a();i([o.find(e=>n(e,`active`)),o.find(e=>n(e,`highlighted`)),o.find(e=>e.id===y.value),...o].filter(Boolean),f.value)},blur:()=>{x.value=!1}},getOrderedItems:r}});function x(n={}){let{getOrderedElements:a}=_(`RovingFocusItem`),{setItemElement:o}=v(n.itemData),{currentTabStopId:s,orientation:c,dir:p,loop:h,onItemFocus:g,onItemShiftTab:y,onFocusableItemAdd:x,onFocusableItemRemove:S}=b(`RovingFocusItem`),{active:C,allowShiftKey:w}=n,T=l(()=>n.tabStopId?.value??m()),E=l(()=>n.focusable?.value??!0),D=l(()=>s.value===T.value),O=n=>{if(n.key===`Tab`&&n.shiftKey){y();return}if(n.target!==n.currentTarget)return;let o=r(n,c.value,p.value);if(e(o)||n.metaKey||n.ctrlKey||n.altKey||!w?.value&&n.shiftKey)return;n.preventDefault();let s=a();if(o===`last`&&s.reverse(),o===`prev`||o===`next`){o===`prev`&&s.reverse();let e=s.indexOf(n.currentTarget);s=h.value?t(s,e+1):s.slice(e+1)}u(()=>{i(s)})},k=l(()=>({tabindex:D.value?`0`:`-1`,"data-soybean-collection-item":``,"data-orientation":c.value,"data-active":C?.value?``:void 0,"data-disabled":E.value?void 0:``})),A={mousedown:e=>{E.value?g(T.value):e.preventDefault()},focus:()=>{g(T.value)},keydown:O};return f(()=>{x()}),d(()=>{S()}),{setItemElement:o,rovingFocusItemProps:k,rovingFocusItemListeners:A}}export{y as provideRovingFocusGroupContext,v as useCollectionItem,x as useRovingFocusItem};

package/dist/components/roving-focus/roving-focus-group.js

@@ -1 +1 @@
-import{transformPropsToContext as e}from"../../shared/vue.js";import"../../shared/index.js";import{useForwardElement as t}from"../../composables/use-forward-element.js";import"../../composables/index.js";import{Primitive as n}from"../primitive/primitive.js";import"../primitive/index.js";import{provideRovingFocusGroupContext as r}from"./context.js";import{createBlock as i,defineComponent as a,mergeProps as o,openBlock as s,renderSlot as c,toHandlers as l,unref as u,withCtx as d}from"vue";const f=a({name:`RovingFocusGroup`,__name:`roving-focus-group`,props:{orientation:{default:void 0},dir:{},loop:{type:Boolean,default:!1},currentTabStopId:{},defaultCurrentTabStopId:{},preventScrollOnEntryFocus:{type:Boolean,default:!1},asChild:{type:Boolean},as:{}},emits:[`entryFocus`,`update:currentTabStopId`],setup(a,{expose:f,emit:p}){let m=a,h=p,{onContainerElementChange:g,rovingFocusGroupProps:_,rovingFocusGroupListeners:v,getOrderedItems:y}=r({...e(m,[`loop`,`orientation`,`dir`,`currentTabStopId`,`defaultCurrentTabStopId`,`preventScrollOnEntryFocus`]),onUpdateCurrentTabStopId:e=>{h(`update:currentTabStopId`,e)},onEntryFocus:e=>{h(`entryFocus`,e)}}),[b,x]=t(g);return f({getItems:y}),(e,t)=>(s(),i(u(n),o(u(_),{ref:u(x),as:a.as,"as-child":a.asChild},l(u(v))),{default:d(()=>[c(e.$slots,`default`)]),_:3},16,[`as`,`as-child`]))}});export{f as default};
+import{transformPropsToContext as e}from"../../shared/vue.js";import"../../shared/index.js";import{useForwardElement as t}from"../../composables/use-forward-element.js";import"../../composables/index.js";import{Primitive as n}from"../primitive/primitive.js";import"../primitive/index.js";import{provideRovingFocusGroupContext as r}from"./context.js";import{createBlock as i,defineComponent as a,mergeProps as o,openBlock as s,renderSlot as c,toHandlers as l,unref as u,withCtx as d}from"vue";const f=a({name:`RovingFocusGroup`,__name:`roving-focus-group`,props:{orientation:{default:void 0},dir:{},loop:{type:Boolean,default:!1},currentTabStopId:{},defaultCurrentTabStopId:{},preventScrollOnEntryFocus:{type:Boolean,default:!1},asChild:{type:Boolean},as:{}},emits:[`entryFocus`,`update:currentTabStopId`],setup(a,{expose:f,emit:p}){let m=a,h=p,{onContainerElementChange:g,rovingFocusGroupProps:_,rovingFocusGroupListeners:v,getOrderedItems:y}=r({...e(m,[`loop`,`orientation`,`dir`,`currentTabStopId`,`defaultCurrentTabStopId`,`preventScrollOnEntryFocus`]),onUpdateCurrentTabStopId:e=>{h(`update:currentTabStopId`,e)},onEntryFocus:e=>{h(`entryFocus`,e)}}),[b,x]=t(g);return f({getItems:y}),(e,t)=>(s(),i(u(n),o(u(_),{ref:u(x),as:a.as,"as-child":a.asChild,"data-soybean-roving-focus-group":``},l(u(v))),{default:d(()=>[c(e.$slots,`default`)]),_:3},16,[`as`,`as-child`]))}});export{f as default};

package/dist/components/roving-focus/roving-focus-group.vue.d.ts

@@ -18,8 +18,8 @@ declare const __VLS_base: _$vue.DefineComponent<RovingFocusGroupProps, {
   "onUpdate:currentTabStopId"?: ((value: string | null | undefined) => any) | undefined;
 }>, {
   orientation: DataOrientation;
-  preventScrollOnEntryFocus: boolean;
   loop: boolean;
+  preventScrollOnEntryFocus: boolean;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/components/roving-focus/roving-focus-item.js

@@ -1 +1 @@
-import{transformPropsToContext as e}from"../../shared/vue.js";import"../../shared/index.js";import{Primitive as t}from"../primitive/primitive.js";import"../primitive/index.js";import{useRovingFocusItem as n}from"./context.js";import{createBlock as r,defineComponent as i,mergeProps as a,openBlock as o,renderSlot as s,toHandlers as c,unref as l,withCtx as u}from"vue";const d=i({name:`RovingFocusItem`,__name:`roving-focus-item`,props:{tabStopId:{},focusable:{type:Boolean,default:!0},active:{type:Boolean},allowShiftKey:{type:Boolean},itemData:{},asChild:{type:Boolean},as:{}},setup(i){let{setItemElement:d,rovingFocusItemProps:f,rovingFocusItemListeners:p}=n(e(i,[`tabStopId`,`focusable`,`active`,`allowShiftKey`,`itemData`]));return(e,n)=>(o(),r(l(t),a(l(f),{ref:l(d),as:i.as,"as-child":i.asChild},c(l(p))),{default:u(()=>[s(e.$slots,`default`)]),_:3},16,[`as`,`as-child`]))}});export{d as default};
+import{transformPropsToContext as e}from"../../shared/vue.js";import"../../shared/index.js";import{Primitive as t}from"../primitive/primitive.js";import"../primitive/index.js";import{useRovingFocusItem as n}from"./context.js";import{createBlock as r,defineComponent as i,mergeProps as a,openBlock as o,renderSlot as s,toHandlers as c,unref as l,withCtx as u}from"vue";const d=i({name:`RovingFocusItem`,__name:`roving-focus-item`,props:{tabStopId:{},focusable:{type:Boolean,default:!0},active:{type:Boolean},allowShiftKey:{type:Boolean},itemData:{},asChild:{type:Boolean},as:{}},setup(i){let{setItemElement:d,rovingFocusItemProps:f,rovingFocusItemListeners:p}=n(e(i,[`tabStopId`,`focusable`,`active`,`allowShiftKey`,`itemData`]));return(e,n)=>(o(),r(l(t),a(l(f),{ref:l(d),as:i.as,"as-child":i.asChild,"data-soybean-roving-focus-item":``},c(l(p))),{default:u(()=>[s(e.$slots,`default`)]),_:3},16,[`as`,`as-child`]))}});export{d as default};

package/dist/components/roving-focus/types.d.ts

@@ -1,12 +1,11 @@
 import { DataOrientation, Direction } from "../../types/common.js";
-import { PrimitiveProps } from "../primitive/types.js";
-import { HTMLAttributes } from "vue";
+import { PrimitiveWithBaseProps } from "../primitive/types.js";
 
 //#region src/components/roving-focus/types.d.ts
 /**
  * Properties for the RovingFocusGroup component.
  */
-interface RovingFocusGroupProps extends PrimitiveProps, /** @vue-ignore */HTMLAttributes {
+interface RovingFocusGroupProps extends PrimitiveWithBaseProps {
   /** The orientation of the group. Mainly so arrow navigation is done accordingly (left & right vs. up & down) */
   orientation?: DataOrientation;
   /** The direction of navigation between items. */
@@ -44,7 +43,7 @@ type RovingFocusGroupEmits = {
 /**
  * Properties for the RovingFocusItem component.
  */
-interface RovingFocusItemProps extends PrimitiveProps, /** @vue-ignore */HTMLAttributes {
+interface RovingFocusItemProps extends PrimitiveWithBaseProps {
   /**
    * Tab stop id.
    */

package/dist/components/scroll-area/index.d.ts

@@ -1,8 +1,9 @@
-import { ScrollAreaCornerProps, ScrollAreaOrientation, ScrollAreaRootEmits, ScrollAreaRootProps, ScrollAreaScrollbarProps, ScrollAreaState, ScrollAreaThumbProps, ScrollAreaType, ScrollAreaUi, ScrollAreaUiSlot, ScrollAreaViewportProps } from "./types.js";
-import { _default as _default$1 } from "./scroll-area-root.vue.js";
-import { _default as _default$4 } from "./scroll-area-viewport.vue.js";
-import { _default as _default$2 } from "./scroll-area-scrollbar.vue.js";
-import { _default as _default$3 } from "./scroll-area-thumb.vue.js";
-import { _default } from "./scroll-area-corner.vue.js";
+import { ScrollAreaCompactEmits, ScrollAreaCompactProps, ScrollAreaCompactSlots, ScrollAreaCornerProps, ScrollAreaOrientation, ScrollAreaRootEmits, ScrollAreaRootProps, ScrollAreaScrollbarProps, ScrollAreaState, ScrollAreaThumbProps, ScrollAreaType, ScrollAreaUi, ScrollAreaUiSlot, ScrollAreaViewportProps } from "./types.js";
+import { _default as _default$2 } from "./scroll-area-root.vue.js";
+import { _default as _default$5 } from "./scroll-area-viewport.vue.js";
+import { _default as _default$3 } from "./scroll-area-scrollbar.vue.js";
+import { _default as _default$4 } from "./scroll-area-thumb.vue.js";
+import { _default as _default$1 } from "./scroll-area-corner.vue.js";
+import { _default } from "./scroll-area-compact.vue.js";
 import { provideScrollAreaUi } from "./context.js";
-export { _default as ScrollAreaCorner, type ScrollAreaCornerProps, type ScrollAreaOrientation, _default$1 as ScrollAreaRoot, type ScrollAreaRootEmits, type ScrollAreaRootProps, _default$2 as ScrollAreaScrollbar, type ScrollAreaScrollbarProps, type ScrollAreaState, _default$3 as ScrollAreaThumb, type ScrollAreaThumbProps, type ScrollAreaType, type ScrollAreaUi, type ScrollAreaUiSlot, _default$4 as ScrollAreaViewport, type ScrollAreaViewportProps, provideScrollAreaUi };
+export { _default as ScrollAreaCompact, type ScrollAreaCompactEmits, type ScrollAreaCompactProps, type ScrollAreaCompactSlots, _default$1 as ScrollAreaCorner, type ScrollAreaCornerProps, type ScrollAreaOrientation, _default$2 as ScrollAreaRoot, type ScrollAreaRootEmits, type ScrollAreaRootProps, _default$3 as ScrollAreaScrollbar, type ScrollAreaScrollbarProps, type ScrollAreaState, _default$4 as ScrollAreaThumb, type ScrollAreaThumbProps, type ScrollAreaType, type ScrollAreaUi, type ScrollAreaUiSlot, _default$5 as ScrollAreaViewport, type ScrollAreaViewportProps, provideScrollAreaUi };

package/dist/components/scroll-area/index.js

@@ -1 +1 @@
-import{provideScrollAreaUi as e}from"./context.js";import t from"./scroll-area-root.js";import n from"./scroll-area-viewport.js";import r from"./scroll-area-scrollbar.js";import i from"./scroll-area-thumb.js";import a from"./scroll-area-corner.js";export{a as ScrollAreaCorner,t as ScrollAreaRoot,r as ScrollAreaScrollbar,i as ScrollAreaThumb,n as ScrollAreaViewport,e as provideScrollAreaUi};
+import{provideScrollAreaUi as e}from"./context.js";import t from"./scroll-area-root.js";import n from"./scroll-area-viewport.js";import r from"./scroll-area-scrollbar.js";import i from"./scroll-area-thumb.js";import a from"./scroll-area-corner.js";import o from"./scroll-area-compact.js";export{o as ScrollAreaCompact,a as ScrollAreaCorner,t as ScrollAreaRoot,r as ScrollAreaScrollbar,i as ScrollAreaThumb,n as ScrollAreaViewport,e as provideScrollAreaUi};

package/dist/components/scroll-area/scroll-area-compact.js

@@ -0,0 +1 @@
+import{useOmitProps as e}from"../../composables/use-props.js";import"../../composables/index.js";import t from"./scroll-area-root.js";import n from"./scroll-area-viewport.js";import r from"./scroll-area-scrollbar.js";import i from"./scroll-area-thumb.js";import a from"./scroll-area-corner.js";import{createBlock as o,createVNode as s,defineComponent as c,guardReactiveProps as l,mergeProps as u,normalizeProps as d,openBlock as f,renderSlot as p,unref as m,withCtx as h}from"vue";const g=c({name:`ScrollAreaCompact`,__name:`scroll-area-compact`,props:{viewportProps:{},verticalScrollbarProps:{},horizontalScrollbarProps:{},thumbProps:{},cornerProps:{},type:{},dir:{},scrollHideDelay:{},asChild:{type:Boolean},as:{}},setup(c){let g=e(c,[`viewportProps`,`verticalScrollbarProps`,`horizontalScrollbarProps`,`thumbProps`,`cornerProps`]);return(e,_)=>(f(),o(t,d(l(m(g))),{default:h(()=>[s(n,d(l(c.viewportProps)),{default:h(()=>[p(e.$slots,`default`)]),_:3},16),s(r,u({orientation:`vertical`},c.verticalScrollbarProps),{default:h(()=>[s(i,d(l(c.thumbProps)),null,16)]),_:1},16),s(r,u({orientation:`horizontal`},c.horizontalScrollbarProps),{default:h(()=>[s(i,d(l(c.thumbProps)),null,16)]),_:1},16),s(a,d(l(c.cornerProps)),null,16)]),_:3},16))}});export{g as default};

package/dist/components/scroll-area/scroll-area-compact.vue.d.ts

@@ -0,0 +1,15 @@
+import { ScrollAreaCompactProps, ScrollAreaCompactSlots } from "./types.js";
+import * as _$vue from "vue";
+
+//#region src/components/scroll-area/scroll-area-compact.vue.d.ts
+type __VLS_Slots = ScrollAreaCompactSlots;
+declare const __VLS_base: _$vue.DefineComponent<ScrollAreaCompactProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<ScrollAreaCompactProps> & Readonly<{}>, {}, {}, {}, {}, 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 & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default };

package/dist/components/scroll-area/scroll-area-corner.js

@@ -1 +1 @@
-import{useOmitProps as e}from"../../composables/use-props.js";import"../../composables/index.js";import{Primitive as t}from"../primitive/primitive.js";import"../primitive/index.js";import{useScrollAreaRootContext as n,useScrollAreaUi as r}from"./context.js";import{computed as i,createBlock as a,createCommentVNode as o,defineComponent as s,mergeProps as c,openBlock as l,renderSlot as u,unref as d,useAttrs as f,withCtx as p}from"vue";const m=s({name:`ScrollAreaCorner`,inheritAttrs:!1,__name:`scroll-area-corner`,props:{asChild:{type:Boolean},as:{default:`div`}},setup(s){let m=e(s,[],f()),h=r(`corner`),{scrollbarXSize:g,scrollbarYSize:_,scrollbarXVisible:v,scrollbarYVisible:y}=n(`ScrollAreaCorner`),b=i(()=>v.value&&y.value),x=i(()=>({width:`${_.value}px`,height:`${g.value}px`}));return(e,n)=>b.value?(l(),a(d(t),c({key:0},d(m),{as:s.as,"as-child":s.asChild,class:d(h),"aria-hidden":!0,style:x.value}),{default:p(()=>[u(e.$slots,`default`)]),_:3},16,[`as`,`as-child`,`class`,`style`])):o(`v-if`,!0)}});export{m as default};
+import{useOmitProps as e}from"../../composables/use-props.js";import"../../composables/index.js";import{Primitive as t}from"../primitive/primitive.js";import"../primitive/index.js";import{useScrollAreaRootContext as n,useScrollAreaUi as r}from"./context.js";import{computed as i,createBlock as a,createCommentVNode as o,defineComponent as s,mergeProps as c,openBlock as l,renderSlot as u,unref as d,useAttrs as f,withCtx as p}from"vue";const m=s({name:`ScrollAreaCorner`,inheritAttrs:!1,__name:`scroll-area-corner`,props:{asChild:{type:Boolean},as:{}},setup(s){let m=e(s,[],f()),h=r(`corner`),{scrollbarXSize:g,scrollbarYSize:_,scrollbarXVisible:v,scrollbarYVisible:y}=n(`ScrollAreaCorner`),b=i(()=>v.value&&y.value),x=i(()=>({width:`${_.value}px`,height:`${g.value}px`}));return(e,n)=>b.value?(l(),a(d(t),c({key:0},d(m),{as:s.as,"as-child":s.asChild,"data-soybean-scroll-area-corner":``,class:d(h),"aria-hidden":!0,style:x.value}),{default:p(()=>[u(e.$slots,`default`)]),_:3},16,[`as`,`as-child`,`class`,`style`])):o(`v-if`,!0)}});export{m as default};

package/dist/components/scroll-area/scroll-area-corner.vue.d.ts

@@ -1,4 +1,3 @@
-import { AsTag } from "../primitive/types.js";
 import { ScrollAreaCornerProps } from "./types.js";
 import * as _$vue from "vue";
 
@@ -7,9 +6,7 @@ declare var __VLS_8: {};
 type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_8) => any;
 };
-declare const __VLS_base: _$vue.DefineComponent<ScrollAreaCornerProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<ScrollAreaCornerProps> & Readonly<{}>, {
-  as: AsTag | _$vue.Component;
-}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: _$vue.DefineComponent<ScrollAreaCornerProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<ScrollAreaCornerProps> & Readonly<{}>, {}, {}, {}, {}, 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/scroll-area/scroll-area-root.js

@@ -1 +1 @@
-import{transformPropsToContext as e}from"../../shared/vue.js";import"../../shared/index.js";import{useExposedElement as t}from"../../composables/use-exposed-element.js";import{useOmitProps as n}from"../../composables/use-props.js";import"../../composables/index.js";import{useDirection as r}from"../config-provider/context.js";import{Primitive as i}from"../primitive/primitive.js";import"../primitive/index.js";import{provideScrollAreaRootContext as a,useScrollAreaUi as o}from"./context.js";import{createBlock as s,defineComponent as c,mergeProps as l,openBlock as u,renderSlot as d,shallowRef as f,unref as p,useAttrs as m,withCtx as h}from"vue";const g=c({name:`ScrollAreaRoot`,inheritAttrs:!1,__name:`scroll-area-root`,props:{type:{default:`hover`},dir:{},scrollHideDelay:{default:600},asChild:{type:Boolean},as:{default:`div`}},setup(c){let g=c,_=n(g,[`dir`,`scrollHideDelay`,`type`],m()),v=o(`root`),y=r(()=>g.dir),[b,x]=t(),S=f(!1),C=f(),w=f(),T=f(!1),E=f(!1),D=f(!1),O=f(!1),k=f(0),A=f(0);function j(e,t){if(e===`horizontal`){T.value=t;return}E.value=t}function M(e,t){if(e===`horizontal`){D.value=t;return}O.value=t}function N(e,t){if(e===`horizontal`){k.value=t;return}A.value=t}return a({dir:y,isHovering:S,rootElement:b,viewportElement:C,contentElement:w,scrollbarXEnabled:T,scrollbarYEnabled:E,scrollbarXVisible:D,scrollbarYVisible:O,scrollbarXSize:k,scrollbarYSize:A,onViewportChange:e=>{C.value=e},onContentChange:e=>{w.value=e},onScrollbarEnabledChange:j,onScrollbarVisibleChange:M,onScrollbarSizeChange:N,...e(g,[`scrollHideDelay`,`type`])}),(e,t)=>(u(),s(p(i),l(p(_),{ref:p(x),as:c.as,"as-child":c.asChild,class:p(v),dir:p(y),onPointerenter:t[0]||(t[0]=e=>S.value=!0),onPointerleave:t[1]||(t[1]=e=>S.value=!1)}),{default:h(()=>[d(e.$slots,`default`)]),_:3},16,[`as`,`as-child`,`class`,`dir`]))}});export{g as default};
+import{transformPropsToContext as e}from"../../shared/vue.js";import{useDirection as t}from"../config-provider/context.js";import"../../shared/index.js";import{useExposedElement as n}from"../../composables/use-exposed-element.js";import{useOmitProps as r}from"../../composables/use-props.js";import"../../composables/index.js";import{Primitive as i}from"../primitive/primitive.js";import"../primitive/index.js";import{provideScrollAreaRootContext as a,useScrollAreaUi as o}from"./context.js";import{createBlock as s,defineComponent as c,mergeProps as l,openBlock as u,renderSlot as d,shallowRef as f,unref as p,useAttrs as m,withCtx as h}from"vue";const g=c({name:`ScrollAreaRoot`,inheritAttrs:!1,__name:`scroll-area-root`,props:{type:{default:`hover`},dir:{},scrollHideDelay:{default:600},asChild:{type:Boolean},as:{}},setup(c){let g=c,_=r(g,[`dir`,`scrollHideDelay`,`type`],m()),v=o(`root`),y=t(()=>g.dir),[b,x]=n(),S=f(!1),C=f(),w=f(),T=f(!1),E=f(!1),D=f(!1),O=f(!1),k=f(0),A=f(0);function j(e,t){if(e===`horizontal`){T.value=t;return}E.value=t}function M(e,t){if(e===`horizontal`){D.value=t;return}O.value=t}function N(e,t){if(e===`horizontal`){k.value=t;return}A.value=t}return a({dir:y,isHovering:S,rootElement:b,viewportElement:C,contentElement:w,scrollbarXEnabled:T,scrollbarYEnabled:E,scrollbarXVisible:D,scrollbarYVisible:O,scrollbarXSize:k,scrollbarYSize:A,onViewportChange:e=>{C.value=e},onContentChange:e=>{w.value=e},onScrollbarEnabledChange:j,onScrollbarVisibleChange:M,onScrollbarSizeChange:N,...e(g,[`scrollHideDelay`,`type`])}),(e,t)=>(u(),s(p(i),l(p(_),{ref:p(x),as:c.as,"as-child":c.asChild,"data-soybean-scroll-area-root":``,class:p(v),dir:p(y),onPointerenter:t[0]||(t[0]=e=>S.value=!0),onPointerleave:t[1]||(t[1]=e=>S.value=!1)}),{default:h(()=>[d(e.$slots,`default`)]),_:3},16,[`as`,`as-child`,`class`,`dir`]))}});export{g as default};

package/dist/components/scroll-area/scroll-area-root.vue.d.ts

@@ -1,4 +1,3 @@
-import { AsTag } from "../primitive/types.js";
 import { ScrollAreaRootProps, ScrollAreaType } from "./types.js";
 import * as _$vue from "vue";
 
@@ -9,7 +8,6 @@ type __VLS_Slots = {} & {
 };
 declare const __VLS_base: _$vue.DefineComponent<ScrollAreaRootProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<ScrollAreaRootProps> & Readonly<{}>, {
   type: ScrollAreaType;
-  as: AsTag | _$vue.Component;
   scrollHideDelay: number;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/components/scroll-area/scroll-area-scrollbar.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{Primitive as n}from"../primitive/primitive.js";import"../primitive/index.js";import{provideScrollAreaScrollbarContext as r,useScrollAreaRootContext as ee,useScrollAreaUi as te}from"./context.js";import{clamp as i,getScrollPosition as a,getScrollSize as ne,getThumbOffset as re,getThumbSize as ie,setViewportScroll as o}from"./shared.js";import{computed as s,createBlock as ae,defineComponent as c,mergeProps as oe,onUnmounted as se,openBlock as l,renderSlot as ce,shallowRef as u,unref as d,useAttrs as f,watch as p,withCtx as le}from"vue";import{useResizeObserver as m}from"@vueuse/core";const h=c({name:`ScrollAreaScrollbar`,inheritAttrs:!1,__name:`scroll-area-scrollbar`,props:{orientation:{default:`vertical`},asChild:{type:Boolean},as:{default:`div`}},setup(c){let h=c,ue=t(h,[`orientation`],f()),{contentElement:g,dir:_,isHovering:v,onScrollbarEnabledChange:de,onScrollbarSizeChange:fe,onScrollbarVisibleChange:y,scrollHideDelay:b,type:x,viewportElement:S}=ee(`ScrollAreaScrollbar`),pe=te(`scrollbar`),[C,me]=e(),w=u(!1),T=u(!1),E=u(!1),D=u(0),O=u(0),k=u(0),A=u(0),j=u(0),M=u([]),N,P=s(()=>h.orientation),F=s(()=>Math.max(k.value-O.value,0)),I=s(()=>F.value>0&&A.value>0),L=s(()=>ie(O.value,k.value,A.value)),R=s(()=>Math.max(A.value-L.value,0)),z=s(()=>re(D.value,F.value,R.value,P.value,_.value)),B=s(()=>{if(!I.value)return!1;switch(x.value){case`always`:case`auto`:return!0;case`hover`:return v.value||T.value;case`scroll`:return w.value||T.value;case`glimpse`:return E.value||T.value;default:return!1}}),V=s(()=>B.value?`visible`:`hidden`),he=s(()=>P.value===`horizontal`?{width:`${L.value}px`,transform:`translate3d(${z.value}px, 0, 0)`}:{height:`${L.value}px`,transform:`translate3d(0, ${z.value}px, 0)`});function H(){N&&(clearTimeout(N),N=void 0)}function U(e){H(),N=setTimeout(()=>{if(e===`scroll`){w.value=!1;return}E.value=!1},b.value)}function W(){let e=S.value,t=g.value,n=C.value;if(!e||!t||!n)return;let r=ne(e,t,P.value);O.value=r.viewportSize,k.value=r.contentSize,A.value=P.value===`horizontal`?n.clientWidth:n.clientHeight,D.value=a(e,P.value,_.value),fe(P.value,A.value)}function G(){if(x.value===`scroll`){w.value=!0,U(`scroll`);return}x.value===`glimpse`&&(E.value=!0,U(`glimpse`))}function K(e){let t=S.value;if(!t||R.value<=0||F.value<=0)return;let n=i(e/R.value,0,1),r=(P.value===`horizontal`&&_.value===`rtl`?1-n:n)*F.value;o(t,P.value,r,_.value)}function q(e){return P.value===`horizontal`?e.clientX:e.clientY}function J(e){if(!T.value||!C.value)return;let t=C.value.getBoundingClientRect(),n=P.value===`horizontal`?t.left:t.top;K(q(e)-n-j.value)}function Y(){T.value=!1,window.removeEventListener(`pointermove`,J),window.removeEventListener(`pointerup`,X),window.removeEventListener(`pointercancel`,Z),G()}function X(){Y()}function Z(){Y()}function ge(e){if(!C.value||e.button!==0)return;let t=e.target;if(t instanceof HTMLElement&&t.closest(`[data-soybean-scroll-area-thumb]`))return;let n=C.value.getBoundingClientRect(),r=P.value===`horizontal`?n.left:n.top;K(q(e)-r-L.value/2),G()}function _e(e){if(e.button!==0)return;let t=e.currentTarget;if(!(t instanceof HTMLElement))return;let n=t.getBoundingClientRect();j.value=q(e)-(P.value===`horizontal`?n.left:n.top),T.value=!0,H(),window.addEventListener(`pointermove`,J),window.addEventListener(`pointerup`,X),window.addEventListener(`pointercancel`,Z)}function Q(){W(),G()}p(()=>S.value,(e,t)=>{t?.removeEventListener(`scroll`,Q),e&&(e.addEventListener(`scroll`,Q,{passive:!0}),W())},{immediate:!0}),p(B,e=>{y(P.value,e)},{immediate:!0}),p(()=>v.value,e=>{e&&x.value===`glimpse`&&G()}),m(s(()=>[S.value,g.value,C.value].filter(Boolean)),W),r({orientation:P,dataState:V,hasOverflow:I,thumbStyle:he,onThumbPointerDown:_e,onThumbPointerUp:X});function $(e,t){if(de(e,t),t){M.value.includes(e)||(M.value=[...M.value,e]);return}M.value=M.value.filter(t=>t!==e)}return p(()=>h.orientation,(e,t)=>{t&&t!==e&&$(t,!1),$(e,!0)},{immediate:!0}),se(()=>{H(),M.value.forEach(e=>$(e,!1)),y(P.value,!1),Y(),S.value?.removeEventListener(`scroll`,Q)}),(e,t)=>(l(),ae(d(n),oe(d(ue),{ref:d(me),as:c.as,"as-child":c.asChild,class:d(pe),"data-orientation":P.value,"data-state":V.value,"data-soybean-scroll-area-scrollbar":``,"aria-hidden":!0,onPointerdown:ge}),{default:le(()=>[ce(e.$slots,`default`)]),_:3},16,[`as`,`as-child`,`class`,`data-orientation`,`data-state`]))}});export{h 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{Primitive as n}from"../primitive/primitive.js";import"../primitive/index.js";import{provideScrollAreaScrollbarContext as r,useScrollAreaRootContext as ee,useScrollAreaUi as te}from"./context.js";import{clamp as i,getScrollPosition as a,getScrollSize as ne,getThumbOffset as re,getThumbSize as ie,setViewportScroll as o}from"./shared.js";import{computed as s,createBlock as ae,defineComponent as c,mergeProps as oe,onUnmounted as se,openBlock as l,renderSlot as ce,shallowRef as u,unref as d,useAttrs as f,watch as p,withCtx as le}from"vue";import{useResizeObserver as m}from"@vueuse/core";const h=c({name:`ScrollAreaScrollbar`,inheritAttrs:!1,__name:`scroll-area-scrollbar`,props:{orientation:{default:`vertical`},asChild:{type:Boolean},as:{}},setup(c){let h=c,ue=t(h,[`orientation`],f()),{contentElement:g,dir:_,isHovering:v,onScrollbarEnabledChange:de,onScrollbarSizeChange:fe,onScrollbarVisibleChange:y,scrollHideDelay:b,type:x,viewportElement:S}=ee(`ScrollAreaScrollbar`),pe=te(`scrollbar`),[C,me]=e(),w=u(!1),T=u(!1),E=u(!1),D=u(0),O=u(0),k=u(0),A=u(0),j=u(0),M=u([]),N,P=s(()=>h.orientation),F=s(()=>Math.max(k.value-O.value,0)),I=s(()=>F.value>0&&A.value>0),L=s(()=>ie(O.value,k.value,A.value)),R=s(()=>Math.max(A.value-L.value,0)),z=s(()=>re(D.value,F.value,R.value,P.value,_.value)),B=s(()=>{if(!I.value)return!1;switch(x.value){case`always`:case`auto`:return!0;case`hover`:return v.value||T.value;case`scroll`:return w.value||T.value;case`glimpse`:return E.value||T.value;default:return!1}}),V=s(()=>B.value?`visible`:`hidden`),he=s(()=>P.value===`horizontal`?{width:`${L.value}px`,transform:`translate3d(${z.value}px, 0, 0)`}:{height:`${L.value}px`,transform:`translate3d(0, ${z.value}px, 0)`});function H(){N&&(clearTimeout(N),N=void 0)}function U(e){H(),N=setTimeout(()=>{if(e===`scroll`){w.value=!1;return}E.value=!1},b.value)}function W(){let e=S.value,t=g.value,n=C.value;if(!e||!t||!n)return;let r=ne(e,t,P.value);O.value=r.viewportSize,k.value=r.contentSize,A.value=P.value===`horizontal`?n.clientWidth:n.clientHeight,D.value=a(e,P.value,_.value),fe(P.value,A.value)}function G(){if(x.value===`scroll`){w.value=!0,U(`scroll`);return}x.value===`glimpse`&&(E.value=!0,U(`glimpse`))}function K(e){let t=S.value;if(!t||R.value<=0||F.value<=0)return;let n=i(e/R.value,0,1),r=(P.value===`horizontal`&&_.value===`rtl`?1-n:n)*F.value;o(t,P.value,r,_.value)}function q(e){return P.value===`horizontal`?e.clientX:e.clientY}function J(e){if(!T.value||!C.value)return;let t=C.value.getBoundingClientRect(),n=P.value===`horizontal`?t.left:t.top;K(q(e)-n-j.value)}function Y(){T.value=!1,window.removeEventListener(`pointermove`,J),window.removeEventListener(`pointerup`,X),window.removeEventListener(`pointercancel`,Z),G()}function X(){Y()}function Z(){Y()}function ge(e){if(!C.value||e.button!==0)return;let t=e.target;if(t instanceof HTMLElement&&t.closest(`[data-soybean-scroll-area-thumb]`))return;let n=C.value.getBoundingClientRect(),r=P.value===`horizontal`?n.left:n.top;K(q(e)-r-L.value/2),G()}function _e(e){if(e.button!==0)return;let t=e.currentTarget;if(!(t instanceof HTMLElement))return;let n=t.getBoundingClientRect();j.value=q(e)-(P.value===`horizontal`?n.left:n.top),T.value=!0,H(),window.addEventListener(`pointermove`,J),window.addEventListener(`pointerup`,X),window.addEventListener(`pointercancel`,Z)}function Q(){W(),G()}p(()=>S.value,(e,t)=>{t?.removeEventListener(`scroll`,Q),e&&(e.addEventListener(`scroll`,Q,{passive:!0}),W())},{immediate:!0}),p(B,e=>{y(P.value,e)},{immediate:!0}),p(()=>v.value,e=>{e&&x.value===`glimpse`&&G()}),m(s(()=>[S.value,g.value,C.value].filter(Boolean)),W),r({orientation:P,dataState:V,hasOverflow:I,thumbStyle:he,onThumbPointerDown:_e,onThumbPointerUp:X});function $(e,t){if(de(e,t),t){M.value.includes(e)||(M.value=[...M.value,e]);return}M.value=M.value.filter(t=>t!==e)}return p(()=>h.orientation,(e,t)=>{t&&t!==e&&$(t,!1),$(e,!0)},{immediate:!0}),se(()=>{H(),M.value.forEach(e=>$(e,!1)),y(P.value,!1),Y(),S.value?.removeEventListener(`scroll`,Q)}),(e,t)=>(l(),ae(d(n),oe(d(ue),{ref:d(me),as:c.as,"as-child":c.asChild,"data-soybean-scroll-area-scrollbar":``,class:d(pe),"data-orientation":P.value,"data-state":V.value,"aria-hidden":!0,onPointerdown:ge}),{default:le(()=>[ce(e.$slots,`default`)]),_:3},16,[`as`,`as-child`,`class`,`data-orientation`,`data-state`]))}});export{h as default};

package/dist/components/scroll-area/scroll-area-scrollbar.vue.d.ts

@@ -1,4 +1,3 @@
-import { AsTag } from "../primitive/types.js";
 import { ScrollAreaOrientation, ScrollAreaScrollbarProps } from "./types.js";
 import * as _$vue from "vue";
 
@@ -9,7 +8,6 @@ type __VLS_Slots = {} & {
 };
 declare const __VLS_base: _$vue.DefineComponent<ScrollAreaScrollbarProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<ScrollAreaScrollbarProps> & Readonly<{}>, {
   orientation: ScrollAreaOrientation;
-  as: AsTag | _$vue.Component;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/components/scroll-area/scroll-area-thumb.js

@@ -1 +1 @@
-import{useOmitProps as e}from"../../composables/use-props.js";import"../../composables/index.js";import{Primitive as t}from"../primitive/primitive.js";import"../primitive/index.js";import{useScrollAreaScrollbarContext as n,useScrollAreaUi as r}from"./context.js";import{createBlock as i,defineComponent as a,mergeProps as o,openBlock as s,renderSlot as c,unref as l,useAttrs as u,withCtx as d}from"vue";const f=a({name:`ScrollAreaThumb`,inheritAttrs:!1,__name:`scroll-area-thumb`,props:{asChild:{type:Boolean},as:{default:`div`}},setup(a){let f=e(a,[],u()),p=r(`thumb`),{dataState:m,hasOverflow:h,onThumbPointerDown:g,onThumbPointerUp:_,orientation:v,thumbStyle:y}=n(`ScrollAreaThumb`);return(e,n)=>(s(),i(l(t),o(l(f),{as:a.as,"as-child":a.asChild,class:l(p),"data-orientation":l(v),"data-state":l(m),"data-soybean-scroll-area-thumb":``,"aria-hidden":!0,hidden:l(h)?void 0:``,style:l(y),onPointerdown:l(g),onPointerup:l(_)}),{default:d(()=>[c(e.$slots,`default`)]),_:3},16,[`as`,`as-child`,`class`,`data-orientation`,`data-state`,`hidden`,`style`,`onPointerdown`,`onPointerup`]))}});export{f as default};
+import{useOmitProps as e}from"../../composables/use-props.js";import"../../composables/index.js";import{Primitive as t}from"../primitive/primitive.js";import"../primitive/index.js";import{useScrollAreaScrollbarContext as n,useScrollAreaUi as r}from"./context.js";import{createBlock as i,defineComponent as a,mergeProps as o,openBlock as s,renderSlot as c,unref as l,useAttrs as u,withCtx as d}from"vue";const f=a({name:`ScrollAreaThumb`,inheritAttrs:!1,__name:`scroll-area-thumb`,props:{asChild:{type:Boolean},as:{}},setup(a){let f=e(a,[],u()),p=r(`thumb`),{dataState:m,hasOverflow:h,onThumbPointerDown:g,onThumbPointerUp:_,orientation:v,thumbStyle:y}=n(`ScrollAreaThumb`);return(e,n)=>(s(),i(l(t),o(l(f),{as:a.as,"as-child":a.asChild,"data-soybean-scroll-area-thumb":``,class:l(p),"data-orientation":l(v),"data-state":l(m),"aria-hidden":!0,hidden:l(h)?void 0:``,style:l(y),onPointerdown:l(g),onPointerup:l(_)}),{default:d(()=>[c(e.$slots,`default`)]),_:3},16,[`as`,`as-child`,`class`,`data-orientation`,`data-state`,`hidden`,`style`,`onPointerdown`,`onPointerup`]))}});export{f as default};

package/dist/components/scroll-area/scroll-area-thumb.vue.d.ts

@@ -1,4 +1,3 @@
-import { AsTag } from "../primitive/types.js";
 import { ScrollAreaThumbProps } from "./types.js";
 import * as _$vue from "vue";
 
@@ -7,9 +6,7 @@ declare var __VLS_11: {};
 type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_11) => any;
 };
-declare const __VLS_base: _$vue.DefineComponent<ScrollAreaThumbProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<ScrollAreaThumbProps> & Readonly<{}>, {
-  as: AsTag | _$vue.Component;
-}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: _$vue.DefineComponent<ScrollAreaThumbProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<ScrollAreaThumbProps> & Readonly<{}>, {}, {}, {}, {}, 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/scroll-area/scroll-area-viewport.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{Primitive as n}from"../primitive/primitive.js";import"../primitive/index.js";import{useScrollAreaRootContext as r,useScrollAreaUi as i}from"./context.js";import{computed as a,createElementBlock as o,createVNode as s,defineComponent as c,mergeProps as l,normalizeStyle as u,openBlock as d,renderSlot as f,unref as p,withCtx as m}from"vue";const h=c({name:`ScrollAreaViewport`,__name:`scroll-area-viewport`,props:{nonce:{},asChild:{type:Boolean},as:{}},setup(c){let h=c,{scrollbarXEnabled:g,scrollbarYEnabled:_,onViewportChange:v,onContentChange:y}=r(`ScrollAreaViewport`),b=i(`viewport`),x=t(h,[`nonce`,`as`,`asChild`]),S=a(()=>({...x.value,tabindex:x.value.tabindex??0})),[,C]=e(v),[,w]=e(y),T=a(()=>({overflowX:g.value?`scroll`:`hidden`,overflowY:_.value?`scroll`:`hidden`})),E=a(()=>({minWidth:g.value?`fit-content`:void 0}));return(e,t)=>(d(),o(`div`,l({ref:p(C),"data-soybean-scroll-area-viewport":``},S.value,{class:[p(b),`soybean-headless-scrollbar-hidden`],style:T.value}),[s(p(n),{ref:p(w),as:c.as,"as-child":c.asChild,style:u(E.value)},{default:m(()=>[f(e.$slots,`default`)]),_:3},8,[`as`,`as-child`,`style`])],16))}});export{h 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{Primitive as n}from"../primitive/primitive.js";import"../primitive/index.js";import{useScrollAreaRootContext as r,useScrollAreaUi as i}from"./context.js";import{computed as a,createElementBlock as o,createVNode as s,defineComponent as c,mergeProps as l,normalizeStyle as u,openBlock as d,renderSlot as f,unref as p,withCtx as m}from"vue";const h=c({name:`ScrollAreaViewport`,__name:`scroll-area-viewport`,props:{nonce:{},asChild:{type:Boolean},as:{}},setup(c){let h=c,{scrollbarXEnabled:g,scrollbarYEnabled:_,onViewportChange:v,onContentChange:y}=r(`ScrollAreaViewport`),b=i(`viewport`),x=t(h,[`nonce`,`as`,`asChild`]),S=a(()=>({...x.value,tabindex:x.value.tabindex??0})),[,C]=e(v),[,w]=e(y),T=a(()=>({overflowX:g.value?`scroll`:`hidden`,overflowY:_.value?`scroll`:`hidden`})),E=a(()=>({minWidth:g.value?`fit-content`:void 0}));return(e,t)=>(d(),o(`div`,l({ref:p(C)},S.value,{"data-soybean-scroll-area-viewport":``,class:[p(b),`soybean-headless-scrollbar-hidden`],style:T.value}),[s(p(n),{ref:p(w),as:c.as,"as-child":c.asChild,style:u(E.value)},{default:m(()=>[f(e.$slots,`default`)]),_:3},8,[`as`,`as-child`,`style`])],16))}});export{h as default};

package/dist/components/scroll-area/types.d.ts

@@ -1,6 +1,6 @@
 import { Direction, UiClass } from "../../types/common.js";
-import { PrimitiveProps } from "../primitive/types.js";
-import { CSSProperties, ComputedRef, HTMLAttributes, ShallowRef } from "vue";
+import { PrimitiveWithBaseProps } from "../primitive/types.js";
+import { CSSProperties, ComputedRef, ShallowRef } from "vue";
 
 //#region src/components/scroll-area/types.d.ts
 /**
@@ -18,7 +18,7 @@ type ScrollAreaState = 'hidden' | 'visible';
 /**
  * Properties for the ScrollAreaRoot component.
  */
-interface ScrollAreaRootProps extends PrimitiveProps, /** @vue-ignore */HTMLAttributes {
+interface ScrollAreaRootProps extends PrimitiveWithBaseProps {
   /** Controls scrollbar visibility behavior. */
   type?: ScrollAreaType;
   /** The reading direction of the scroll area. */
@@ -29,29 +29,67 @@ interface ScrollAreaRootProps extends PrimitiveProps, /** @vue-ignore */HTMLAttr
 /**
  * Properties for the ScrollAreaViewport component.
  */
-interface ScrollAreaViewportProps extends PrimitiveProps, /** @vue-ignore */HTMLAttributes {
+interface ScrollAreaViewportProps extends PrimitiveWithBaseProps {
   /** Adds a nonce to the injected style tag. */
   nonce?: string;
 }
 /**
  * Properties for the ScrollAreaScrollbar component.
  */
-interface ScrollAreaScrollbarProps extends PrimitiveProps, /** @vue-ignore */HTMLAttributes {
+interface ScrollAreaScrollbarProps extends PrimitiveWithBaseProps {
   /** The scrollbar orientation. */
   orientation?: ScrollAreaOrientation;
 }
 /**
  * Properties for the ScrollAreaThumb component.
  */
-interface ScrollAreaThumbProps extends PrimitiveProps, /** @vue-ignore */HTMLAttributes {}
+interface ScrollAreaThumbProps extends PrimitiveWithBaseProps {}
 /**
  * Properties for the ScrollAreaCorner component.
  */
-interface ScrollAreaCornerProps extends PrimitiveProps, /** @vue-ignore */HTMLAttributes {}
+interface ScrollAreaCornerProps extends PrimitiveWithBaseProps {}
 /**
  * Events for the ScrollAreaRoot component.
  */
 type ScrollAreaRootEmits = {};
+/**
+ * Properties for the ScrollAreaCompact component.
+ */
+interface ScrollAreaCompactProps extends ScrollAreaRootProps {
+  /**
+   * Properties forwarded to the viewport element.
+   */
+  viewportProps?: ScrollAreaViewportProps;
+  /**
+   * Properties forwarded to the vertical scrollbar element.
+   */
+  verticalScrollbarProps?: ScrollAreaScrollbarProps;
+  /**
+   * Properties forwarded to the horizontal scrollbar element.
+   */
+  horizontalScrollbarProps?: ScrollAreaScrollbarProps;
+  /**
+   * Properties forwarded to the thumb elements.
+   */
+  thumbProps?: ScrollAreaThumbProps;
+  /**
+   * Properties forwarded to the corner element.
+   */
+  cornerProps?: ScrollAreaCornerProps;
+}
+/**
+ * Events for the ScrollAreaCompact component.
+ */
+type ScrollAreaCompactEmits = ScrollAreaRootEmits;
+/**
+ * Slots for the ScrollAreaCompact component.
+ */
+interface ScrollAreaCompactSlots {
+  /**
+   * Custom content for the default slot.
+   */
+  default?: () => any;
+}
 /**
  * Available UI slots for the ScrollArea component.
  */
@@ -61,4 +99,4 @@ type ScrollAreaUiSlot = 'root' | 'viewport' | 'scrollbar' | 'thumb' | 'corner';
  */
 type ScrollAreaUi = UiClass<ScrollAreaUiSlot>;
 //#endregion
-export { ScrollAreaCornerProps, ScrollAreaOrientation, ScrollAreaRootEmits, ScrollAreaRootProps, ScrollAreaScrollbarProps, ScrollAreaState, ScrollAreaThumbProps, ScrollAreaType, ScrollAreaUi, ScrollAreaUiSlot, ScrollAreaViewportProps };
+export { ScrollAreaCompactEmits, ScrollAreaCompactProps, ScrollAreaCompactSlots, ScrollAreaCornerProps, ScrollAreaOrientation, ScrollAreaRootEmits, ScrollAreaRootProps, ScrollAreaScrollbarProps, ScrollAreaState, ScrollAreaThumbProps, ScrollAreaType, ScrollAreaUi, ScrollAreaUiSlot, ScrollAreaViewportProps };

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

@@ -1,8 +1,8 @@
 import { TabsIndicatorProps, TabsListProps, TabsOptionData, TabsRootEmits, TabsRootProps, TabsTriggerProps } from "../tabs/types.js";
+import { SegmentCompactEmits, SegmentCompactProps, SegmentCompactSlots, SegmentUi, SegmentUiSlot } from "./types.js";
 import { _default as _default$3 } from "../tabs/tabs-root.vue.js";
 import { _default as _default$2 } from "../tabs/tabs-list.vue.js";
 import { _default as _default$4 } from "../tabs/tabs-trigger.vue.js";
 import { _default as _default$1 } from "../tabs/tabs-indicator.vue.js";
-import { SegmentCompactEmits, SegmentCompactProps, SegmentCompactSlots, SegmentUi, SegmentUiSlot } from "./types.js";
 import { _default } from "./segment-compact.vue.js";
 export { _default as SegmentCompact, SegmentCompactEmits, SegmentCompactProps, SegmentCompactSlots, _default$1 as SegmentIndicator, TabsIndicatorProps as SegmentIndicatorProps, _default$2 as SegmentList, TabsListProps as SegmentListProps, TabsOptionData as SegmentOptionData, _default$3 as SegmentRoot, TabsRootEmits as SegmentRootEmits, TabsRootProps as SegmentRootProps, _default$4 as SegmentTrigger, TabsTriggerProps as SegmentTriggerProps, SegmentUi, SegmentUiSlot };

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

@@ -1 +1 @@
-import{useOmitProps as e}from"../../composables/use-props.js";import"../../composables/index.js";import{useTabsUi as t}from"../tabs/context.js";import n from"../tabs/tabs-root.js";import r from"../tabs/tabs-list.js";import i from"../tabs/tabs-trigger.js";import a from"../tabs/tabs-indicator.js";import"../tabs/index.js";import{Fragment as o,createBlock as s,createCommentVNode as c,createElementBlock as l,createElementVNode as u,createTextVNode as d,createVNode as f,defineComponent as p,guardReactiveProps as m,mergeProps as h,normalizeClass as g,normalizeProps as _,openBlock as v,renderList as y,renderSlot as b,toDisplayString as x,unref as S,withCtx as C}from"vue";const w=p({name:`SegmentCompact`,__name:`segment-compact`,props:{items:{},enableIndicator:{type:Boolean,default:!0},listProps:{},triggerProps:{},indicatorProps:{},modelValue:{default:void 0},defaultValue:{},activationMode:{},unmountOnHide:{type:Boolean,default:!0},orientation:{},dir:{},loop:{type:Boolean,default:!0}},emits:[`update:modelValue`],setup(p,{emit:w}){let T=p,E=w,D=e(T,[`items`,`enableIndicator`,`listProps`,`triggerProps`,`indicatorProps`]),O=t(),k=e=>{E(`update:modelValue`,e)};return(e,t)=>(v(),s(S(n),h(S(D),{"onUpdate:modelValue":k}),{default:C(()=>[f(S(r),_(m(p.listProps)),{default:C(()=>[(v(!0),l(o,null,y(p.items,t=>(v(),s(S(i),h({key:t.value},{ref_for:!0},p.triggerProps,{value:t.value,disabled:t.disabled}),{default:C(n=>[b(e.$slots,`item`,h({ref_for:!0},{...t,...n}),()=>[d(x(t.label),1)])]),_:2},1040,[`value`,`disabled`]))),128)),p.enableIndicator?(v(),s(S(a),_(h({key:0},p.indicatorProps)),{default:C(()=>[b(e.$slots,`indicator`,{},()=>[u(`div`,{class:g(S(O).indicatorContent)},null,2)])]),_:3},16)):c(`v-if`,!0)]),_:3},16)]),_:3},16))}});export{w as default};
+import{useOmitProps as e}from"../../composables/use-props.js";import"../../composables/index.js";import{useTabsUi as t}from"../tabs/context.js";import n from"../tabs/tabs-root.js";import r from"../tabs/tabs-list.js";import i from"../tabs/tabs-trigger.js";import a from"../tabs/tabs-indicator.js";import"../tabs/index.js";import{Fragment as o,createBlock as s,createCommentVNode as c,createElementBlock as l,createElementVNode as u,createTextVNode as d,createVNode as f,defineComponent as p,guardReactiveProps as m,mergeProps as h,normalizeClass as g,normalizeProps as _,openBlock as v,renderList as y,renderSlot as b,toDisplayString as x,unref as S,withCtx as C}from"vue";const w=p({name:`SegmentCompact`,__name:`segment-compact`,props:{items:{},enableIndicator:{type:Boolean,default:!0},listProps:{},triggerProps:{},indicatorProps:{},modelValue:{default:void 0},defaultValue:{},activationMode:{},unmountOnHide:{type:Boolean,default:!0},orientation:{},dir:{},loop:{type:Boolean,default:!0}},emits:[`update:modelValue`],setup(p,{emit:w}){let T=p,E=w,D=e(T,[`items`,`enableIndicator`,`listProps`,`triggerProps`,`indicatorProps`]),O=t(),k=e=>{E(`update:modelValue`,e)};return(e,t)=>(v(),s(S(n),h(S(D),{"data-soybean-segment":``,"onUpdate:modelValue":k}),{default:C(()=>[f(S(r),_(m(p.listProps)),{default:C(()=>[(v(!0),l(o,null,y(p.items,t=>(v(),s(S(i),h({key:t.value},{ref_for:!0},p.triggerProps,{value:t.value,disabled:t.disabled}),{default:C(n=>[b(e.$slots,`item`,h({ref_for:!0},{...t,...n}),()=>[d(x(t.label),1)])]),_:2},1040,[`value`,`disabled`]))),128)),p.enableIndicator?(v(),s(S(a),_(h({key:0},p.indicatorProps)),{default:C(()=>[b(e.$slots,`indicator`,{},()=>[u(`div`,{class:g(S(O).indicatorContent)},null,2)])]),_:3},16)):c(`v-if`,!0)]),_:3},16)]),_:3},16))}});export{w as default};

package/dist/components/segment/segment-compact.vue.d.ts

@@ -5,14 +5,14 @@ import * as _$vue from "vue";
 //#region src/components/segment/segment-compact.vue.d.ts
 declare const __VLS_export: <T extends TabsOptionData = TabsOptionData>(__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<SegmentCompactProps<T> & {
-    "onUpdate:modelValue"?: ((payload: T["value"]) => any) | undefined;
+    "onUpdate:modelValue"?: ((payload: Exclude<T["value"], undefined>) => any) | undefined;
   }> & (typeof globalThis extends {
     __VLS_PROPS_FALLBACK: infer P;
   } ? P : {});
   expose: (exposed: {}) => void;
   attrs: any;
   slots: SegmentCompactSlots<T>;
-  emit: (evt: "update:modelValue", payload: T["value"]) => void;
+  emit: (evt: "update:modelValue", payload: Exclude<T["value"], undefined>) => void;
 }>) => _$vue.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };

package/dist/components/select/context.js

@@ -1 +1 @@
-import{isValueEqualOrExist as e}from"../../shared/comparison.js";import{getDisclosureState as t}from"../../shared/value.js";import{tryFocusFirst as n}from"../../shared/focus.js";import"../../shared/index.js";import{useContext as r}from"../../composables/use-context.js";import{useCollection as i}from"../../composables/use-collection.js";import{useUiContext as a}from"../../composables/use-ui-context.js";import"../../composables/index.js";import{useDirection as o}from"../config-provider/context.js";import{providePopperUi as s}from"../popper/context.js";import{computed as c,ref as l,shallowRef as u,useId as d}from"vue";const[f,p]=r(`SelectRoot`,e=>{let{open:n}=e,r=e=>{n.value=e},i=c(()=>t(n.value)),a=o(e.dir),s=u(``),f=()=>{s.value||(s.value=`soybean-select-content-${d()}`)},p=u(),m=e=>{p.value=e},h=u(),g=e=>{h.value=e},_=l(new Set),v=c(()=>Array.from(_.value)),y=c(()=>v.value.map(e=>e.value).join(`;`)),b=e=>{_.value.add(e)},x=e=>{_.value.delete(e)},S=u({x:0,y:0}),C=e=>{S.value=e},w=()=>{S.value=null};return{...e,dataState:i,onOpenChange:r,dir:a,contentId:s,initContentId:f,triggerElement:p,onTriggerElementChange:m,valueElement:h,onValueElementChange:g,optionsSet:_,onOptionAdd:b,onOptionRemove:x,options:v,nativeSelectKey:y,triggerPointerDownPosition:S,setTriggerPointerDownPosition:C,resetTriggerPointerDownPosition:w}}),{provideCollectionContext:m,useCollectionContext:h,useCollectionItem:g}=i(`Select`),[_,v]=r(`SelectContent`,t=>{let{modelValue:r,isMultiple:i,popupElement:a}=t,o=u(!1),s=u(),c=e=>{s.value=e},l=!1,d=!1,f=u(),p=(t,n,i)=>{let a=!l&&!i;(e(r.value,n)||a)&&(f.value=t)},m=u(),h=(t,n,a)=>{let o=!l&&!a,s=e(r.value,n);if(i.value){if(d)return;(s||o)&&(m.value=t,s&&(d=!0))}else (s||o)&&(m.value=t);o&&(l=!0)},g=()=>{a.value?.focus()};function _(){!m.value||!a.value||n([m.value,a.value])}return{...t,isPositioned:o,viewportElement:s,onViewportElementChange:c,selectedItemElement:m,onSelectedItemElementChange:h,onItemElementLeave:g,selectedItemTextElement:f,onSelectedItemTextElementChange:p,focusSelectedItem:_}}),[y,b]=r(`SelectGroup`,()=>{let e=u(``);return{labelId:e,initLabelId:()=>{e.value||(e.value=`soybean-select-group-label-${d()}`)}}}),[x,S]=r(`SelectItem`,e=>{let t=u(e.textValue.value??``),n=u(),r=e=>{n.value=e,t.value=((t.value||e?.textContent)??``).trim()},i=u(``),a=()=>{i.value||(i.value=`soybean-select-item-text-${d()}`)};return{...e,textId:i,initTextId:a,textValue:t,itemTextElement:n,onItemTextElementChange:r}}),[C,w]=r(`SelectPopupElement`,()=>{let e=u();return{popupElement:e,onPopupElementChange:t=>{e.value=t}}}),[T,E]=r(`SelectItemAlignedPosition`),[D,O]=a(`SelectUi`,e=>(s(e),e));export{m as provideCollectionContext,_ as provideSelectContentContext,y as provideSelectGroupContext,T as provideSelectItemAlignedPositionContext,x as provideSelectItemContext,C as provideSelectPopupElementContext,f as provideSelectRootContext,D as provideSelectUi,h as useCollectionContext,g as useCollectionItem,v as useSelectContentContext,b as useSelectGroupContext,E as useSelectItemAlignedPositionContext,S as useSelectItemContext,w as useSelectPopupElementContext,p as useSelectRootContext,O as useSelectUi};
+import{isValueEqualOrExist as e}from"../../shared/comparison.js";import{getDisclosureState as t}from"../../shared/value.js";import{tryFocusFirst as n}from"../../shared/focus.js";import{useContext as r}from"../../composables/use-context.js";import{useDirection as i}from"../config-provider/context.js";import"../../shared/index.js";import{useCollection as a}from"../../composables/use-collection.js";import{useUiContext as o}from"../../composables/use-ui-context.js";import"../../composables/index.js";import{providePopperUi as s}from"../popper/context.js";import{computed as c,ref as l,shallowRef as u,useId as d}from"vue";const[f,p]=r(`SelectRoot`,e=>{let{open:n}=e,r=e=>{n.value=e},a=c(()=>t(n.value)),o=i(e.dir),s=u(``),f=()=>{s.value||(s.value=`soybean-select-content-${d()}`)},p=u(),m=e=>{p.value=e},h=u(),g=e=>{h.value=e},_=l(new Set),v=c(()=>Array.from(_.value)),y=c(()=>v.value.map(e=>e.value).join(`;`)),b=e=>{_.value.add(e)},x=e=>{_.value.delete(e)},S=u({x:0,y:0}),C=e=>{S.value=e},w=()=>{S.value=null};return{...e,dataState:a,onOpenChange:r,dir:o,contentId:s,initContentId:f,triggerElement:p,onTriggerElementChange:m,valueElement:h,onValueElementChange:g,optionsSet:_,onOptionAdd:b,onOptionRemove:x,options:v,nativeSelectKey:y,triggerPointerDownPosition:S,setTriggerPointerDownPosition:C,resetTriggerPointerDownPosition:w}}),{provideCollectionContext:m,useCollectionContext:h,useCollectionItem:g}=a(`Select`),[_,v]=r(`SelectContent`,t=>{let{modelValue:r,isMultiple:i,popupElement:a}=t,o=u(!1),s=u(),c=e=>{s.value=e},l=!1,d=!1,f=u(),p=(t,n,i)=>{let a=!l&&!i;(e(r.value,n)||a)&&(f.value=t)},m=u(),h=(t,n,a)=>{let o=!l&&!a,s=e(r.value,n);if(i.value){if(d)return;(s||o)&&(m.value=t,s&&(d=!0))}else (s||o)&&(m.value=t);o&&(l=!0)},g=()=>{a.value?.focus()};function _(){!m.value||!a.value||n([m.value,a.value])}return{...t,isPositioned:o,viewportElement:s,onViewportElementChange:c,selectedItemElement:m,onSelectedItemElementChange:h,onItemElementLeave:g,selectedItemTextElement:f,onSelectedItemTextElementChange:p,focusSelectedItem:_}}),[y,b]=r(`SelectGroup`,()=>{let e=u(``);return{labelId:e,initLabelId:()=>{e.value||(e.value=`soybean-select-group-label-${d()}`)}}}),[x,S]=r(`SelectItem`,e=>{let t=u(e.textValue.value??``),n=u(),r=e=>{n.value=e,t.value=((t.value||e?.textContent)??``).trim()},i=u(``),a=()=>{i.value||(i.value=`soybean-select-item-text-${d()}`)};return{...e,textId:i,initTextId:a,textValue:t,itemTextElement:n,onItemTextElementChange:r}}),[C,w]=r(`SelectPopupElement`,()=>{let e=u();return{popupElement:e,onPopupElementChange:t=>{e.value=t}}}),[T,E]=r(`SelectItemAlignedPosition`),[D,O]=o(`SelectUi`,e=>(s(e),e));export{m as provideCollectionContext,_ as provideSelectContentContext,y as provideSelectGroupContext,T as provideSelectItemAlignedPositionContext,x as provideSelectItemContext,C as provideSelectPopupElementContext,f as provideSelectRootContext,D as provideSelectUi,h as useCollectionContext,g as useCollectionItem,v as useSelectContentContext,b as useSelectGroupContext,E as useSelectItemAlignedPositionContext,S as useSelectItemContext,w as useSelectPopupElementContext,p as useSelectRootContext,O as useSelectUi};

package/dist/components/select/select-arrow.js

@@ -1 +1 @@
-import e from"../popper/popper-arrow.js";import"../popper/index.js";import{useSelectContentContext as t}from"./context.js";import{computed as n,createBlock as r,createCommentVNode as i,defineComponent as a,openBlock as o,renderSlot as s,unref as c,withCtx as l}from"vue";const u=a({name:`SelectArrow`,__name:`select-arrow`,setup(a){let{position:u}=t(`SelectArrow`),d=n(()=>u.value===`popper`);return(t,n)=>d.value?(o(),r(c(e),{key:0},{default:l(()=>[s(t.$slots,`default`)]),_:3})):i(`v-if`,!0)}});export{u as default};
+import e from"../popper/popper-arrow.js";import"../popper/index.js";import{useSelectContentContext as t}from"./context.js";import{computed as n,createBlock as r,createCommentVNode as i,defineComponent as a,openBlock as o,renderSlot as s,unref as c,withCtx as l}from"vue";const u=a({name:`SelectArrow`,__name:`select-arrow`,setup(a){let{position:u}=t(`SelectArrow`),d=n(()=>u.value===`popper`);return(t,n)=>d.value?(o(),r(c(e),{key:0,"data-soybean-select-arrow":``},{default:l(()=>[s(t.$slots,`default`)]),_:3})):i(`v-if`,!0)}});export{u as default};

package/dist/components/select/select-bubble-select.js

@@ -1 +1 @@
-import e from"../visually-hidden/visually-hidden.js";import"../visually-hidden/index.js";import{useSelectRootContext as t}from"./context.js";import{createBlock as n,createElementVNode as r,defineComponent as i,mergeProps as a,openBlock as o,ref as s,renderSlot as c,unref as l,watch as u,withCtx as d}from"vue";const f=i({name:`SelectBubbleSelect`,__name:`select-bubble-select`,props:{autocomplete:{},autofocus:{type:Boolean},disabled:{type:Boolean},form:{},multiple:{type:Boolean},name:{},required:{type:Boolean},size:{},value:{}},setup(i){let f=i,{onModelValueChange:p}=t(`SelectBubbleSelect`),m=s(),h=e=>{p(e.target.value)};return u(()=>f.value,(e,t)=>{if(!m.value||e===t)return;let n=window.HTMLSelectElement.prototype,r=Object.getOwnPropertyDescriptor(n,`value`).set;if(!r)return;let i=new Event(`change`,{bubbles:!0});r.call(m.value,e),m.value.dispatchEvent(i)}),(t,i)=>(o(),n(l(e),{"as-child":``},{default:d(()=>[r(`select`,a({ref_key:`selectElement`,ref:m},f,{onInput:h}),[c(t.$slots,`default`)],16)]),_:3}))}});export{f as default};
+import e from"../visually-hidden/visually-hidden.js";import"../visually-hidden/index.js";import{useSelectRootContext as t}from"./context.js";import{createBlock as n,createElementVNode as r,defineComponent as i,mergeProps as a,openBlock as o,ref as s,renderSlot as c,unref as l,watch as u,withCtx as d}from"vue";const f=i({name:`SelectBubbleSelect`,__name:`select-bubble-select`,props:{autocomplete:{},autofocus:{type:Boolean},disabled:{type:Boolean},form:{},multiple:{type:Boolean},name:{},required:{type:Boolean},size:{},value:{}},setup(i){let f=i,{onModelValueChange:p}=t(`SelectBubbleSelect`),m=s(),h=e=>{p(e.target.value)};return u(()=>f.value,(e,t)=>{if(!m.value||e===t)return;let n=window.HTMLSelectElement.prototype,r=Object.getOwnPropertyDescriptor(n,`value`).set;if(!r)return;let i=new Event(`change`,{bubbles:!0});r.call(m.value,e),m.value.dispatchEvent(i)}),(t,i)=>(o(),n(l(e),{"as-child":``},{default:d(()=>[r(`select`,a({ref_key:`selectElement`,ref:m},f,{"data-soybean-select-bubble-select":``,onInput:h}),[c(t.$slots,`default`)],16)]),_:3}))}});export{f as default};

package/dist/components/select/select-compact.vue.d.ts

@@ -7,8 +7,8 @@ import * as _$vue from "vue";
 declare const __VLS_export: <T extends DefinedValue = DefinedValue, M extends boolean = false>(__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<SelectCompactProps<T, M> & {
     onSelect?: ((event: SelectItemEvent<T>) => any) | undefined;
-    "onUpdate:modelValue"?: ((value: M extends true ? T[] : T) => any) | undefined;
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: M extends true ? T[] : T) => any) | undefined;
     onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
     onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
     onCloseAutoFocus?: ((event: Event) => any) | undefined;
@@ -18,7 +18,7 @@ declare const __VLS_export: <T extends DefinedValue = DefinedValue, M extends bo
   expose: (exposed: {}) => void;
   attrs: any;
   slots: SelectCompactSlots<T, M>;
-  emit: ((evt: "select", event: SelectItemEvent<T>) => void) & ((evt: "update:modelValue", value: M extends true ? T[] : T) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: PointerDownOutsideEvent) => void) & ((evt: "closeAutoFocus", event: Event) => void);
+  emit: ((evt: "select", event: SelectItemEvent<T>) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "update:modelValue", value: M extends true ? T[] : T) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: PointerDownOutsideEvent) => void) & ((evt: "closeAutoFocus", event: Event) => void);
 }>) => _$vue.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };

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

@@ -1 +1 @@
-import{useForwardListeners as e}from"../../composables/use-forward-listeners.js";import{usePresence as t}from"../../composables/use-presence.js";import{useOmitProps as n}from"../../composables/use-props.js";import"../../composables/index.js";import{provideSelectPopupElementContext as r,useSelectRootContext as i}from"./context.js";import a from"./select-content-impl.js";import o from"./select-teleport-provider.js";import{Teleport as s,createBlock as c,createCommentVNode as l,createElementBlock as u,createVNode as d,defineComponent as f,mergeProps as p,onMounted as m,openBlock as h,ref as g,renderSlot as _,shallowRef as v,toHandlers as y,unref as b,useAttrs as x,withCtx as S}from"vue";const C={key:1},w=f({name:`SelectContent`,inheritAttrs:!1,__name:`select-content`,props:{position:{default:`popper`},bodyLock:{type:Boolean,default:!0},popupProps:{},placement:{},side:{},sideOffset:{},sideFlip:{type:Boolean},align:{},alignOffset:{},alignFlip:{type:Boolean},avoidCollisions:{type:Boolean,default:!0},collisionBoundary:{},collisionPadding:{},arrowPadding:{},hideShiftedArrow:{type:Boolean},sticky:{},hideWhenDetached:{type:Boolean},positionStrategy:{},updatePositionStrategy:{},disableUpdateOnLayoutShift:{type:Boolean},prioritizePosition:{type:Boolean,default:!0},reference:{},disableOutsidePointerEvents:{type:Boolean},forceMount:{type:Boolean}},emits:[`closeAutoFocus`,`escapeKeyDown`,`pointerDownOutside`],setup(f,{emit:w}){let T=f,E=w,D=n(T,[`forceMount`],x()),O=e(E),{open:k}=i(`SelectContent`),{popupElement:A}=r(),j=T.forceMount?v(!0):t(A,k),M=g();return m(()=>{M.value=new DocumentFragment}),(e,t)=>b(j)?(h(),c(a,p({key:0},b(D),y(b(O))),{default:S(()=>[_(e.$slots,`default`)]),_:3},16)):M.value?(h(),u(`div`,C,[(h(),c(s,{to:M.value},[d(o,{position:f.position,"popup-element":b(A)},{default:S(()=>[_(e.$slots,`default`)]),_:3},8,[`position`,`popup-element`])],8,[`to`]))])):l(`v-if`,!0)}});export{w as default};
+import{useForwardListeners as e}from"../../composables/use-forward-listeners.js";import{usePresence as t}from"../../composables/use-presence.js";import{useOmitProps as n}from"../../composables/use-props.js";import"../../composables/index.js";import{provideSelectPopupElementContext as r,useSelectRootContext as i}from"./context.js";import a from"./select-content-impl.js";import o from"./select-teleport-provider.js";import{Teleport as s,createBlock as c,createCommentVNode as l,createElementBlock as u,createVNode as d,defineComponent as f,mergeProps as p,onMounted as m,openBlock as h,ref as g,renderSlot as _,shallowRef as v,toHandlers as y,unref as b,useAttrs as x,withCtx as S}from"vue";const C={key:1},w=f({name:`SelectContent`,inheritAttrs:!1,__name:`select-content`,props:{position:{default:`popper`},bodyLock:{type:Boolean,default:!0},popupProps:{},placement:{},side:{},sideOffset:{},sideFlip:{type:Boolean},align:{},alignOffset:{},alignFlip:{type:Boolean},avoidCollisions:{type:Boolean,default:!0},collisionBoundary:{},collisionPadding:{},arrowPadding:{},hideShiftedArrow:{type:Boolean},sticky:{},hideWhenDetached:{type:Boolean},positionStrategy:{},updatePositionStrategy:{},disableUpdateOnLayoutShift:{type:Boolean},prioritizePosition:{type:Boolean,default:!0},reference:{},disableOutsidePointerEvents:{type:Boolean},forceMount:{type:Boolean}},emits:[`closeAutoFocus`,`escapeKeyDown`,`pointerDownOutside`],setup(f,{emit:w}){let T=f,E=w,D=n(T,[`forceMount`],x()),O=e(E),{open:k}=i(`SelectContent`),{popupElement:A}=r(),j=T.forceMount?v(!0):t(A,k),M=g();return m(()=>{M.value=new DocumentFragment}),(e,t)=>b(j)?(h(),c(a,p({key:0,"data-soybean-select-content":``},b(D),y(b(O))),{default:S(()=>[_(e.$slots,`default`)]),_:3},16)):M.value?(h(),u(`div`,C,[(h(),c(s,{to:M.value},[d(o,{position:f.position,"popup-element":b(A)},{default:S(()=>[_(e.$slots,`default`)]),_:3},8,[`position`,`popup-element`])],8,[`to`]))])):l(`v-if`,!0)}});export{w as default};

package/dist/components/select/select-group-label.js

@@ -1 +1 @@
-import{useSelectGroupContext as e,useSelectUi 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:`SelectGroupLabel`,__name:`select-group-label`,setup(r){let{labelId:l}=e(`SelectGroupLabel`),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{useSelectGroupContext as e,useSelectUi 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:`SelectGroupLabel`,__name:`select-group-label`,setup(r){let{labelId:l}=e(`SelectGroupLabel`),u=t(`groupLabel`);return(e,t)=>(a(),n(`div`,{id:s(l),"data-soybean-select-group-label":``,class:i(s(u))},[o(e.$slots,`default`)],10,c))}});export{l as default};

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

@@ -1 +1 @@
-import{provideSelectGroupContext as e,useSelectUi 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:`SelectGroup`,__name:`select-group`,setup(r){let{labelId:l,initLabelId:u}=e(),d=t(`group`);return u(),(e,t)=>(a(),n(`div`,{class:i(s(d)),"aria-labelledby":s(l),role:`group`},[o(e.$slots,`default`)],10,c))}});export{l as default};
+import{provideSelectGroupContext as e,useSelectUi 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:`SelectGroup`,__name:`select-group`,setup(r){let{labelId:l,initLabelId:u}=e(),d=t(`group`);return u(),(e,t)=>(a(),n(`div`,{"data-soybean-select-group":``,class:i(s(d)),"aria-labelledby":s(l),role:`group`},[o(e.$slots,`default`)],10,c))}});export{l as default};

package/dist/components/select/select-item-aligned-popup.js

@@ -1 +1 @@
-import{useForwardElement as e}from"../../composables/use-forward-element.js";import"../../composables/index.js";import{useSelectPopupElementContext as t,useSelectUi 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=i({name:`SelectItemAlignedPopup`,__name:`select-item-aligned-popup`,setup(i){let{onPopupElementChange:l}=t(`SelectItemAlignedPopup`),[u,d]=e(l),f=n(`popup`);return(e,t)=>(o(),r(`div`,{ref:c(d),class:a(c(f)),style:{"box-sizing":`border-box`,"max-height":`100%`}},[s(e.$slots,`default`)],2))}});export{l as default};
+import{useForwardElement as e}from"../../composables/use-forward-element.js";import"../../composables/index.js";import{useSelectPopupElementContext as t,useSelectUi 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=i({name:`SelectItemAlignedPopup`,__name:`select-item-aligned-popup`,setup(i){let{onPopupElementChange:l}=t(`SelectItemAlignedPopup`),[u,d]=e(l),f=n(`popup`);return(e,t)=>(o(),r(`div`,{ref:c(d),"data-soybean-select-item-aligned-popup":``,class:a(c(f)),style:{"box-sizing":`border-box`,"max-height":`100%`}},[s(e.$slots,`default`)],2))}});export{l as default};

package/dist/components/select/select-item-aligned-positioner.js

@@ -1 +1 @@
-import{clamp as e}from"../../shared/value.js";import"../../shared/index.js";import{provideSelectItemAlignedPositionContext as t,useCollectionContext as n,useSelectContentContext as r,useSelectPopupElementContext as i,useSelectRootContext as a,useSelectUi as o}from"./context.js";import"./shared.js";import{createElementBlock as s,defineComponent as c,nextTick as l,normalizeClass as u,normalizeStyle as d,onMounted as f,openBlock as p,renderSlot as m,shallowRef as h,unref as g}from"vue";import{useResizeObserver as _}from"@vueuse/core";const v=c({name:`SelectItemAlignedPosition`,__name:`select-item-aligned-positioner`,emits:[`placed`],setup(c,{emit:v}){let y=v,b=o(`positioner`),{dir:x,triggerElement:S,valueElement:C}=a(`SelectItemAlignedPosition`),{viewportElement:w,selectedItemElement:T,selectedItemTextElement:E,focusSelectedItem:D}=r(`SelectItemAlignedPosition`),{getOrderedElements:O}=n(`SelectItemAlignedPosition`),k=h(),{popupElement:A}=i(`SelectItemAlignedPosition`),j=h(!1),M=!0;function N(){if(!S.value||!C.value||!k.value||!A.value||!w.value||!T.value||!E.value)return;let t=S.value.getBoundingClientRect(),n=A.value.getBoundingClientRect(),r=C.value.getBoundingClientRect(),i=E.value.getBoundingClientRect();if(x.value!==`rtl`){let a=i.left-n.left,o=r.left-a,s=t.left-o,c=t.width+s,l=Math.max(c,n.width),u=window.innerWidth-10,d=e(o,10,Math.max(10,u-l));k.value.style.minWidth=`${c}px`,k.value.style.left=`${d}px`}else{let a=n.right-i.right,o=window.innerWidth-r.right-a,s=window.innerWidth-t.right-o,c=t.width+s,l=Math.max(c,n.width),u=window.innerWidth-10,d=e(o,10,Math.max(10,u-l));k.value.style.minWidth=`${c}px`,k.value.style.right=`${d}px`}let a=O(),o=window.innerHeight-20,s=w.value.scrollHeight,c=window.getComputedStyle(A.value),l=Number.parseInt(c.borderTopWidth,10),u=Number.parseInt(c.paddingTop,10),d=Number.parseInt(c.borderBottomWidth,10),f=Number.parseInt(c.paddingBottom,10),p=l+u+s+f+d,m=Math.min(T.value.offsetHeight*5,p),h=window.getComputedStyle(w.value),g=Number.parseInt(h.paddingTop,10),_=Number.parseInt(h.paddingBottom,10),v=t.top+t.height/2-10,b=o-v,D=T.value.offsetHeight/2,M=T.value.offsetTop+D,N=l+u+M,P=p-N;if(N<=v){let e=T.value===a[a.length-1];k.value.style.bottom=`0px`;let t=A.value.clientHeight-w.value.offsetTop-w.value.offsetHeight,n=N+Math.max(b,D+(e?_:0)+t+d);k.value.style.height=`${n}px`}else{let e=T.value===a[0];k.value.style.top=`0px`;let t=Math.max(v,l+w.value.offsetTop+(e?g:0)+D)+P;k.value.style.height=`${t}px`,w.value.scrollTop=N-v+w.value.offsetTop}k.value.style.margin=`10px 0`,k.value.style.minHeight=`${m}px`,k.value.style.maxHeight=`${o}px`,y(`placed`),requestAnimationFrame(()=>{j.value=!0})}let P=h(``),F=()=>{A.value&&(P.value=window.getComputedStyle(A.value).zIndex)};function I(e){!e||!M||(N(),D(),M=!1)}return t({positionerElement:k,shouldExpandOnScroll:j,onScrollButtonChange:I}),_(S,()=>{N()}),f(async()=>{await l(),N(),F()}),(e,t)=>(p(),s(`div`,{ref_key:`positionerElement`,ref:k,class:u(g(b)),style:d([{display:`flex`,"flex-direction":`column`,position:`fixed`},{zIndex:P.value}])},[m(e.$slots,`default`)],6))}});export{v as default};
+import{clamp as e}from"../../shared/value.js";import"../../shared/index.js";import{provideSelectItemAlignedPositionContext as t,useCollectionContext as n,useSelectContentContext as r,useSelectPopupElementContext as i,useSelectRootContext as a,useSelectUi as o}from"./context.js";import"./shared.js";import{createElementBlock as s,defineComponent as c,nextTick as l,normalizeClass as u,normalizeStyle as d,onMounted as f,openBlock as p,renderSlot as m,shallowRef as h,unref as g}from"vue";import{useResizeObserver as _}from"@vueuse/core";const v=c({name:`SelectItemAlignedPosition`,__name:`select-item-aligned-positioner`,emits:[`placed`],setup(c,{emit:v}){let y=v,b=o(`positioner`),{dir:x,triggerElement:S,valueElement:C}=a(`SelectItemAlignedPosition`),{viewportElement:w,selectedItemElement:T,selectedItemTextElement:E,focusSelectedItem:D}=r(`SelectItemAlignedPosition`),{getOrderedElements:O}=n(`SelectItemAlignedPosition`),k=h(),{popupElement:A}=i(`SelectItemAlignedPosition`),j=h(!1),M=!0;function N(){if(!S.value||!C.value||!k.value||!A.value||!w.value||!T.value||!E.value)return;let t=S.value.getBoundingClientRect(),n=A.value.getBoundingClientRect(),r=C.value.getBoundingClientRect(),i=E.value.getBoundingClientRect();if(x.value!==`rtl`){let a=i.left-n.left,o=r.left-a,s=t.left-o,c=t.width+s,l=Math.max(c,n.width),u=window.innerWidth-10,d=e(o,10,Math.max(10,u-l));k.value.style.minWidth=`${c}px`,k.value.style.left=`${d}px`}else{let a=n.right-i.right,o=window.innerWidth-r.right-a,s=window.innerWidth-t.right-o,c=t.width+s,l=Math.max(c,n.width),u=window.innerWidth-10,d=e(o,10,Math.max(10,u-l));k.value.style.minWidth=`${c}px`,k.value.style.right=`${d}px`}let a=O(),o=window.innerHeight-20,s=w.value.scrollHeight,c=window.getComputedStyle(A.value),l=Number.parseInt(c.borderTopWidth,10),u=Number.parseInt(c.paddingTop,10),d=Number.parseInt(c.borderBottomWidth,10),f=Number.parseInt(c.paddingBottom,10),p=l+u+s+f+d,m=Math.min(T.value.offsetHeight*5,p),h=window.getComputedStyle(w.value),g=Number.parseInt(h.paddingTop,10),_=Number.parseInt(h.paddingBottom,10),v=t.top+t.height/2-10,b=o-v,D=T.value.offsetHeight/2,M=T.value.offsetTop+D,N=l+u+M,P=p-N;if(N<=v){let e=T.value===a[a.length-1];k.value.style.bottom=`0px`;let t=A.value.clientHeight-w.value.offsetTop-w.value.offsetHeight,n=N+Math.max(b,D+(e?_:0)+t+d);k.value.style.height=`${n}px`}else{let e=T.value===a[0];k.value.style.top=`0px`;let t=Math.max(v,l+w.value.offsetTop+(e?g:0)+D)+P;k.value.style.height=`${t}px`,w.value.scrollTop=N-v+w.value.offsetTop}k.value.style.margin=`10px 0`,k.value.style.minHeight=`${m}px`,k.value.style.maxHeight=`${o}px`,y(`placed`),requestAnimationFrame(()=>{j.value=!0})}let P=h(``),F=()=>{A.value&&(P.value=window.getComputedStyle(A.value).zIndex)};function I(e){!e||!M||(N(),D(),M=!1)}return t({positionerElement:k,shouldExpandOnScroll:j,onScrollButtonChange:I}),_(S,()=>{N()}),f(async()=>{await l(),N(),F()}),(e,t)=>(p(),s(`div`,{ref_key:`positionerElement`,ref:k,"data-soybean-select-item-aligned-positioner":``,class:u(g(b)),style:d([{display:`flex`,"flex-direction":`column`,position:`fixed`},{zIndex:P.value}])},[m(e.$slots,`default`)],6))}});export{v as default};