@soybeanjs/headless 0.30.0 → 0.40.0-beta.2

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

@@ -7,11 +7,11 @@ import { ComputedRef, SVGAttributes } from "vue";
 /**
  * State values for ProgressState.
  */
-type ProgressState = 'indeterminate' | 'loading' | 'complete';
+export type ProgressState = 'indeterminate' | 'loading' | 'complete';
 /**
  * Properties for the ProgressRoot component.
  */
-interface ProgressRootProps extends PrimitiveWithBaseProps {
+export interface ProgressRootProps extends PrimitiveWithBaseProps {
   /**
    * Reading direction of the component.
    */
@@ -28,7 +28,7 @@ interface ProgressRootProps extends PrimitiveWithBaseProps {
 /**
  * Events for the ProgressRoot component.
  */
-type ProgressRootEmits = {
+export type ProgressRootEmits = {
   /**
    * Emitted when the model value changes.
    */
@@ -41,11 +41,11 @@ type ProgressRootEmits = {
 /**
  * Properties for the ProgressIndicator component.
  */
-interface ProgressIndicatorProps extends PrimitiveWithBaseProps {}
+export interface ProgressIndicatorProps extends PrimitiveWithBaseProps {}
 /**
  * Properties for the ProgressCircleSvg component.
  */
-interface ProgressCircleSvgProps extends BaseProps<SVGAttributes> {
+export interface ProgressCircleSvgProps extends BaseProps<SVGAttributes> {
   /**
    * Stroke width.
    */
@@ -54,7 +54,7 @@ interface ProgressCircleSvgProps extends BaseProps<SVGAttributes> {
 /**
  * Slot properties for the Progress component family.
  */
-interface ProgressSlotProps {
+export interface ProgressSlotProps {
   /**
    * Current model value.
    */
@@ -75,7 +75,7 @@ interface ProgressSlotProps {
 /**
  * Properties for the ProgressCompact component.
  */
-interface ProgressCompactProps extends ProgressRootProps {
+export interface ProgressCompactProps extends ProgressRootProps {
   /**
    * Properties forwarded to the indicator element.
    */
@@ -84,11 +84,11 @@ interface ProgressCompactProps extends ProgressRootProps {
 /**
  * Events for the ProgressCompact component.
  */
-type ProgressCompactEmits = ProgressRootEmits;
+export type ProgressCompactEmits = ProgressRootEmits;
 /**
  * Slots for the ProgressCompact component.
  */
-type ProgressCompactSlots = {
+export type ProgressCompactSlots = {
   /**
    * Custom content for the default slot.
    */
@@ -97,7 +97,7 @@ type ProgressCompactSlots = {
 /**
  * Properties for the ProgressCircleCompact component.
  */
-interface ProgressCircleCompactProps extends ProgressRootProps {
+export interface ProgressCircleCompactProps extends ProgressRootProps {
   /**
    * Stroke width.
    */
@@ -110,11 +110,11 @@ interface ProgressCircleCompactProps extends ProgressRootProps {
 /**
  * Events for the ProgressCircleCompact component.
  */
-type ProgressCircleCompactEmits = ProgressRootEmits;
+export type ProgressCircleCompactEmits = ProgressRootEmits;
 /**
  * Slots for the ProgressCircleCompact component.
  */
-type ProgressCircleCompactSlots = {
+export type ProgressCircleCompactSlots = {
   /**
    * Custom content for the default slot.
    */
@@ -123,23 +123,23 @@ type ProgressCircleCompactSlots = {
 /**
  * Properties for the ProgressProvider component.
  */
-interface ProgressProviderProps extends ProgressOptions {}
+export interface ProgressProviderProps extends ProgressOptions {}
 /**
  * Available UI slots for the Progress component.
  */
-type ProgressUiSlot = 'root' | 'indicator' | 'circleSvg' | 'track' | 'label';
+export type ProgressUiSlot = 'root' | 'indicator' | 'circleSvg' | 'track' | 'label';
 /**
  * UI class overrides for the Progress component.
  */
-type ProgressUi = UiClass<ProgressUiSlot>;
+export type ProgressUi = UiClass<ProgressUiSlot>;
 /**
  * Available UI slots for the ProgressProvider component.
  */
-type ProgressProviderUiSlot = 'root' | 'indicator';
+export type ProgressProviderUiSlot = 'root' | 'indicator';
 /**
  * Type information for ProgressOptions.
  */
-interface ProgressOptions {
+export interface ProgressOptions {
   /**
    * Direction.
    */
@@ -169,5 +169,4 @@ interface ProgressOptions {
    */
   trickleSpeed?: number;
 }
-//#endregion
-export { ProgressCircleCompactEmits, ProgressCircleCompactProps, ProgressCircleCompactSlots, ProgressCircleSvgProps, ProgressCompactEmits, ProgressCompactProps, ProgressCompactSlots, ProgressIndicatorProps, ProgressOptions, ProgressProviderProps, ProgressProviderUiSlot, ProgressRootEmits, ProgressRootProps, ProgressSlotProps, ProgressState, ProgressUi, ProgressUiSlot };
+//#endregion

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

@@ -1,9 +1,9 @@
 import { UiClass } from "../../types/common.js";
 import "../../types/index.js";
-import { UseUiConsumer } from "../../composables/use-ui-context.js";
-import "../../composables/index.js";
 import { RadioGroupCardUiSlot, RadioGroupUiSlot } from "./types.js";
 import "../../index.js";
+import { UseUiConsumer } from "../../composables/use-ui-context.js";
+import "../../composables/index.js";
 //#region src/components/radio-group/context.d.ts
 declare const provideRadioGroupUi: (ui: import("vue").ComputedRef<Partial<UiClass<RadioGroupUiSlot>>>) => import("vue").ComputedRef<Partial<UiClass<RadioGroupUiSlot>>>, useRadioGroupUi: UseUiConsumer<RadioGroupUiSlot>;
 declare const provideRadioGroupCardUi: (ui: import("vue").ComputedRef<Partial<UiClass<RadioGroupCardUiSlot>>>) => import("vue").ComputedRef<Partial<UiClass<RadioGroupCardUiSlot>>>, useRadioGroupCardUi: UseUiConsumer<RadioGroupCardUiSlot>;

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

@@ -1 +1 @@
-import{getCheckedState as e}from"../../shared/value.js";import{useContext as t}from"../../composables/use-context.js";import"../../shared/index.js";import{useUiContext as n}from"../../composables/use-ui-context.js";import"../../composables/index.js";import{computed as r,shallowRef as i}from"vue";const[a,o]=t(`RadioGroupRoot`),[s,c]=t(`RadioGroupItem`,t=>{let n=r(()=>e(t.checked.value)),a=i(``),o=e=>{a.value=e};return{...t,dataState:n,controlId:a,initControlId:o}}),[l,u]=n(`RadioGroupUi`),[d,f]=n(`RadioGroupCardUi`,e=>(l(e),e));export{d as provideRadioGroupCardUi,s as provideRadioGroupItemContext,a as provideRadioGroupRootContext,l as provideRadioGroupUi,f as useRadioGroupCardUi,c as useRadioGroupItemContext,o as useRadioGroupRootContext,u as useRadioGroupUi};
+import{getCheckedState as e}from"../../shared/value.js";import{useContext as t}from"../../composables/use-context.js";import{useUiContext as n}from"../../composables/use-ui-context.js";import{computed as r,shallowRef as i}from"vue";const[a,o]=t(`RadioGroupRoot`),[s,c]=t(`RadioGroupItem`,t=>{let n=r(()=>e(t.checked.value)),a=i(``),o=e=>{a.value=e};return{...t,dataState:n,controlId:a,initControlId:o}}),[l,u]=n(`RadioGroupUi`),[d,f]=n(`RadioGroupCardUi`,e=>(l(e),e));export{d as provideRadioGroupCardUi,s as provideRadioGroupItemContext,a as provideRadioGroupRootContext,l as provideRadioGroupUi,f as useRadioGroupCardUi,c as useRadioGroupItemContext,o as useRadioGroupRootContext,u as useRadioGroupUi};

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`,`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};
+import{useOmitProps as e}from"../../composables/use-props.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]||=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,{name:`radio-group-indicator`},{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-compact.js

@@ -1 +1 @@
-import{useOmitProps as e}from"../../composables/use-props.js";import"../../composables/index.js";import t from"./radio-group-control.js";import n from"./radio-group-indicator.js";import r from"./radio-group-item.js";import i from"./radio-group-label.js";import a from"./radio-group-root.js";import{Fragment as o,Transition as s,createBlock as c,createElementBlock as l,createTextVNode as u,createVNode as d,defineComponent as f,mergeProps as p,openBlock as m,renderList as h,toDisplayString as g,unref as _,useId as v,withCtx as y}from"vue";const b=f({name:`RadioGroupCompact`,__name:`radio-group-compact`,props:{items:{},itemProps:{},controlProps:{},indicatorProps:{},labelProps:{},modelValue:{},defaultValue:{},disabled:{type:Boolean},orientation:{},dir:{},loop:{type:Boolean},name:{},required:{type:Boolean}},emits:[`update:modelValue`],setup(f,{emit:b}){let x=f,S=b,C=e(x,[`items`,`itemProps`,`controlProps`,`indicatorProps`,`labelProps`]),w=v(),T=e=>String(e.value),E=e=>`${x.itemProps?.id||`radio-${w}`}-${e}`;return(e,v)=>(m(),c(a,p(_(C),{"onUpdate:modelValue":v[0]||(v[0]=e=>S(`update:modelValue`,e))}),{default:y(()=>[(m(!0),l(o,null,h(f.items,(e,a)=>(m(),c(r,p({key:T(e)},{ref_for:!0},f.itemProps,{value:e.value,disabled:f.disabled||e.disabled}),{default:y(()=>[d(t,p({ref_for:!0},f.controlProps,{id:E(a)}),{default:y(()=>[d(s,{"enter-active-class":`soybean-headless-transition-all-150`,"enter-from-class":`soybean-headless-opacity-0 soybean-headless-scale-0`},{default:y(()=>[d(n,p({ref_for:!0},f.indicatorProps),null,16)]),_:1})]),_:1},16,[`id`]),d(i,p({ref_for:!0},f.labelProps),{default:y(()=>[u(g(e.label),1)]),_:2},1040)]),_:2},1040,[`value`,`disabled`]))),128))]),_:1},16))}});export{b as default};
+import{useOmitProps as e}from"../../composables/use-props.js";import t from"./radio-group-control.js";import n from"./radio-group-indicator.js";import r from"./radio-group-item.js";import i from"./radio-group-label.js";import a from"./radio-group-root.js";import{Fragment as o,Transition as s,createBlock as c,createElementBlock as l,createTextVNode as u,createVNode as d,defineComponent as f,mergeProps as p,openBlock as m,renderList as h,toDisplayString as g,unref as _,useId as v,withCtx as y}from"vue";const b=f({name:`RadioGroupCompact`,__name:`radio-group-compact`,props:{items:{},itemProps:{},controlProps:{},indicatorProps:{},labelProps:{},modelValue:{},defaultValue:{},disabled:{type:Boolean},orientation:{},dir:{},loop:{type:Boolean},name:{},required:{type:Boolean}},emits:[`update:modelValue`],setup(f,{emit:b}){let x=f,S=b,C=e(x,[`items`,`itemProps`,`controlProps`,`indicatorProps`,`labelProps`]),w=v(),T=e=>String(e.value),E=e=>`${x.itemProps?.id||`radio-${w}`}-${e}`;return(e,v)=>(m(),c(a,p(_(C),{"onUpdate:modelValue":v[0]||=e=>S(`update:modelValue`,e)}),{default:y(()=>[(m(!0),l(o,null,h(f.items,(e,a)=>(m(),c(r,p({key:T(e)},{ref_for:!0},f.itemProps,{value:e.value,disabled:f.disabled||e.disabled}),{default:y(()=>[d(t,p({ref_for:!0},f.controlProps,{id:E(a)}),{default:y(()=>[d(s,{name:`radio-group-indicator`},{default:y(()=>[d(n,p({ref_for:!0},f.indicatorProps),null,16)]),_:1})]),_:1},16,[`id`]),d(i,p({ref_for:!0},f.labelProps),{default:y(()=>[u(g(e.label),1)]),_:2},1040)]),_:2},1040,[`value`,`disabled`]))),128))]),_:1},16))}});export{b 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{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};
+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{useForwardElement as r}from"../../composables/use-forward-element.js";import{useRovingFocusGroupItem as i}from"../../composables/use-roving-focus.js";import a from"../button/button.js";import{useRadioGroupItemContext as o,useRadioGroupRootContext as s,useRadioGroupUi as c}from"./context.js";import{computed as l,createBlock as u,defineComponent as d,mergeProps as f,onBeforeUnmount as p,onMounted as m,openBlock as h,renderSlot as g,unref as _,useAttrs as v,watchEffect as y,withCtx as b,withKeys as x,withModifiers as S}from"vue";const C=d({name:`RadioGroupControl`,__name:`radio-group-control`,props:{id:{},type:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{}},setup(d){let C=d,w=v(),T=c(`control`),[E,D]=r(),O=s(`RadioGroupControl`),{value:k,disabled:A,name:j,required:M,checked:N,dataState:P,onSelect:F,initControlId:I}=o(`RadioGroupControl`),{setItemElement:L,itemProps:R}=i({focusable:l(()=>!A.value),active:N}),z=l(()=>t(E.value)),B=l(()=>e(E.value,C.id,w[`aria-label`])),V=[`ArrowUp`,`ArrowDown`,`ArrowLeft`,`ArrowRight`],H=!1;function U(e){V.includes(e.key)&&(H=!0)}function W(){H=!1}function G(e){let t={originalEvent:e,value:k.value};n(`radio.select`,t=>{F(t),!t?.defaultPrevented&&(O.modelValue.value=k.value,z.value&&e.stopPropagation())},t)}function K(){setTimeout(()=>{H&&E.value?.click()},0)}y(()=>{C.id&&I(C.id)});function q(e){D(e),L(e)}return m(()=>{document.addEventListener(`keydown`,U),document.addEventListener(`keyup`,W)}),p(()=>{document.removeEventListener(`keydown`,U),document.removeEventListener(`keyup`,W)}),(e,t)=>(h(),u(a,f({ref:q},{...C,..._(R)},{"data-soybean-radio-group-control":``,class:_(T),role:`radio`,disabled:_(A),"aria-checked":_(N),"aria-label":B.value,"data-state":_(P),value:String(_(k)),required:_(M),name:_(j),onClick:S(G,[`stop`]),onKeydown:x(S(G,[`prevent`]),[`enter`]),onFocus:K}),{default:b(()=>[g(e.$slots,`default`,{checked:_(N),required:_(M),disabled:_(A)})]),_:3},16,[`class`,`disabled`,`aria-checked`,`aria-label`,`data-state`,`value`,`required`,`name`,`onKeydown`]))}});export{C as default};

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

@@ -1,12 +1,12 @@
 import { RadioGroupControlProps } from "./types.js";
 //#region src/components/radio-group/radio-group-control.vue.d.ts
-declare var __VLS_18: {
+declare var __VLS_12: {
   checked: boolean;
   required: boolean | undefined;
   disabled: boolean | undefined;
 };
 type __VLS_Slots = {} & {
-  default?: (props: typeof __VLS_18) => any;
+  default?: (props: typeof __VLS_12) => 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>;

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

@@ -1 +1 @@
-import{getCheckedState as e}from"../../shared/value.js";import"../../shared/index.js";import{useForwardElement as t}from"../../composables/use-forward-element.js";import{usePresence as n}from"../../composables/use-presence.js";import"../../composables/index.js";import{Primitive as r}from"../primitive/primitive.js";import"../primitive/index.js";import{useRadioGroupItemContext as i,useRadioGroupUi as a}from"./context.js";import{computed as o,createBlock as s,createCommentVNode as c,defineComponent as l,normalizeClass as u,openBlock as d,renderSlot as f,shallowRef as p,unref as m,withCtx as h}from"vue";const g=l({name:`RadioGroupIndicator`,__name:`radio-group-indicator`,props:{forceMount:{type:Boolean},asChild:{type:Boolean},as:{default:`span`}},setup(l){let g=l,_=a(`indicator`),[v,y]=t(),{checked:b,disabled:x}=i(`RadioGroupIndicator`),S=g.forceMount?p(!0):n(v,()=>b.value===!0),C=o(()=>e(b.value));return(e,t)=>m(S)?(d(),s(m(r),{key:0,ref:m(y),as:l.as,"as-child":l.asChild,"data-soybean-radio-group-indicator":``,class:u(m(_)),"data-state":C.value,"data-disabled":m(x)?``:void 0},{default:h(()=>[f(e.$slots,`default`)]),_:3},8,[`as`,`as-child`,`class`,`data-state`,`data-disabled`])):c(`v-if`,!0)}});export{g as default};
+import{getCheckedState as e}from"../../shared/value.js";import{useForwardElement as t}from"../../composables/use-forward-element.js";import{usePresence as n}from"../../composables/use-presence.js";import{Primitive as r}from"../primitive/primitive.js";import{useRadioGroupItemContext as i,useRadioGroupUi as a}from"./context.js";import{computed as o,createBlock as s,createCommentVNode as c,defineComponent as l,normalizeClass as u,openBlock as d,renderSlot as f,shallowRef as p,unref as m,withCtx as h}from"vue";const g=l({name:`RadioGroupIndicator`,__name:`radio-group-indicator`,props:{forceMount:{type:Boolean},asChild:{type:Boolean},as:{default:`span`}},setup(l){let g=l,_=a(`indicator`),[v,y]=t(),{checked:b,disabled:x}=i(`RadioGroupIndicator`),S=g.forceMount?p(!0):n(v,()=>b.value===!0),C=o(()=>e(b.value));return(e,t)=>m(S)?(d(),s(m(r),{key:0,ref:m(y),as:l.as,"as-child":l.asChild,"data-soybean-radio-group-indicator":``,class:u(m(_)),"data-state":C.value,"data-disabled":m(x)?``:void 0},{default:h(()=>[f(e.$slots,`default`)]),_:3},8,[`as`,`as-child`,`class`,`data-state`,`data-disabled`])):c(`v-if`,!0)}});export{g as default};

package/dist/components/radio-group/radio-group-item.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 r from"../visually-hidden/visually-hidden-input.js";import"../visually-hidden/index.js";import{provideRadioGroupItemContext as i,useRadioGroupRootContext as a,useRadioGroupUi as o}from"./context.js";import{computed as s,createBlock as c,createCommentVNode as l,createElementBlock as u,defineComponent as d,normalizeClass as f,openBlock as p,renderSlot as m,unref as h,useTemplateRef as g}from"vue";const _=[`data-state`],v=d({name:`RadioGroupItem`,__name:`radio-group-item`,props:{value:{type:[String,Number,Boolean]},disabled:{type:Boolean},name:{},required:{type:Boolean}},emits:[`select`],setup(d,{emit:v}){let y=d,b=v,x=o(`item`),S=a(`RadioGroupItem`),C=g(`itemElement`),w=s(()=>t(C.value)),T=s(()=>S.disabled.value||y.disabled),E=s(()=>S.required.value||y.required),D=s(()=>!e(S.modelValue.value)&&S.modelValue.value===y.value),{dataState:O}=i({...n(y,[`name`,`required`,`value`,`disabled`]),checked:D,onSelect:e=>{b(`select`,e)}});return(e,t)=>(p(),u(`div`,{ref_key:`itemElement`,ref:C,"data-soybean-radio-group-item":``,class:f(h(x)),"data-state":h(O)},[m(e.$slots,`default`,{checked:D.value}),w.value&&d.name?(p(),c(h(r),{key:0,type:`radio`,tabindex:`-1`,value:d.value,checked:D.value,name:d.name,disabled:T.value,required:E.value},null,8,[`value`,`checked`,`name`,`disabled`,`required`])):l(`v-if`,!0)],10,_))}});export{v as default};
+import{isNullish as e}from"../../shared/guard.js";import{isFormControl as t,toContext as n}from"../../shared/vue.js";import r from"../visually-hidden/visually-hidden-input.js";import{provideRadioGroupItemContext as i,useRadioGroupRootContext as a,useRadioGroupUi as o}from"./context.js";import{computed as s,createBlock as c,createCommentVNode as l,createElementBlock as u,defineComponent as d,normalizeClass as f,openBlock as p,renderSlot as m,unref as h,useTemplateRef as g}from"vue";const _=[`data-state`],v=d({name:`RadioGroupItem`,__name:`radio-group-item`,props:{value:{type:[String,Number,Boolean]},disabled:{type:Boolean},name:{},required:{type:Boolean}},emits:[`select`],setup(d,{emit:v}){let y=d,b=v,x=o(`item`),S=a(`RadioGroupItem`),C=g(`itemElement`),w=s(()=>t(C.value)),T=s(()=>S.disabled.value||y.disabled),E=s(()=>S.required.value||y.required),D=s(()=>!e(S.modelValue.value)&&S.modelValue.value===y.value),{dataState:O}=i({...n(y,[`name`,`required`,`value`,`disabled`]),checked:D,onSelect:e=>{b(`select`,e)}});return(e,t)=>(p(),u(`div`,{ref_key:`itemElement`,ref:C,"data-soybean-radio-group-item":``,class:f(h(x)),"data-state":h(O)},[m(e.$slots,`default`,{checked:D.value}),w.value&&d.name?(p(),c(h(r),{key:0,type:`radio`,tabindex:`-1`,value:d.value,checked:D.value,name:d.name,disabled:T.value,required:E.value},null,8,[`value`,`checked`,`name`,`disabled`,`required`])):l(`v-if`,!0)],10,_))}});export{v as default};

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),{"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};
+import e from"../label/label.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{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};
+import{isFormControl as e,toContext as t}from"../../shared/vue.js";import{useControllableState as n}from"../../composables/use-controllable-state.js";import{useForwardElement as r}from"../../composables/use-forward-element.js";import{useRovingFocusGroup as i}from"../../composables/use-roving-focus.js";import a from"../visually-hidden/visually-hidden-input.js";import{provideRadioGroupRootContext as o,useRadioGroupUi as s}from"./context.js";import{computed as c,createBlock as l,createCommentVNode as u,createElementBlock as d,defineComponent as f,mergeProps as p,openBlock as m,renderSlot as h,unref as g}from"vue";const _=[`data-disabled`,`aria-orientation`,`aria-required`],v=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:v}){let y=f,b=v,x=s(`root`),S=n(()=>y.modelValue,e=>{b(`update:modelValue`,e)},y.defaultValue??null),{setContainerElement:C,groupProps:w}=i({...t(y,[`orientation`,`dir`,`loop`]),currentTabStopId:c(()=>void 0),defaultCurrentTabStopId:c(()=>void 0),preventScrollOnEntryFocus:c(()=>!1)}),[T,E]=r(),D=c(()=>e(T.value));o({...t(y,[`disabled`,`orientation`,`dir`,`loop`,`name`,`required`]),modelValue:S});function O(e){E(e),C(e)}return(e,t)=>(m(),d(`div`,p(g(w),{ref:O,"data-soybean-radio-group-root":``,class:g(x),role:`radiogroup`,"data-disabled":f.disabled?``:void 0,"aria-orientation":f.orientation,"aria-required":f.required}),[h(e.$slots,`default`,{modelValue:g(S)}),D.value&&f.name?(m(),l(g(a),{key:0,required:f.required,disabled:f.disabled,value:g(S),name:f.name},null,8,[`required`,`disabled`,`value`,`name`])):u(`v-if`,!0)],16,_))}});export{v as default};

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

@@ -11,7 +11,7 @@ import { ComputedRef, ShallowRef } from "vue";
 /**
  * Properties for the RadioGroupRoot component.
  */
-interface RadioGroupRootProps<T extends DefinedWithBooleanValue = DefinedWithBooleanValue> extends FormFieldCommonProps, BaseProps {
+export interface RadioGroupRootProps<T extends DefinedWithBooleanValue = DefinedWithBooleanValue> extends FormFieldCommonProps, BaseProps {
   /** The controlled value of the radio item to check. Can be bound as `v-model`. */
   modelValue?: T | null;
   /**
@@ -31,14 +31,14 @@ interface RadioGroupRootProps<T extends DefinedWithBooleanValue = DefinedWithBoo
 /**
  * Events for the RadioGroupRoot component.
  */
-type RadioGroupRootEmits<T extends DefinedWithBooleanValue> = {
+export type RadioGroupRootEmits<T extends DefinedWithBooleanValue> = {
   /** Event handler called when the radio group value changes */
   'update:modelValue': [payload: T | null];
 };
 /**
  * Properties for the RadioGroupItem component.
  */
-interface RadioGroupItemProps extends FormFieldCommonProps, BaseProps {
+export interface RadioGroupItemProps extends FormFieldCommonProps, BaseProps {
   /** The value given as data when submitted with a `name`. */
   value: DefinedWithBooleanValue;
   /** When `true`, prevents the user from interacting with the radio item. */
@@ -47,7 +47,7 @@ interface RadioGroupItemProps extends FormFieldCommonProps, BaseProps {
 /**
  * Type information for RadioSelectEvent.
  */
-type RadioSelectEvent = CustomEvent<{
+export type RadioSelectEvent = CustomEvent<{
   /**
    * Original event.
    */
@@ -60,25 +60,25 @@ type RadioSelectEvent = CustomEvent<{
 /**
  * Events for the RadioGroupItem component.
  */
-type RadioGroupItemEmits = {
+export type RadioGroupItemEmits = {
   /** Event handler called when the radio item is selected */
   select: [event: RadioSelectEvent];
 };
 /**
  * Properties for the RadioGroupControl component.
  */
-interface RadioGroupControlProps extends ButtonProps {
+export interface RadioGroupControlProps extends ButtonProps {
   /** Id of the element */
   id?: string;
 }
 /**
  * Properties for the RadioGroupIndicator component.
  */
-interface RadioGroupIndicatorProps extends ForceMountProps, PrimitiveWithBaseProps {}
+export interface RadioGroupIndicatorProps extends ForceMountProps, PrimitiveWithBaseProps {}
 /**
  * Option data for the RadioGroup component.
  */
-interface RadioGroupOptionData<T extends DefinedWithBooleanValue = DefinedWithBooleanValue> {
+export interface RadioGroupOptionData<T extends DefinedWithBooleanValue = DefinedWithBooleanValue> {
   /**
    * Value associated with the current item.
    */
@@ -95,7 +95,7 @@ interface RadioGroupOptionData<T extends DefinedWithBooleanValue = DefinedWithBo
 /**
  * Properties for the RadioGroupCompact component.
  */
-interface RadioGroupCompactProps<T extends RadioGroupOptionData = RadioGroupOptionData> extends RadioGroupRootProps<T['value']> {
+export interface RadioGroupCompactProps<T extends RadioGroupOptionData = RadioGroupOptionData> extends RadioGroupRootProps<T['value']> {
   /**
    * Items rendered by the component.
    */
@@ -120,11 +120,11 @@ interface RadioGroupCompactProps<T extends RadioGroupOptionData = RadioGroupOpti
 /**
  * Events for the RadioGroupCompact component.
  */
-type RadioGroupCompactEmits<T extends DefinedWithBooleanValue = DefinedWithBooleanValue> = RadioGroupRootEmits<T>;
+export type RadioGroupCompactEmits<T extends DefinedWithBooleanValue = DefinedWithBooleanValue> = RadioGroupRootEmits<T>;
 /**
  * Option data for the RadioGroupCard component.
  */
-interface RadioGroupCardOptionData<T extends DefinedWithBooleanValue = DefinedWithBooleanValue> extends RadioGroupOptionData<T> {
+export interface RadioGroupCardOptionData<T extends DefinedWithBooleanValue = DefinedWithBooleanValue> extends RadioGroupOptionData<T> {
   /**
    * Icon rendered by the component.
    */
@@ -137,7 +137,7 @@ interface RadioGroupCardOptionData<T extends DefinedWithBooleanValue = DefinedWi
 /**
  * Properties for the RadioGroupCard component.
  */
-interface RadioGroupCardCompactProps<T extends RadioGroupCardOptionData = RadioGroupCardOptionData> extends RadioGroupCompactProps<T> {
+export interface RadioGroupCardCompactProps<T extends RadioGroupCardOptionData = RadioGroupCardOptionData> extends RadioGroupCompactProps<T> {
   /**
    * Properties forwarded to the content element.
    */
@@ -154,11 +154,11 @@ interface RadioGroupCardCompactProps<T extends RadioGroupCardOptionData = RadioG
 /**
  * Events for the RadioGroupCardCompact component.
  */
-type RadioGroupCardCompactEmits<T extends DefinedWithBooleanValue = DefinedWithBooleanValue> = RadioGroupCompactEmits<T>;
+export type RadioGroupCardCompactEmits<T extends DefinedWithBooleanValue = DefinedWithBooleanValue> = RadioGroupCompactEmits<T>;
 /**
  * Slots for the RadioGroupCompact component.
  */
-type RadioGroupCardCompactSlots<T extends RadioGroupCardOptionData = RadioGroupCardOptionData> = {
+export type RadioGroupCardCompactSlots<T extends RadioGroupCardOptionData = RadioGroupCardOptionData> = {
   /**
    * Slot for rendering custom description content within the radio card.
    */
@@ -169,18 +169,18 @@ type RadioGroupCardCompactSlots<T extends RadioGroupCardOptionData = RadioGroupC
 /**
  * Available UI slots for the RadioGroup component.
  */
-type RadioGroupUiSlot = 'root' | 'item' | 'indicator' | 'label' | 'control';
+export type RadioGroupUiSlot = 'root' | 'item' | 'indicator' | 'label' | 'control';
 /**
  * UI class overrides for the RadioGroup component.
  */
-type RadioGroupUi = UiClass<RadioGroupUiSlot>;
+export type RadioGroupUi = UiClass<RadioGroupUiSlot>;
 /**
  * Available UI slots for the RadioGroupCard component.
  */
-type RadioGroupCardUiSlot = RadioGroupUiSlot | 'content' | 'textContent' | 'description' | 'icon';
+export type RadioGroupCardUiSlot = RadioGroupUiSlot | 'content' | 'textContent' | 'description' | 'icon';
 /**
  * UI class overrides for the RadioGroupCard component.
  */
-type RadioGroupCardUi = UiClass<RadioGroupCardUiSlot>;
+export type RadioGroupCardUi = UiClass<RadioGroupCardUiSlot>;
 //#endregion
-export { RadioGroupCardCompactEmits, RadioGroupCardCompactProps, RadioGroupCardCompactSlots, RadioGroupCardOptionData, RadioGroupCardUi, RadioGroupCardUiSlot, RadioGroupCompactEmits, RadioGroupCompactProps, RadioGroupControlProps, RadioGroupIndicatorProps, RadioGroupItemEmits, RadioGroupItemProps, type LabelProps as RadioGroupLabelProps, RadioGroupOptionData, RadioGroupRootEmits, RadioGroupRootProps, RadioGroupUi, RadioGroupUiSlot, RadioSelectEvent };
+export type { LabelProps as RadioGroupLabelProps };

package/dist/components/rating/context.js

@@ -1 +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};
+import{useContext as e}from"../../composables/use-context.js";const[t,n]=e(`RatingRoot`);export{t as provideRatingRootContext,n as useRatingRootContext};

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

@@ -1 +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};
+import{Primitive as e}from"../primitive/primitive.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-root.js

@@ -1 +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};
+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{useControllableState as i}from"../../composables/use-controllable-state.js";import{useForwardElement as a}from"../../composables/use-forward-element.js";import{Primitive as o}from"../primitive/primitive.js";import s from"../visually-hidden/visually-hidden-input.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

@@ -18,12 +18,12 @@ declare const __VLS_base: import("vue").DefineComponent<RatingRootProps, {}, {},
   onHoverChange?: ((value: number | null) => any) | undefined;
   onValueCommit?: ((value: number) => any) | undefined;
 }>, {
-  disabled: boolean;
   dir: Direction;
-  max: number;
-  orientation: DataOrientation;
+  disabled: boolean;
   defaultValue: number;
   modelValue: number;
+  max: number;
+  orientation: DataOrientation;
   readonly: boolean;
   allowHalf: boolean;
   allowClear: boolean;

package/dist/components/rating/shared.js

@@ -1 +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};
+import{clamp as e,snapValueToStep as t}from"../../shared/value.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

@@ -1,6 +1,6 @@
 import { DataOrientation, Direction } from "../../types/common.js";
 import { FormFieldCommonProps } from "../../types/component.js";
-import { PropsToContext } from "../../types/vue.js";
+import { ToContext } from "../../types/vue.js";
 import "../../types/index.js";
 import { PrimitiveWithBaseProps } from "../primitive/types.js";
 import { ComputedRef, ShallowRef } from "vue";
@@ -8,7 +8,7 @@ import { ComputedRef, ShallowRef } from "vue";
 /**
  * Properties for the RatingRoot component.
  */
-interface RatingRootProps extends FormFieldCommonProps, PrimitiveWithBaseProps {
+export 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. */
@@ -31,7 +31,7 @@ interface RatingRootProps extends FormFieldCommonProps, PrimitiveWithBaseProps {
 /**
  * Events for the RatingRoot component.
  */
-type RatingRootEmits = {
+export 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. */
@@ -42,22 +42,22 @@ type RatingRootEmits = {
 /**
  * Properties for the RatingItem component.
  */
-interface RatingItemProps extends PrimitiveWithBaseProps {
+export 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>;
+export type RatingItemEmits = Record<string, never>;
 /**
  * The visual state of a rating item.
  */
-type RatingItemState = 'full' | 'half' | 'empty';
+export type RatingItemState = 'full' | 'half' | 'empty';
 /**
  * Context for the RatingRoot component.
  */
-interface RatingRootContext extends PropsToContext<RatingRootProps, 'max' | 'allowHalf' | 'allowClear' | 'readonly' | 'disabled' | 'dir' | 'orientation'> {
+export interface RatingRootContext extends ToContext<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. */
@@ -73,5 +73,4 @@ interface RatingRootContext extends PropsToContext<RatingRootProps, 'max' | 'all
   /** Clear the hover preview value. */
   clearHover: () => void;
 }
-//#endregion
-export { RatingItemEmits, RatingItemProps, RatingItemState, RatingRootContext, RatingRootEmits, RatingRootProps };
+//#endregion

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

@@ -1,8 +1,8 @@
 import { UiClass } from "../../types/common.js";
-import { UseUiConsumer } from "../../composables/use-ui-context.js";
-import "../../composables/index.js";
 import { ScrollAreaUiSlot } from "./types.js";
 import "../../index.js";
+import { UseUiConsumer } from "../../composables/use-ui-context.js";
+import "../../composables/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/context.js

@@ -1 +1 @@
-import{useContext as e}from"../../composables/use-context.js";import{useUiContext as t}from"../../composables/use-ui-context.js";import"../../composables/index.js";import{computed as n}from"vue";const[r,i]=e(`ScrollAreaRoot`),[a,o]=e(`ScrollAreaScrollbar`),[s,c]=t(`ScrollAreaUi`,e=>n(()=>e.value??{}));export{r as provideScrollAreaRootContext,a as provideScrollAreaScrollbarContext,s as provideScrollAreaUi,i as useScrollAreaRootContext,o as useScrollAreaScrollbarContext,c as useScrollAreaUi};
+import{useContext as e}from"../../composables/use-context.js";import{useUiContext as t}from"../../composables/use-ui-context.js";import{computed as n}from"vue";const[r,i]=e(`ScrollAreaRoot`),[a,o]=e(`ScrollAreaScrollbar`),[s,c]=t(`ScrollAreaUi`,e=>n(()=>e.value??{}));export{r as provideScrollAreaRootContext,a as provideScrollAreaScrollbarContext,s as provideScrollAreaUi,i as useScrollAreaRootContext,o as useScrollAreaScrollbarContext,c as useScrollAreaUi};

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

@@ -1 +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};
+import{useOmitProps as e}from"../../composables/use-props.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-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=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};
+import{useOmitProps as e}from"../../composables/use-props.js";import{Primitive as t}from"../primitive/primitive.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-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,_=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};
+import{toContext as e}from"../../shared/vue.js";import{useDirection as t}from"../config-provider/context.js";import{useExposedElement as n}from"../../composables/use-exposed-element.js";import{useOmitProps as r}from"../../composables/use-props.js";import{Primitive as i}from"../primitive/primitive.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]||=e=>C.value=!0,onPointerleave: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-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 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};
+import{useForwardElement as e}from"../../composables/use-forward-element.js";import{useOmitProps as t}from"../../composables/use-props.js";import{Primitive as n}from"../primitive/primitive.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),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-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=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};
+import{useOmitProps as e}from"../../composables/use-props.js";import{Primitive as t}from"../primitive/primitive.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-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)},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};
+import{useForwardElement as e}from"../../composables/use-forward-element.js";import{useOmitProps as t}from"../../composables/use-props.js";import{Primitive as n}from"../primitive/primitive.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),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};