@soybeanjs/headless 0.29.3 → 0.30.0-beta.1

package/dist/components/radio-group/radio-group-card-compact.js

@@ -1 +1 @@
-import{useOmitProps as e}from"../../composables/use-props.js";import"../../composables/index.js";import t from"../_icon/icon.js";import{useRadioGroupCardUi as n}from"./context.js";import r from"./radio-group-control.js";import i from"./radio-group-indicator.js";import a from"./radio-group-item.js";import o from"./radio-group-label.js";import s from"./radio-group-root.js";import{Fragment as c,Transition as l,createBlock as u,createCommentVNode as d,createElementBlock as f,createElementVNode as p,createTextVNode as m,createVNode as h,defineComponent as g,mergeProps as _,normalizeClass as v,openBlock as y,renderList as b,renderSlot as x,toDisplayString as S,unref as C,useId as w,useSlots as T,withCtx as E}from"vue";const D=g({name:`RadioGroupCardCompact`,__name:`radio-group-card-compact`,props:{contentProps:{},textContentProps:{},descriptionProps:{},items:{},itemProps:{},controlProps:{},indicatorProps:{},labelProps:{},modelValue:{},defaultValue:{},disabled:{type:Boolean},orientation:{},dir:{},loop:{type:Boolean},name:{},required:{type:Boolean}},emits:[`update:modelValue`],setup(g,{emit:D}){let O=g,k=D,A=T(),j=e(O,[`items`,`itemProps`,`controlProps`,`indicatorProps`,`labelProps`]),M=n(),N=w(),P=e=>String(e.value),F=e=>`${O.itemProps?.id||`radio-${N}`}-${e}`;return(e,n)=>(y(),u(s,_(C(j),{"onUpdate:modelValue":n[0]||(n[0]=e=>k(`update:modelValue`,e))}),{default:E(()=>[(y(!0),f(c,null,b(g.items,(n,s)=>(y(),u(a,_({key:P(n)},{ref_for:!0},g.itemProps,{value:n.value,disabled:g.disabled||n.disabled}),{default:E(()=>[p(`div`,_({ref_for:!0},g.contentProps,{class:C(M).content}),[h(t,{icon:n.icon,class:v(C(M).icon)},null,8,[`icon`,`class`]),p(`div`,_({ref_for:!0},g.textContentProps,{class:C(M).textContent}),[h(o,_({ref_for:!0},g.labelProps),{default:E(()=>[m(S(n.label),1)]),_:2},1040),A.description||n.description?(y(),f(`p`,_({key:0,ref_for:!0},g.descriptionProps,{class:C(M).description}),[x(e.$slots,`description`,{item:n},()=>[m(S(n.description),1)])],16)):d(`v-if`,!0)],16)],16),h(r,_({ref_for:!0},g.controlProps,{id:F(s)}),{default:E(()=>[h(l,{"enter-active-class":`soybean-headless-transition-all-150`,"enter-from-class":`soybean-headless-opacity-0 soybean-headless-scale-0`},{default:E(()=>[h(i,_({ref_for:!0},g.indicatorProps),null,16)]),_:1})]),_:1},16,[`id`])]),_:2},1040,[`value`,`disabled`]))),128))]),_:3},16))}});export{D as default};
+import{useOmitProps as e}from"../../composables/use-props.js";import"../../composables/index.js";import t from"../_icon/icon.js";import{useRadioGroupCardUi as n}from"./context.js";import r from"./radio-group-control.js";import i from"./radio-group-indicator.js";import a from"./radio-group-item.js";import o from"./radio-group-label.js";import s from"./radio-group-root.js";import{Fragment as c,Transition as l,createBlock as u,createCommentVNode as d,createElementBlock as f,createElementVNode as p,createTextVNode as m,createVNode as h,defineComponent as g,mergeProps as _,normalizeClass as v,openBlock as y,renderList as b,renderSlot as x,toDisplayString as S,unref as C,useId as w,useSlots as T,withCtx as E}from"vue";const D=g({name:`RadioGroupCardCompact`,__name:`radio-group-card-compact`,props:{contentProps:{},textContentProps:{},descriptionProps:{},items:{},itemProps:{},controlProps:{},indicatorProps:{},labelProps:{},modelValue:{},defaultValue:{},disabled:{type:Boolean},orientation:{},dir:{},loop:{type:Boolean},name:{},required:{type:Boolean}},emits:[`update:modelValue`],setup(g,{emit:D}){let O=g,k=D,A=T(),j=e(O,[`items`,`itemProps`,`controlProps`,`indicatorProps`,`labelProps`,`contentProps`,`textContentProps`,`descriptionProps`]),M=n(),N=w(),P=e=>String(e.value),F=e=>`${O.itemProps?.id||`radio-${N}`}-${e}`;return(e,n)=>(y(),u(s,_(C(j),{"onUpdate:modelValue":n[0]||(n[0]=e=>k(`update:modelValue`,e))}),{default:E(()=>[(y(!0),f(c,null,b(g.items,(n,s)=>(y(),u(a,_({key:P(n)},{ref_for:!0},g.itemProps,{value:n.value,disabled:g.disabled||n.disabled}),{default:E(()=>[p(`div`,_({ref_for:!0},g.contentProps,{class:C(M).content}),[h(t,{icon:n.icon,class:v(C(M).icon)},null,8,[`icon`,`class`]),p(`div`,_({ref_for:!0},g.textContentProps,{class:C(M).textContent}),[h(o,_({ref_for:!0},g.labelProps),{default:E(()=>[m(S(n.label),1)]),_:2},1040),A.description||n.description?(y(),f(`p`,_({key:0,ref_for:!0},g.descriptionProps,{class:C(M).description}),[x(e.$slots,`description`,{item:n},()=>[m(S(n.description),1)])],16)):d(`v-if`,!0)],16)],16),h(r,_({ref_for:!0},g.controlProps,{id:F(s)}),{default:E(()=>[h(l,{"enter-active-class":`soybean-headless-transition-all-150`,"enter-from-class":`soybean-headless-opacity-0 soybean-headless-scale-0`},{default:E(()=>[h(i,_({ref_for:!0},g.indicatorProps),null,16)]),_:1})]),_:1},16,[`id`])]),_:2},1040,[`value`,`disabled`]))),128))]),_:3},16))}});export{D as default};

package/dist/components/radio-group/radio-group-card-compact.vue.d.ts

@@ -1,5 +1,4 @@
 import { RadioGroupCardCompactProps, RadioGroupCardCompactSlots, RadioGroupCardOptionData } from "./types.js";
-
 //#region src/components/radio-group/radio-group-card-compact.vue.d.ts
 declare const __VLS_export: <T extends RadioGroupCardOptionData>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
   props: import("vue").PublicProps & __VLS_PrettifyLocal<RadioGroupCardCompactProps<T> & {
@@ -12,9 +11,9 @@ declare const __VLS_export: <T extends RadioGroupCardOptionData>(__VLS_props: No
   slots: RadioGroupCardCompactSlots<T>;
   emit: (evt: "update:modelValue", payload: T["value"] | null) => void;
 }>) => import("vue").VNode & {
-  __ctx?: Awaited<typeof __VLS_setup>;
+  __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
 };
 declare const _default: typeof __VLS_export;
-type __VLS_PrettifyLocal<T> = (T extends any ? { [K in keyof T]: T[K] } : { [K in keyof T as K]: T[K] }) & {};
+type __VLS_PrettifyLocal<T> = (T extends any ? { [K in keyof T]: T[K]; } : { [K in keyof T as K]: T[K]; }) & {};
 //#endregion
-export { _default };
+export { _default as default };

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

@@ -1,5 +1,4 @@
 import { RadioGroupCompactProps, RadioGroupOptionData } from "./types.js";
-
 //#region src/components/radio-group/radio-group-compact.vue.d.ts
 declare const __VLS_export: <T extends RadioGroupOptionData>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
   props: import("vue").PublicProps & __VLS_PrettifyLocal<RadioGroupCompactProps<T> & {
@@ -12,9 +11,9 @@ declare const __VLS_export: <T extends RadioGroupOptionData>(__VLS_props: NonNul
   slots: {};
   emit: (evt: "update:modelValue", payload: T["value"] | null) => void;
 }>) => import("vue").VNode & {
-  __ctx?: Awaited<typeof __VLS_setup>;
+  __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
 };
 declare const _default: typeof __VLS_export;
-type __VLS_PrettifyLocal<T> = (T extends any ? { [K in keyof T]: T[K] } : { [K in keyof T as K]: T[K] }) & {};
+type __VLS_PrettifyLocal<T> = (T extends any ? { [K in keyof T]: T[K]; } : { [K in keyof T as K]: T[K]; }) & {};
 //#endregion
-export { _default };
+export { _default as default };

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

@@ -1 +1 @@
-import{getAriaLabel as e}from"../../shared/dom.js";import{isFormControl as t}from"../../shared/vue.js";import{handleAndDispatchCustomEvent as n}from"../../shared/event.js";import"../../shared/index.js";import r from"../button/button.js";import i from"../roving-focus/roving-focus-item.js";import"../roving-focus/index.js";import{useRadioGroupItemContext as a,useRadioGroupRootContext as o,useRadioGroupUi as s}from"./context.js";import{computed as c,createBlock as l,createVNode as u,defineComponent as d,mergeProps as f,onBeforeMount as p,onMounted as m,openBlock as h,renderSlot as g,unref as _,useAttrs as v,useTemplateRef as y,watchEffect as b,withCtx as x,withKeys as S,withModifiers as C}from"vue";const w=d({name:`RadioGroupControl`,__name:`radio-group-control`,props:{id:{},type:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{}},setup(d){let w=d,T=v(),E=s(`control`),D=y(`controlElement`),O=o(`RadioGroupControl`),{value:k,disabled:A,name:j,required:M,checked:N,dataState:P,onSelect:F,initControlId:I}=a(`RadioGroupControl`),L=c(()=>t(D.value)),R=c(()=>e(D.value,w.id,T[`aria-label`])),z=[`ArrowUp`,`ArrowDown`,`ArrowLeft`,`ArrowRight`],B=!1;function V(e){z.includes(e.key)&&(B=!0)}function H(){B=!1}function U(e){n(`radio.select`,t=>{F(t),!t?.defaultPrevented&&(O.modelValue.value=k.value,L.value&&e.stopPropagation())},{originalEvent:e,value:k.value})}function W(){setTimeout(()=>{B&&D.value?.click()},0)}return b(()=>{w.id&&I(w.id)}),m(()=>{document.addEventListener(`keydown`,V),document.addEventListener(`keyup`,H)}),p(()=>{document.removeEventListener(`keydown`,V),document.removeEventListener(`keyup`,H)}),(e,t)=>(h(),l(_(i),{"as-child":``,checked:_(N),focusable:!_(A),active:_(N)},{default:x(()=>[u(r,f({ref_key:`controlElement`,ref:D},w,{"data-soybean-radio-group-control":``,class:_(E),role:`radio`,disabled:_(A),"aria-checked":_(N),"aria-label":R.value,"data-state":_(P),value:String(_(k)),required:_(M),name:_(j),onClick:C(U,[`stop`]),onKeydown:t[0]||(t[0]=S(C(()=>{},[`prevent`]),[`enter`])),onFocus:W}),{default:x(()=>[g(e.$slots,`default`,{checked:_(N),required:_(M),disabled:_(A)})]),_:3},16,[`class`,`disabled`,`aria-checked`,`aria-label`,`data-state`,`value`,`required`,`name`])]),_:3},8,[`checked`,`focusable`,`active`]))}});export{w as default};
+import{getAriaLabel as e}from"../../shared/dom.js";import{isFormControl as t}from"../../shared/vue.js";import{handleAndDispatchCustomEvent as n}from"../../shared/event.js";import"../../shared/index.js";import{useForwardElement as r}from"../../composables/use-forward-element.js";import"../../composables/index.js";import i from"../button/button.js";import a from"../roving-focus/roving-focus-item.js";import"../roving-focus/index.js";import{useRadioGroupItemContext as o,useRadioGroupRootContext as s,useRadioGroupUi as c}from"./context.js";import{computed as l,createBlock as u,createVNode as d,defineComponent as f,mergeProps as p,onBeforeUnmount as m,onMounted as h,openBlock as g,renderSlot as _,unref as v,useAttrs as y,watchEffect as b,withCtx as x,withKeys as S,withModifiers as C}from"vue";const w=f({name:`RadioGroupControl`,__name:`radio-group-control`,props:{id:{},type:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{}},setup(f){let w=f,T=y(),E=c(`control`),[D,O]=r(),k=s(`RadioGroupControl`),{value:A,disabled:j,name:M,required:N,checked:P,dataState:F,onSelect:I,initControlId:L}=o(`RadioGroupControl`),R=l(()=>t(D.value)),z=l(()=>e(D.value,w.id,T[`aria-label`])),B=[`ArrowUp`,`ArrowDown`,`ArrowLeft`,`ArrowRight`],V=!1;function H(e){B.includes(e.key)&&(V=!0)}function U(){V=!1}function W(e){let t={originalEvent:e,value:A.value};n(`radio.select`,t=>{I(t),!t?.defaultPrevented&&(k.modelValue.value=A.value,R.value&&e.stopPropagation())},t)}function G(){setTimeout(()=>{V&&D.value?.click()},0)}return b(()=>{w.id&&L(w.id)}),h(()=>{document.addEventListener(`keydown`,H),document.addEventListener(`keyup`,U)}),m(()=>{document.removeEventListener(`keydown`,H),document.removeEventListener(`keyup`,U)}),(e,t)=>(g(),u(v(a),{"as-child":``,checked:v(P),focusable:!v(j),active:v(P)},{default:x(()=>[d(i,p({ref:v(O)},w,{"data-soybean-radio-group-control":``,class:v(E),role:`radio`,disabled:v(j),"aria-checked":v(P),"aria-label":z.value,"data-state":v(F),value:String(v(A)),required:v(N),name:v(M),onClick:C(W,[`stop`]),onKeydown:S(C(W,[`prevent`]),[`enter`]),onFocus:G}),{default:x(()=>[_(e.$slots,`default`,{checked:v(P),required:v(N),disabled:v(j)})]),_:3},16,[`class`,`disabled`,`aria-checked`,`aria-label`,`data-state`,`value`,`required`,`name`,`onKeydown`])]),_:3},8,[`checked`,`focusable`,`active`]))}});export{w as default};

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

@@ -1,13 +1,12 @@
 import { RadioGroupControlProps } from "./types.js";
-
 //#region src/components/radio-group/radio-group-control.vue.d.ts
-declare var __VLS_20: {
+declare var __VLS_18: {
   checked: boolean;
   required: boolean | undefined;
   disabled: boolean | undefined;
 };
 type __VLS_Slots = {} & {
-  default?: (props: typeof __VLS_20) => any;
+  default?: (props: typeof __VLS_18) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<RadioGroupControlProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<RadioGroupControlProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
@@ -18,4 +17,4 @@ type __VLS_WithSlots<T, S> = T & {
   };
 };
 //#endregion
-export { _default };
+export { _default as default };

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

@@ -1,6 +1,6 @@
 import { AsTag } from "../primitive/types.js";
+import "../primitive/index.js";
 import { RadioGroupIndicatorProps } from "./types.js";
-
 //#region src/components/radio-group/radio-group-indicator.vue.d.ts
 declare var __VLS_8: {};
 type __VLS_Slots = {} & {
@@ -17,4 +17,4 @@ type __VLS_WithSlots<T, S> = T & {
   };
 };
 //#endregion
-export { _default };
+export { _default as default };

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

@@ -1,5 +1,4 @@
 import { RadioGroupItemProps, RadioSelectEvent } from "./types.js";
-
 //#region src/components/radio-group/radio-group-item.vue.d.ts
 declare var __VLS_1: {
   checked: boolean;
@@ -20,4 +19,4 @@ type __VLS_WithSlots<T, S> = T & {
   };
 };
 //#endregion
-export { _default };
+export { _default as default };

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

@@ -1,4 +1,5 @@
 import { LabelProps } from "../label/types.js";
+import "./types.js";
 //#region src/components/radio-group/radio-group-label.vue.d.ts
 declare var __VLS_8: {};
 type __VLS_Slots = {} & {
@@ -13,4 +14,4 @@ type __VLS_WithSlots<T, S> = T & {
   };
 };
 //#endregion
-export { _default };
+export { _default as default };

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

@@ -1,6 +1,6 @@
 import { DefinedWithBooleanValue } from "../../types/common.js";
+import "../../types/index.js";
 import { RadioGroupRootProps } from "./types.js";
-
 //#region src/components/radio-group/radio-group-root.vue.d.ts
 declare const __VLS_export: <T extends DefinedWithBooleanValue>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
   props: import("vue").PublicProps & __VLS_PrettifyLocal<RadioGroupRootProps<T> & {
@@ -17,9 +17,9 @@ declare const __VLS_export: <T extends DefinedWithBooleanValue>(__VLS_props: Non
   };
   emit: (evt: "update:modelValue", payload: T | null) => void;
 }>) => import("vue").VNode & {
-  __ctx?: Awaited<typeof __VLS_setup>;
+  __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
 };
 declare const _default: typeof __VLS_export;
-type __VLS_PrettifyLocal<T> = (T extends any ? { [K in keyof T]: T[K] } : { [K in keyof T as K]: T[K] }) & {};
+type __VLS_PrettifyLocal<T> = (T extends any ? { [K in keyof T]: T[K]; } : { [K in keyof T as K]: T[K]; }) & {};
 //#endregion
-export { _default };
+export { _default as default };

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

@@ -1,12 +1,12 @@
 import { DataOrientation, DefinedWithBooleanValue, Direction, UiClass } from "../../types/common.js";
 import { ForceMountProps, FormFieldCommonProps } from "../../types/component.js";
 import { BaseProps } from "../../types/vue.js";
+import "../../types/index.js";
 import { IconValue } from "../_icon/types.js";
 import { PrimitiveWithBaseProps } from "../primitive/types.js";
 import { ButtonProps } from "../button/types.js";
 import { LabelProps } from "../label/types.js";
 import { ComputedRef, ShallowRef } from "vue";
-
 //#region src/components/radio-group/types.d.ts
 /**
  * Properties for the RadioGroupRoot component.
@@ -32,7 +32,8 @@ interface RadioGroupRootProps<T extends DefinedWithBooleanValue = DefinedWithBoo
  * Events for the RadioGroupRoot component.
  */
 type RadioGroupRootEmits<T extends DefinedWithBooleanValue> = {
-  /** Event handler called when the radio group value changes */'update:modelValue': [payload: T | null];
+  /** Event handler called when the radio group value changes */
+  'update:modelValue': [payload: T | null];
 };
 /**
  * Properties for the RadioGroupItem component.
@@ -50,7 +51,7 @@ type RadioSelectEvent = CustomEvent<{
   /**
    * Original event.
    */
-  originalEvent: MouseEvent;
+  originalEvent: MouseEvent | KeyboardEvent;
   /**
    * Value associated with the current item.
    */
@@ -60,7 +61,8 @@ type RadioSelectEvent = CustomEvent<{
  * Events for the RadioGroupItem component.
  */
 type RadioGroupItemEmits = {
-  /** Event handler called when the radio item is selected */select: [event: RadioSelectEvent];
+  /** Event handler called when the radio item is selected */
+  select: [event: RadioSelectEvent];
 };
 /**
  * Properties for the RadioGroupControl component.
@@ -181,4 +183,4 @@ type RadioGroupCardUiSlot = RadioGroupUiSlot | 'content' | 'textContent' | 'desc
  */
 type RadioGroupCardUi = UiClass<RadioGroupCardUiSlot>;
 //#endregion
-export { RadioGroupCardCompactEmits, RadioGroupCardCompactProps, RadioGroupCardCompactSlots, RadioGroupCardOptionData, RadioGroupCardUi, RadioGroupCardUiSlot, RadioGroupCompactEmits, RadioGroupCompactProps, RadioGroupControlProps, RadioGroupIndicatorProps, RadioGroupItemEmits, RadioGroupItemProps, RadioGroupOptionData, RadioGroupRootEmits, RadioGroupRootProps, RadioGroupUi, RadioGroupUiSlot, RadioSelectEvent };
+export { RadioGroupCardCompactEmits, RadioGroupCardCompactProps, RadioGroupCardCompactSlots, RadioGroupCardOptionData, RadioGroupCardUi, RadioGroupCardUiSlot, RadioGroupCompactEmits, RadioGroupCompactProps, RadioGroupControlProps, RadioGroupIndicatorProps, RadioGroupItemEmits, RadioGroupItemProps, type LabelProps as RadioGroupLabelProps, RadioGroupOptionData, RadioGroupRootEmits, RadioGroupRootProps, RadioGroupUi, RadioGroupUiSlot, RadioSelectEvent };

package/dist/components/rating/context.js

@@ -0,0 +1 @@
+import{useContext as e}from"../../composables/use-context.js";import"../../composables/index.js";const[t,n]=e(`RatingRoot`);export{t as provideRatingRootContext,n as useRatingRootContext};

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

@@ -0,0 +1,4 @@
+import { RatingItemEmits, RatingItemProps, RatingItemState, RatingRootContext, RatingRootEmits, RatingRootProps } from "./types.js";
+import _default from "./rating-item.vue.js";
+import _default$1 from "./rating-root.vue.js";
+export { _default as RatingItem, type RatingItemEmits, type RatingItemProps, type RatingItemState, _default$1 as RatingRoot, type RatingRootContext, type RatingRootEmits, type RatingRootProps };

package/dist/components/rating/index.js

@@ -0,0 +1 @@
+import e from"./rating-item.js";import t from"./rating-root.js";export{e as RatingItem,t as RatingRoot};

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

@@ -0,0 +1 @@
+import{Primitive as e}from"../primitive/primitive.js";import"../primitive/index.js";import{getRatingItemState as t,getRatingValueFromPointer as n}from"./shared.js";import{useRatingRootContext as r}from"./context.js";import{computed as i,createBlock as a,defineComponent as o,openBlock as s,renderSlot as c,unref as l,withCtx as u}from"vue";const d=o({name:`RatingItem`,__name:`rating-item`,props:{index:{},asChild:{type:Boolean},as:{}},setup(o){let d=o,f=r(`RatingItem`),p=i(()=>!!f.allowHalf.value),m=i(()=>!!f.disabled.value),h=i(()=>!!f.readonly.value),g=i(()=>f.dir.value??`ltr`),_=i(()=>t(f.currentModelValue.value,f.hoverValue.value,d.index,p.value)),v=i(()=>d.index+1),y=i(()=>m.value?``:void 0),b=i(()=>h.value?``:void 0);function x(e){let t=e.currentTarget.getBoundingClientRect();return n(e,t,d.index,p.value,g.value)}function S(e){m.value||h.value||f.setHover(x(e))}function C(){m.value||h.value||f.setHover(d.index+1)}function w(e){m.value||h.value||f.setValue(x(e))}return(t,n)=>(s(),a(l(e),{as:o.as,"as-child":o.asChild,"data-soybean-rating-item":``,"data-state":_.value,"data-index":o.index,"data-disabled":y.value,"data-readonly":b.value,tabindex:`-1`,onPointermove:S,onPointerenter:C,onClick:w},{default:u(()=>[c(t.$slots,`default`,{index:o.index,value:v.value,state:_.value})]),_:3},8,[`as`,`as-child`,`data-state`,`data-index`,`data-disabled`,`data-readonly`]))}});export{d as default};

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

@@ -0,0 +1,20 @@
+import { RatingItemProps, RatingItemState } from "./types.js";
+//#region src/components/rating/rating-item.vue.d.ts
+declare var __VLS_12: {
+  index: number;
+  value: number;
+  state: RatingItemState;
+};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_12) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<RatingItemProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<RatingItemProps> & Readonly<{}>, {}, {}, {}, {}, string, import("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 as default };

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

@@ -0,0 +1 @@
+import{interpolate as e}from"../../shared/string.js";import{isFormControl as t}from"../../shared/vue.js";import{useDirection as n}from"../config-provider/context.js";import{useLocaleMessages as r}from"../../locale/hooks.js";import"../../locale/index.js";import"../../shared/index.js";import{useControllableState as i}from"../../composables/use-controllable-state.js";import{useForwardElement as a}from"../../composables/use-forward-element.js";import"../../composables/index.js";import{Primitive as o}from"../primitive/primitive.js";import"../primitive/index.js";import s from"../visually-hidden/visually-hidden-input.js";import"../visually-hidden/index.js";import{ARROW_KEYS as c,clampRatingValue as l,getValidRatingMax as u,isRatingBackKey as d,snapRatingToStep as f}from"./shared.js";import{provideRatingRootContext as p}from"./context.js";import{computed as m,createBlock as h,createCommentVNode as g,defineComponent as _,openBlock as v,renderSlot as y,shallowRef as b,unref as x,useAttrs as S,withCtx as C}from"vue";const w=_({name:`RatingRoot`,__name:`rating-root`,props:{modelValue:{default:void 0},defaultValue:{default:0},max:{default:5},allowHalf:{type:Boolean,default:!1},allowClear:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},orientation:{default:`horizontal`},dir:{default:void 0},name:{},required:{type:Boolean},asChild:{type:Boolean},as:{}},emits:[`update:modelValue`,`hoverChange`,`valueCommit`],setup(_,{emit:w}){let T=_,E=w,D=S(),[O,k]=a(),A=r(),j=i(()=>T.modelValue,e=>{E(`update:modelValue`,e)},T.defaultValue??0),M=n(()=>T.dir),N=m(()=>T.disabled),P=m(()=>T.readonly),F=m(()=>T.allowHalf),I=m(()=>T.allowClear),L=m(()=>T.orientation===`vertical`?`vertical`:`horizontal`),R=m(()=>u(T.max)),z=m(()=>l(f(j.value??0,F.value),R.value)),B=b(null),V=m(()=>B.value),H=m(()=>L.value===`horizontal`),U=m(()=>t(O.value)),W=m(()=>N.value?``:void 0),G=m(()=>P.value?``:void 0),K=m(()=>P.value?!0:void 0),q=m(()=>N.value?!0:void 0),J=m(()=>N.value?`-1`:`0`),Y=m(()=>{let t=z.value;return t===0?A.value.rating.empty:e(A.value.rating.starN,{count:String(t),max:String(R.value)})}),X=m(()=>{let e=D[`aria-label`];return typeof e==`string`?e:A.value.rating.ariaLabel});function Z(e){if(N.value||P.value)return;let t=f(e,F.value),n=l(t,R.value),r=I.value&&n===z.value?0:n;r!==z.value&&(j.value=r,E(`valueCommit`,r))}function Q(e){if(N.value||P.value)return;let t=f(e,F.value);B.value=t,E(`hoverChange`,t)}function $(){B.value=null,E(`hoverChange`,null)}function ee(e){if(N.value||P.value)return;if(e.key===`Home`){e.preventDefault(),Z(0);return}if(e.key===`End`){e.preventDefault(),Z(R.value);return}if(!c.includes(e.key))return;e.preventDefault();let t=F.value?.5:1,n=d(e.key,M.value,L.value)?-1:1;Z(z.value+n*t)}return p({modelValue:j,currentModelValue:z,hoverValue:V,max:R,allowHalf:F,allowClear:I,readonly:P,disabled:N,dir:M,orientation:L,isHorizontal:H,setValue:Z,setHover:Q,clearHover:$}),(e,t)=>(v(),h(x(o),{ref:x(k),as:_.as,"as-child":_.asChild,"data-soybean-rating-root":``,dir:x(M),"data-disabled":W.value,"data-readonly":G.value,"data-orientation":L.value,role:`slider`,tabindex:J.value,"aria-valuenow":z.value,"aria-valuemin":0,"aria-valuemax":R.value,"aria-valuetext":Y.value,"aria-orientation":L.value,"aria-readonly":K.value,"aria-disabled":q.value,"aria-label":X.value,onKeydown:ee,onPointerleave:$},{default:C(()=>[y(e.$slots,`default`,{value:z.value,hoverValue:V.value}),U.value&&_.name?(v(),h(x(s),{key:0,type:`number`,name:_.name,value:z.value,disabled:N.value,required:_.required},null,8,[`name`,`value`,`disabled`,`required`])):g(`v-if`,!0)]),_:3},8,[`as`,`as-child`,`dir`,`data-disabled`,`data-readonly`,`data-orientation`,`tabindex`,`aria-valuenow`,`aria-valuemax`,`aria-valuetext`,`aria-orientation`,`aria-readonly`,`aria-disabled`,`aria-label`]))}});export{w as default};

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

@@ -0,0 +1,39 @@
+import { DataOrientation, Direction } from "../../types/common.js";
+import { RatingRootProps } from "./types.js";
+import "../../index.js";
+//#region src/components/rating/rating-root.vue.d.ts
+declare var __VLS_11: {
+  value: number;
+  hoverValue: number | null;
+};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_11) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<RatingRootProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+  "update:modelValue": (value: number) => any;
+  hoverChange: (value: number | null) => any;
+  valueCommit: (value: number) => any;
+}, string, import("vue").PublicProps, Readonly<RatingRootProps> & Readonly<{
+  "onUpdate:modelValue"?: ((value: number) => any) | undefined;
+  onHoverChange?: ((value: number | null) => any) | undefined;
+  onValueCommit?: ((value: number) => any) | undefined;
+}>, {
+  disabled: boolean;
+  dir: Direction;
+  max: number;
+  orientation: DataOrientation;
+  modelValue: number;
+  defaultValue: number;
+  allowHalf: boolean;
+  allowClear: boolean;
+  readonly: boolean;
+}, {}, {}, {}, string, import("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 as default };

package/dist/components/rating/shared.js

@@ -0,0 +1 @@
+import{clamp as e,snapValueToStep as t}from"../../shared/value.js";import"../../shared/index.js";const n=.5,r=[`ArrowUp`,`ArrowDown`,`ArrowLeft`,`ArrowRight`],i={"ltr-horizontal":[`Home`,`ArrowDown`,`ArrowLeft`],"rtl-horizontal":[`Home`,`ArrowDown`,`ArrowRight`],vertical:[`Home`,`ArrowDown`,`ArrowLeft`]};function a(e,t){return t===`vertical`?`vertical`:e===`rtl`?`rtl-horizontal`:`ltr-horizontal`}function o(e,t,n){return i[a(t,n)].includes(e)}function s(e){return typeof e==`number`&&!Number.isNaN(e)&&e>0?Math.floor(e):5}function c(t,n){return e(t,0,n)}function l(e,n){return n?t(e,0,void 0,.5):Math.round(e)}function u(e,t,n,r){let i=t??e,a=n+1;return i>=a?`full`:r&&i>=a-.5?`half`:`empty`}function d(t,n,r,i,a){let o=n.width;if(o<=0)return r+1;let s=a===`rtl`?n.right-t.clientX:t.clientX-n.left,c=e(s/o,0,1);return i?r+Math.round(c*2)/2:r+1}export{r as ARROW_KEYS,n as RATING_HALF_THRESHOLD,c as clampRatingValue,u as getRatingItemState,d as getRatingValueFromPointer,s as getValidRatingMax,o as isRatingBackKey,l as snapRatingToStep};

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

@@ -0,0 +1,77 @@
+import { DataOrientation, Direction } from "../../types/common.js";
+import { FormFieldCommonProps } from "../../types/component.js";
+import { PropsToContext } from "../../types/vue.js";
+import "../../types/index.js";
+import { PrimitiveWithBaseProps } from "../primitive/types.js";
+import { ComputedRef, ShallowRef } from "vue";
+//#region src/components/rating/types.d.ts
+/**
+ * Properties for the RatingRoot component.
+ */
+interface RatingRootProps extends FormFieldCommonProps, PrimitiveWithBaseProps {
+  /** The controlled value of the rating. Can be bound as `v-model`. */
+  modelValue?: number;
+  /** The initial value of the rating when uncontrolled. */
+  defaultValue?: number;
+  /** The maximum rating value (number of items). */
+  max?: number;
+  /** Whether half-star precision is allowed. */
+  allowHalf?: boolean;
+  /** Whether clicking the current value clears the rating to 0. */
+  allowClear?: boolean;
+  /** Whether the rating is read-only (focusable but not interactive). */
+  readonly?: boolean;
+  /** Whether the rating is disabled (inert). */
+  disabled?: boolean;
+  /** The orientation of the rating. */
+  orientation?: DataOrientation;
+  /** The reading direction of the rating. */
+  dir?: Direction;
+}
+/**
+ * Events for the RatingRoot component.
+ */
+type RatingRootEmits = {
+  /** Event handler called when the rating value changes. */
+  'update:modelValue': [value: number];
+  /** Event handler called when the hover preview value changes. `null` when the pointer leaves. */
+  hoverChange: [value: number | null];
+  /** Event handler called when a rating interaction is committed (click or keyboard). */
+  valueCommit: [value: number];
+};
+/**
+ * Properties for the RatingItem component.
+ */
+interface RatingItemProps extends PrimitiveWithBaseProps {
+  /** The zero-based index of the item within the rating. */
+  index: number;
+}
+/**
+ * Events for the RatingItem component.
+ */
+type RatingItemEmits = Record<string, never>;
+/**
+ * The visual state of a rating item.
+ */
+type RatingItemState = 'full' | 'half' | 'empty';
+/**
+ * Context for the RatingRoot component.
+ */
+interface RatingRootContext extends PropsToContext<RatingRootProps, 'max' | 'allowHalf' | 'allowClear' | 'readonly' | 'disabled' | 'dir' | 'orientation'> {
+  /** Current model value (controllable state ref). */
+  modelValue: ShallowRef<number | undefined>;
+  /** Current model value used by the component context. */
+  currentModelValue: ComputedRef<number>;
+  /** Current hover preview value, or `null` when not hovering. */
+  hoverValue: ComputedRef<number | null>;
+  /** Whether the orientation is horizontal. */
+  isHorizontal: ComputedRef<boolean>;
+  /** Set the rating value (handles snapping, clamping, and `allowClear`). */
+  setValue: (value: number) => void;
+  /** Set the hover preview value. */
+  setHover: (value: number) => void;
+  /** Clear the hover preview value. */
+  clearHover: () => void;
+}
+//#endregion
+export { RatingItemEmits, RatingItemProps, RatingItemState, RatingRootContext, RatingRootEmits, RatingRootProps };

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{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=m(),E=l(()=>n.tabStopId?.value??T),D=l(()=>n.focusable?.value??!0),O=l(()=>s.value===E.value),k=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)})},A=l(()=>({tabindex:O.value?`0`:`-1`,"data-soybean-collection-item":``,"data-orientation":c.value,"data-active":C?.value?``:void 0,"data-disabled":D.value?void 0:``})),j={mousedown:e=>{D.value?g(E.value):e.preventDefault()},focus:()=>{g(E.value)},keydown:k};return f(()=>{x()}),d(()=>{S()}),{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(),s=[o.find(e=>n(e,`active`)),o.find(e=>n(e,`highlighted`)),o.find(e=>e.id===y.value),...o].filter(Boolean);i(s,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=m(),E=l(()=>n.tabStopId?.value??T),D=l(()=>n.focusable?.value??!0),O=l(()=>s.value===E.value),k=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)})},A=l(()=>({tabindex:O.value?`0`:`-1`,"data-soybean-collection-item":``,"data-orientation":c.value,"data-active":C?.value?``:void 0,"data-disabled":D.value?void 0:``})),j={mousedown:e=>{D.value?g(E.value):e.preventDefault()},focus:()=>{g(E.value)},keydown:k};return f(()=>{x()}),d(()=>{S()}),{setItemElement:o,rovingFocusItemProps:A,rovingFocusItemListeners:j}}export{y as provideRovingFocusGroupContext,v as useCollectionItem,x as useRovingFocusItem};

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

@@ -1,4 +1,4 @@
 import { RovingFocusGroupEmits, RovingFocusGroupProps, RovingFocusItemProps } from "./types.js";
-import { _default } from "./roving-focus-group.vue.js";
-import { _default as _default$1 } from "./roving-focus-item.vue.js";
+import _default from "./roving-focus-group.vue.js";
+import _default$1 from "./roving-focus-item.vue.js";
 export { _default as RovingFocusGroup, type RovingFocusGroupEmits, type RovingFocusGroupProps, _default$1 as RovingFocusItem, type RovingFocusItemProps };

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

@@ -1,6 +1,8 @@
 import { DataOrientation } from "../../types/common.js";
 import { CollectionItemData } from "../../composables/use-collection.js";
+import "../../composables/index.js";
 import { RovingFocusGroupProps } from "./types.js";
+import "../../index.js";
 //#region src/components/roving-focus/roving-focus-group.vue.d.ts
 declare var __VLS_8: {};
 type __VLS_Slots = {} & {
@@ -27,4 +29,4 @@ type __VLS_WithSlots<T, S> = T & {
   };
 };
 //#endregion
-export { _default };
+export { _default as default };

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

@@ -1,5 +1,4 @@
 import { RovingFocusItemProps } from "./types.js";
-
 //#region src/components/roving-focus/roving-focus-item.vue.d.ts
 declare var __VLS_8: {};
 type __VLS_Slots = {} & {
@@ -16,4 +15,4 @@ type __VLS_WithSlots<T, S> = T & {
   };
 };
 //#endregion
-export { _default };
+export { _default as default };

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

@@ -1,6 +1,6 @@
 import { DataOrientation, Direction } from "../../types/common.js";
+import "../../types/index.js";
 import { PrimitiveWithBaseProps } from "../primitive/types.js";
-
 //#region src/components/roving-focus/types.d.ts
 /**
  * Properties for the RovingFocusGroup component.

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

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

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

@@ -1,9 +1,9 @@
 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 _default$2 from "./scroll-area-root.vue.js";
+import _default$5 from "./scroll-area-viewport.vue.js";
+import _default$3 from "./scroll-area-scrollbar.vue.js";
+import _default$4 from "./scroll-area-thumb.vue.js";
+import _default$1 from "./scroll-area-corner.vue.js";
+import _default from "./scroll-area-compact.vue.js";
 import { provideScrollAreaUi } from "./context.js";
 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/scroll-area-compact.vue.d.ts

@@ -1,5 +1,4 @@
 import { ScrollAreaCompactProps, ScrollAreaCompactSlots } from "./types.js";
-
 //#region src/components/scroll-area/scroll-area-compact.vue.d.ts
 type __VLS_Slots = ScrollAreaCompactSlots;
 declare const __VLS_base: import("vue").DefineComponent<ScrollAreaCompactProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ScrollAreaCompactProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
@@ -11,4 +10,4 @@ type __VLS_WithSlots<T, S> = T & {
   };
 };
 //#endregion
-export { _default };
+export { _default as 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:{}},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};
+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=s,h=f(),g=e(m,[],h),_=r(`corner`),{scrollbarXSize:v,scrollbarYSize:y,scrollbarXVisible:b,scrollbarYVisible:x}=n(`ScrollAreaCorner`),S=i(()=>b.value&&x.value),C=i(()=>({width:`${y.value}px`,height:`${v.value}px`}));return(e,n)=>S.value?(l(),a(d(t),c({key:0},d(g),{as:s.as,"as-child":s.asChild,"data-soybean-scroll-area-corner":``,class:d(_),"aria-hidden":!0,style:C.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,5 +1,4 @@
 import { ScrollAreaCornerProps } from "./types.js";
-
 //#region src/components/scroll-area/scroll-area-corner.vue.d.ts
 declare var __VLS_8: {};
 type __VLS_Slots = {} & {
@@ -14,4 +13,4 @@ type __VLS_WithSlots<T, S> = T & {
   };
 };
 //#endregion
-export { _default };
+export { _default as default };

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

@@ -1 +1 @@
-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};
+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,_=m(),v=r(g,[`dir`,`scrollHideDelay`,`type`],_),y=o(`root`),b=t(()=>g.dir),[x,S]=n(),C=f(!1),w=f(),T=f(),E=f(!1),D=f(!1),O=f(!1),k=f(!1),A=f(0),j=f(0);function M(e,t){if(e===`horizontal`){E.value=t;return}D.value=t}function N(e,t){if(e===`horizontal`){O.value=t;return}k.value=t}function P(e,t){if(e===`horizontal`){A.value=t;return}j.value=t}return a({dir:b,isHovering:C,rootElement:x,viewportElement:w,contentElement:T,scrollbarXEnabled:E,scrollbarYEnabled:D,scrollbarXVisible:O,scrollbarYVisible:k,scrollbarXSize:A,scrollbarYSize:j,onViewportChange:e=>{w.value=e},onContentChange:e=>{T.value=e},onScrollbarEnabledChange:M,onScrollbarVisibleChange:N,onScrollbarSizeChange:P,...e(g,[`scrollHideDelay`,`type`])}),(e,t)=>(u(),s(p(i),l(p(v),{ref:p(S),as:c.as,"as-child":c.asChild,"data-soybean-scroll-area-root":``,class:p(y),dir:p(b),onPointerenter:t[0]||(t[0]=e=>C.value=!0),onPointerleave:t[1]||(t[1]=e=>C.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,5 +1,4 @@
 import { ScrollAreaRootProps, ScrollAreaType } from "./types.js";
-
 //#region src/components/scroll-area/scroll-area-root.vue.d.ts
 declare var __VLS_11: {};
 type __VLS_Slots = {} & {
@@ -17,4 +16,4 @@ type __VLS_WithSlots<T, S> = T & {
   };
 };
 //#endregion
-export { _default };
+export { _default as default };

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:{}},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};
+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 i,useScrollAreaUi as ee}from"./context.js";import{clamp as te,getScrollPosition as ne,getScrollSize as a,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 ce,renderSlot as le,shallowRef as l,unref as u,useAttrs as d,watch as f,withCtx as p}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=d(),de=t(h,[`orientation`],ue),{contentElement:g,dir:_,isHovering:v,onScrollbarEnabledChange:fe,onScrollbarSizeChange:pe,onScrollbarVisibleChange:y,scrollHideDelay:me,type:b,viewportElement:x}=i(`ScrollAreaScrollbar`),he=ee(`scrollbar`),[S,C]=e(),w=l(!1),T=l(!1),E=l(!1),D=l(0),O=l(0),k=l(0),A=l(0),j=l(0),M=l([]),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(b.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`),ge=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},me.value)}function W(){let e=x.value,t=g.value,n=S.value;if(!e||!t||!n)return;let r=a(e,t,P.value);O.value=r.viewportSize,k.value=r.contentSize,A.value=P.value===`horizontal`?n.clientWidth:n.clientHeight,D.value=ne(e,P.value,_.value),pe(P.value,A.value)}function G(){if(b.value===`scroll`){w.value=!0,U(`scroll`);return}b.value===`glimpse`&&(E.value=!0,U(`glimpse`))}function K(e){let t=x.value;if(!t||R.value<=0||F.value<=0)return;let n=te(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||!S.value)return;let t=S.value.getBoundingClientRect(),n=P.value===`horizontal`?t.left:t.top;K(q(e)-n-j.value)}function Y(){T.value&&(T.value=!1,window.removeEventListener(`pointermove`,J),window.removeEventListener(`pointerup`,X),window.removeEventListener(`pointercancel`,Z),G())}function X(){Y()}function Z(){Y()}function _e(e){if(!S.value||e.button!==0)return;let t=e.target;if(t instanceof HTMLElement&&t.closest(`[data-soybean-scroll-area-thumb]`))return;let n=S.value.getBoundingClientRect(),r=P.value===`horizontal`?n.left:n.top;K(q(e)-r-L.value/2),G()}function ve(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()}f(()=>x.value,(e,t)=>{t?.removeEventListener(`scroll`,Q),e&&(e.addEventListener(`scroll`,Q,{passive:!0}),W())},{immediate:!0}),f(B,e=>{y(P.value,e)},{immediate:!0}),f(()=>v.value,e=>{e&&b.value===`glimpse`&&G()}),m(s(()=>[x.value,g.value,S.value].filter(Boolean)),W),r({orientation:P,dataState:V,hasOverflow:I,thumbStyle:ge,onThumbPointerDown:ve,onThumbPointerUp:X});function $(e,t){if(fe(e,t),t){M.value.includes(e)||(M.value=[...M.value,e]);return}M.value=M.value.filter(t=>t!==e)}return f(()=>h.orientation,(e,t)=>{t&&t!==e&&$(t,!1),$(e,!0)},{immediate:!0}),se(()=>{Y(),H(),M.value.forEach(e=>$(e,!1)),y(P.value,!1),x.value?.removeEventListener(`scroll`,Q)}),(e,t)=>(ce(),ae(u(n),oe(u(de),{ref:u(C),as:c.as,"as-child":c.asChild,"data-soybean-scroll-area-scrollbar":``,class:u(he),"data-orientation":P.value,"data-state":V.value,"aria-hidden":!0,onPointerdown:_e}),{default:p(()=>[le(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,5 +1,4 @@
 import { ScrollAreaOrientation, ScrollAreaScrollbarProps } from "./types.js";
-
 //#region src/components/scroll-area/scroll-area-scrollbar.vue.d.ts
 declare var __VLS_10: {};
 type __VLS_Slots = {} & {
@@ -16,4 +15,4 @@ type __VLS_WithSlots<T, S> = T & {
   };
 };
 //#endregion
-export { _default };
+export { _default as default };

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:{}},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};
+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=a,p=u(),m=e(f,[],p),h=r(`thumb`),{dataState:g,hasOverflow:_,onThumbPointerDown:v,onThumbPointerUp:y,orientation:b,thumbStyle:x}=n(`ScrollAreaThumb`);return(e,n)=>(s(),i(l(t),o(l(m),{as:a.as,"as-child":a.asChild,"data-soybean-scroll-area-thumb":``,class:l(h),"data-orientation":l(b),"data-state":l(g),"aria-hidden":!0,hidden:l(_)?void 0:``,style:l(x),onPointerdown:l(v),onPointerup:l(y)}),{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,5 +1,4 @@
 import { ScrollAreaThumbProps } from "./types.js";
-
 //#region src/components/scroll-area/scroll-area-thumb.vue.d.ts
 declare var __VLS_11: {};
 type __VLS_Slots = {} & {
@@ -14,4 +13,4 @@ type __VLS_WithSlots<T, S> = T & {
   };
 };
 //#endregion
-export { _default };
+export { _default as default };

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

@@ -1,5 +1,4 @@
 import { ScrollAreaViewportProps } from "./types.js";
-
 //#region src/components/scroll-area/scroll-area-viewport.vue.d.ts
 declare var __VLS_7: {};
 type __VLS_Slots = {} & {
@@ -14,4 +13,4 @@ type __VLS_WithSlots<T, S> = T & {
   };
 };
 //#endregion
-export { _default };
+export { _default as default };