@soybeanjs/headless 0.18.0 → 0.20.0

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

@@ -2,13 +2,13 @@ import { PopperAnchorProps, PopperArrowProps } from "../popper/types.js";
 import { PortalProps } from "../portal/types.js";
 import { _default as _default$5 } from "../portal/portal.vue.js";
 import { PopoverCloseEmits, PopoverCloseProps, PopoverCompactEmits, PopoverCompactProps, PopoverCompactSlots, PopoverPopupProps, PopoverPositionerEmits, PopoverPositionerProps, PopoverRootEmits, PopoverRootProps, PopoverTriggerProps, PopoverUi, PopoverUiSlot } from "./types.js";
-import { _default as _default$8 } from "./popover-trigger.vue.js";
 import { _default as _default$1 } from "../popper/popper-arrow.vue.js";
-import { _default as _default$3 } from "./popover-compact.vue.js";
 import { _default as _default$7 } from "./popover-root.vue.js";
-import { _default } from "./popover-anchor.vue.js";
+import { _default as _default$8 } from "./popover-trigger.vue.js";
 import { _default as _default$6 } from "./popover-positioner.vue.js";
 import { _default as _default$4 } from "./popover-popup.vue.js";
 import { _default as _default$2 } from "./popover-close.vue.js";
+import { _default as _default$3 } from "./popover-compact.vue.js";
+import { _default } from "./popover-anchor.vue.js";
 import { providePopoverUi } from "./context.js";
 export { _default as PopoverAnchor, type PopperAnchorProps as PopoverAnchorProps, _default$1 as PopoverArrow, type PopperArrowProps as PopoverArrowProps, _default$2 as PopoverClose, type PopoverCloseEmits, type PopoverCloseProps, _default$3 as PopoverCompact, type PopoverCompactEmits, type PopoverCompactProps, type PopoverCompactSlots, _default$4 as PopoverPopup, type PopoverPopupProps, _default$5 as PopoverPortal, type PortalProps as PopoverPortalProps, _default$6 as PopoverPositioner, type PopoverPositionerEmits, type PopoverPositionerProps, _default$7 as PopoverRoot, type PopoverRootEmits, type PopoverRootProps, _default$8 as PopoverTrigger, type PopoverTriggerProps, type PopoverUi, type PopoverUiSlot, providePopoverUi };

package/dist/components/popover/index.js

@@ -1 +1 @@
-import e from"../portal/portal.js";import t from"../popper/popper-arrow.js";import{providePopoverUi as n}from"./context.js";import r from"./popover-trigger.js";import i from"./popover-root.js";import a from"./popover-positioner.js";import o from"./popover-popup.js";import s from"./popover-close.js";import c from"./popover-compact.js";import l from"./popover-anchor.js";export{l as PopoverAnchor,t as PopoverArrow,s as PopoverClose,c as PopoverCompact,o as PopoverPopup,e as PopoverPortal,a as PopoverPositioner,i as PopoverRoot,r as PopoverTrigger,n as providePopoverUi};
+import e from"../portal/portal.js";import t from"../popper/popper-arrow.js";import{providePopoverUi as n}from"./context.js";import r from"./popover-root.js";import i from"./popover-trigger.js";import a from"./popover-positioner.js";import o from"./popover-popup.js";import s from"./popover-close.js";import c from"./popover-compact.js";import l from"./popover-anchor.js";export{l as PopoverAnchor,t as PopoverArrow,s as PopoverClose,c as PopoverCompact,o as PopoverPopup,e as PopoverPortal,a as PopoverPositioner,r as PopoverRoot,i as PopoverTrigger,n as providePopoverUi};

package/dist/components/popover/popover-anchor.js

@@ -1 +1 @@
-import e from"../popper/popper-anchor.js";import"../popper/index.js";import{usePopoverRootContext as t}from"./context.js";import{createBlock as n,defineComponent as r,guardReactiveProps as i,normalizeProps as a,onBeforeMount as o,onUnmounted as s,openBlock as c,renderSlot as l,unref as u,withCtx as d}from"vue";const f=r({name:`PopoverAnchor`,__name:`popover-anchor`,props:{reference:{},asChild:{type:Boolean},as:{}},setup(r){let f=r,{hasCustomAnchor:p}=t(`PopoverAnchor`);return o(()=>{p.value=!0}),s(()=>{p.value=!1}),(t,r)=>(c(),n(u(e),a(i(f)),{default:d(()=>[l(t.$slots,`default`)]),_:3},16))}});export{f as default};
+import e from"../popper/popper-anchor.js";import"../popper/index.js";import{usePopoverRootContext as t}from"./context.js";import{createBlock as n,defineComponent as r,mergeProps as i,onBeforeMount as a,onUnmounted as o,openBlock as s,renderSlot as c,unref as l,withCtx as u}from"vue";const d=r({name:`PopoverAnchor`,__name:`popover-anchor`,props:{reference:{},asChild:{type:Boolean},as:{}},setup(r){let d=r,{hasCustomAnchor:f}=t(`PopoverAnchor`);return a(()=>{f.value=!0}),o(()=>{f.value=!1}),(t,r)=>(s(),n(l(e),i({"data-soybean-popover-anchor":``},d),{default:u(()=>[c(t.$slots,`default`)]),_:3},16))}});export{d as default};

package/dist/components/popover/popover-close.js

@@ -1 +1 @@
-import{Primitive as e}from"../primitive/primitive.js";import"../primitive/index.js";import{usePopoverRootContext as t}from"./context.js";import{computed as n,createBlock as r,defineComponent as i,openBlock as a,renderSlot as o,unref as s,withCtx as c}from"vue";const l=i({name:`PopoverClose`,__name:`popover-close`,props:{beforeClose:{},asChild:{type:Boolean},as:{default:`button`}},emits:[`close`],setup(i,{emit:l}){let u=i,d=l,{onOpenChange:f}=t(`PopoverClose`),p=n(()=>u.as===`button`?`button`:void 0),m=async()=>{await u.beforeClose?.()!==!1&&(f(!1),d(`close`))};return(t,n)=>(a(),r(s(e),{as:i.as,"as-child":i.asChild,type:p.value,onClick:m},{default:c(()=>[o(t.$slots,`default`)]),_:3},8,[`as`,`as-child`,`type`]))}});export{l as default};
+import e from"../button/button.js";import{usePopoverRootContext as t,usePopoverUi as n}from"./context.js";import{createBlock as r,defineComponent as i,mergeProps as a,openBlock as o,renderSlot as s,unref as c,withCtx as l}from"vue";const u=i({name:`PopoverClose`,__name:`popover-close`,props:{type:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{}},emits:[`close`],setup(i,{emit:u}){let d=i,f=u,{onOpenChange:p}=t(`PopoverClose`),m=n(`close`),h=e=>{f(`close`,e),p(!1)};return(t,n)=>(o(),r(e,a({"data-soybean-popover-close":``},d,{class:c(m),onClick:h}),{default:l(()=>[s(t.$slots,`default`)]),_:3},16,[`class`]))}});export{u as default};

package/dist/components/popover/popover-close.vue.d.ts

@@ -1,4 +1,3 @@
-import { AsTag } from "../primitive/types.js";
 import { PopoverCloseProps } from "./types.js";
 import * as _$vue from "vue";
 
@@ -8,12 +7,10 @@ type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_10) => any;
 };
 declare const __VLS_base: _$vue.DefineComponent<PopoverCloseProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
-  close: () => any;
+  close: (args_0: PointerEvent) => any;
 }, string, _$vue.PublicProps, Readonly<PopoverCloseProps> & Readonly<{
-  onClose?: (() => any) | undefined;
-}>, {
-  as: AsTag | _$vue.Component;
-}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
+  onClose?: ((args_0: PointerEvent) => any) | undefined;
+}>, {}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 type __VLS_WithSlots<T, S> = T & {

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

@@ -1 +1 @@
-import{useForwardListeners as e}from"../../composables/use-forward-listeners.js";import{useOmitProps as t}from"../../composables/use-props.js";import"../../composables/index.js";import n from"../portal/portal.js";import r from"../popper/popper-arrow.js";import i from"./popover-trigger.js";import a from"./popover-root.js";import o from"./popover-positioner.js";import s from"./popover-popup.js";import c from"./popover-close.js";import{computed as l,createBlock as u,createCommentVNode as d,createVNode as f,defineComponent as p,guardReactiveProps as m,mergeProps as h,normalizeProps as g,openBlock as _,renderSlot as v,toHandlers as y,unref as b,useSlots as x,withCtx as S}from"vue";const C=p({name:`PopoverCompact`,__name:`popover-compact`,props:{placement:{},showArrow:{type:Boolean,default:!0},triggerProps:{},portalProps:{},positionerProps:{},popupProps:{},arrowProps:{},closeProps:{},disabled:{type:Boolean},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:!1},modal:{type:Boolean}},emits:[`update:open`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`],setup(p,{emit:C}){let w=p,T=C,E=x(),D=t(w,[`placement`,`showArrow`,`triggerProps`,`portalProps`,`positionerProps`,`popupProps`,`arrowProps`,`closeProps`]),O=e(T),k=l(()=>({...w.positionerProps,placement:w.placement??w.positionerProps?.placement}));return(e,t)=>(_(),u(a,h(b(D),{"onUpdate:open":t[0]||(t[0]=e=>T(`update:open`,e))}),{default:S(()=>[f(i,h(p.triggerProps,{"as-child":``}),{default:S(()=>[v(e.$slots,`trigger`)]),_:3},16),f(n,g(m(p.portalProps)),{default:S(()=>[f(o,h(k.value,y(b(O))),{default:S(()=>[f(s,g(m(p.popupProps)),{default:S(()=>[v(e.$slots,`default`),p.showArrow?(_(),u(r,g(h({key:0},p.arrowProps)),null,16)):d(`v-if`,!0)]),_:3},16),E.close?(_(),u(c,h({key:0},p.closeProps,{"as-child":``}),{default:S(()=>[v(e.$slots,`close`)]),_:3},16)):d(`v-if`,!0)]),_:3},16)]),_:3},16)]),_:3},16))}});export{C as default};
+import{useForwardListeners as e}from"../../composables/use-forward-listeners.js";import{useOmitProps as t}from"../../composables/use-props.js";import"../../composables/index.js";import n from"../_icon/icon.js";import r from"../portal/portal.js";import i from"../popper/popper-arrow.js";import a from"./popover-root.js";import o from"./popover-trigger.js";import s from"./popover-positioner.js";import c from"./popover-popup.js";import l from"./popover-close.js";import{computed as u,createBlock as d,createCommentVNode as f,createVNode as p,defineComponent as m,guardReactiveProps as h,mergeProps as g,normalizeProps as _,openBlock as v,renderSlot as y,toHandlers as b,unref as x,useSlots as S,withCtx as C}from"vue";const w=m({name:`PopoverCompact`,inheritAttrs:!1,__name:`popover-compact`,props:{placement:{},showArrow:{type:Boolean,default:!0},triggerProps:{},portalProps:{},positionerProps:{},popupProps:{},arrowProps:{},closeProps:{},disabled:{type:Boolean},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:!1},modal:{type:Boolean}},emits:[`update:open`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`],setup(m,{emit:w}){let T=m,E=w,D=S(),O=t(T,[`placement`,`showArrow`,`triggerProps`,`portalProps`,`positionerProps`,`popupProps`,`arrowProps`,`closeProps`]),k=e(E),A=u(()=>({...T.triggerProps,asChild:T.triggerProps?.asChild??!0})),j=u(()=>({...T.positionerProps,placement:T.placement??T.positionerProps?.placement}));return(e,t)=>(v(),d(a,g(x(O),{"onUpdate:open":t[0]||(t[0]=e=>E(`update:open`,e))}),{default:C(t=>[p(o,_(h(A.value)),{default:C(()=>[y(e.$slots,`trigger`)]),_:3},16),p(r,_(h(m.portalProps)),{default:C(()=>[p(s,g(j.value,b(x(k))),{default:C(()=>[p(c,_(h(m.popupProps)),{default:C(()=>[y(e.$slots,`default`,_(h(t))),m.showArrow?(v(),d(i,_(g({key:0},m.arrowProps)),null,16)):f(`v-if`,!0)]),_:2},1040),D.close?(v(),d(l,_(g({key:0},m.closeProps)),{default:C(()=>[y(e.$slots,`close`,{},()=>[p(n,{icon:`lucide:x`})])]),_:3},16)):f(`v-if`,!0)]),_:2},1040)]),_:2},1040)]),_:3},16))}});export{w as default};

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

@@ -21,8 +21,8 @@ declare const __VLS_base: _$vue.DefineComponent<PopoverCompactProps, {}, {}, {},
   onOpenAutoFocus?: ((event: Event) => any) | undefined;
   onCloseAutoFocus?: ((event: Event) => any) | undefined;
 }>, {
-  defaultOpen: boolean;
   open: boolean;
+  defaultOpen: boolean;
   showArrow: boolean;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/components/popover/popover-popup.js

@@ -1 +1 @@
-import{useForwardElement as e}from"../../composables/use-forward-element.js";import"../../composables/index.js";import{popperCssVars as t}from"../popper/shared.js";import n from"../popper/popper-popup.js";import"../popper/index.js";import{usePopoverRootContext as r}from"./context.js";import{popoverCssVars as i}from"./shared.js";import{createBlock as a,defineComponent as o,openBlock as s,renderSlot as c,unref as l,withCtx as u}from"vue";const d=o({name:`PopoverPopup`,__name:`popover-popup`,setup(o){let{dataState:d,triggerId:f,popupId:p,initPopupId:m,onPopupElementChange:h}=r(`PopoverPopup`),[g,_]=e(h),v={[i.transformOrigin]:`var(${t.transformOrigin})`,[i.availableWidth]:`var(${t.availableWidth})`,[i.availableHeight]:`var(${t.availableHeight})`,[i.anchorWidth]:`var(${t.anchorWidth})`,[i.anchorHeight]:`var(${t.anchorHeight})`};return m(),(e,t)=>(s(),a(l(n),{id:l(p),ref:l(_),"aria-labelledby":l(f),"data-dismissable-layer":``,"data-state":l(d),role:`dialog`,tabindex:`-1`,style:v},{default:u(()=>[c(e.$slots,`default`)]),_:3},8,[`id`,`aria-labelledby`,`data-state`]))}});export{d as default};
+import{useForwardElement as e}from"../../composables/use-forward-element.js";import"../../composables/index.js";import{popperCssVars as t}from"../popper/shared.js";import n from"../popper/popper-popup.js";import"../popper/index.js";import{usePopoverRootContext as r}from"./context.js";import{popoverCssVars as i}from"./shared.js";import{createBlock as a,defineComponent as o,openBlock as s,renderSlot as c,unref as l,withCtx as u}from"vue";const d=o({name:`PopoverPopup`,__name:`popover-popup`,setup(o){let{dataState:d,triggerId:f,popupId:p,initPopupId:m,onPopupElementChange:h}=r(`PopoverPopup`),[g,_]=e(h),v={[i.transformOrigin]:`var(${t.transformOrigin})`,[i.availableWidth]:`var(${t.availableWidth})`,[i.availableHeight]:`var(${t.availableHeight})`,[i.anchorWidth]:`var(${t.anchorWidth})`,[i.anchorHeight]:`var(${t.anchorHeight})`};return m(),(e,t)=>(s(),a(l(n),{id:l(p),ref:l(_),"data-soybean-popover-popup":``,"aria-labelledby":l(f),"data-dismissable-layer":``,"data-state":l(d),role:`dialog`,tabindex:`-1`,style:v},{default:u(()=>[c(e.$slots,`default`)]),_:3},8,[`id`,`aria-labelledby`,`data-state`]))}});export{d as default};

package/dist/components/popover/popover-positioner-impl.js

@@ -1 +1 @@
-import{useBodyScrollLock as e}from"../../composables/use-body-scroll-lock.js";import{useDismissableLayer as t}from"../../composables/use-dismissable-layer.js";import{useForwardElement as n}from"../../composables/use-forward-element.js";import{useFocusGuards as r}from"../../composables/use-focus-guards.js";import{useFocusScope as i}from"../../composables/use-focus-scope.js";import{useHideOthers as a}from"../../composables/use-hide-others.js";import{useOmitProps as o}from"../../composables/use-props.js";import"../../composables/index.js";import s from"../popper/popper-positioner.js";import"../popper/index.js";import{usePopoverRootContext as c}from"./context.js";import{createBlock as l,defineComponent as u,mergeProps as d,onWatcherCleanup as f,openBlock as p,renderSlot as m,unref as h,watchEffect as g,watchPostEffect as _,withCtx as v}from"vue";const y=u({name:`PopoverPositionerImpl`,__name:`popover-positioner-impl`,props:{placement:{},side:{},sideOffset:{},sideFlip:{type:Boolean},align:{},alignOffset:{},alignFlip:{type:Boolean},avoidCollisions:{type:Boolean},collisionBoundary:{},collisionPadding:{},arrowPadding:{},hideShiftedArrow:{type:Boolean},sticky:{},hideWhenDetached:{type:Boolean},positionStrategy:{},updatePositionStrategy:{},disableUpdateOnLayoutShift:{type:Boolean},prioritizePosition:{type:Boolean},reference:{},trapFocus:{type:Boolean},disableOutsidePointerEvents:{type:Boolean}},emits:[`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`],setup(u,{emit:y}){let b=u,x=y,{modal:S,popupElement:C,onOpenChange:w}=c(`PopoverPositionerImpl`),[T,E]=n(),{pointerEvents:D}=t(T,{disableOutsidePointerEvents:()=>b.disableOutsidePointerEvents,onEscapeKeyDown:e=>{x(`escapeKeyDown`,e)},onPointerDownOutside:e=>{x(`pointerDownOutside`,e)},onFocusOutside:e=>{x(`focusOutside`,e)},onInteractOutside:e=>{x(`interactOutside`,e)},onDismiss:()=>{w(!1)}}),{onKeydown:O}=i(T,{trapped:()=>b.trapFocus,loop:!0,onOpenAutoFocus:e=>{x(`openAutoFocus`,e)},onCloseAutoFocus:e=>{x(`closeAutoFocus`,e)}}),k=o(b,[`disableOutsidePointerEvents`,`trapFocus`]);return r(),a(T,S),g(()=>{S.value&&f(e())}),_(()=>{C.value&&D.value&&(C.value.style.pointerEvents=D.value)}),(e,t)=>(p(),l(h(s),d(h(k),{ref:h(E),onKeydown:h(O)}),{default:v(()=>[m(e.$slots,`default`)]),_:3},16,[`onKeydown`]))}});export{y as default};
+import{useBodyScrollLock as e}from"../../composables/use-body-scroll-lock.js";import{useDismissableLayer as t}from"../../composables/use-dismissable-layer.js";import{useForwardElement as n}from"../../composables/use-forward-element.js";import{useFocusGuards as r}from"../../composables/use-focus-guards.js";import{useFocusScope as i}from"../../composables/use-focus-scope.js";import{useHideOthers as a}from"../../composables/use-hide-others.js";import{useOmitProps as o}from"../../composables/use-props.js";import"../../composables/index.js";import s from"../popper/popper-positioner.js";import"../popper/index.js";import{usePopoverRootContext as c}from"./context.js";import{createBlock as l,defineComponent as u,mergeProps as d,onWatcherCleanup as f,openBlock as p,renderSlot as m,unref as h,watchEffect as g,watchPostEffect as _,withCtx as v}from"vue";const y=u({name:`PopoverPositionerImpl`,__name:`popover-positioner-impl`,props:{placement:{},side:{},sideOffset:{},sideFlip:{type:Boolean},align:{},alignOffset:{},alignFlip:{type:Boolean},avoidCollisions:{type:Boolean},collisionBoundary:{},collisionPadding:{},arrowPadding:{},hideShiftedArrow:{type:Boolean},sticky:{},hideWhenDetached:{type:Boolean},positionStrategy:{},updatePositionStrategy:{},disableUpdateOnLayoutShift:{type:Boolean},prioritizePosition:{type:Boolean},reference:{},trapFocus:{type:Boolean},disableOutsidePointerEvents:{type:Boolean}},emits:[`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`],setup(u,{emit:y}){let b=u,x=y,{modal:S,popupElement:C,onOpenChange:w}=c(`PopoverPositionerImpl`),[T,E]=n(),{pointerEvents:D}=t(T,{disableOutsidePointerEvents:()=>b.disableOutsidePointerEvents,onEscapeKeyDown:e=>{x(`escapeKeyDown`,e)},onPointerDownOutside:e=>{x(`pointerDownOutside`,e)},onFocusOutside:e=>{x(`focusOutside`,e)},onInteractOutside:e=>{x(`interactOutside`,e)},onDismiss:()=>{w(!1)}}),{onKeydown:O}=i(T,{trapped:()=>b.trapFocus,loop:!0,onOpenAutoFocus:e=>{x(`openAutoFocus`,e)},onCloseAutoFocus:e=>{x(`closeAutoFocus`,e)}}),k=o(b,[`disableOutsidePointerEvents`,`trapFocus`]);return r(),a(T,S),g(()=>{S.value&&f(e())}),_(()=>{C.value&&D.value&&(C.value.style.pointerEvents=D.value)}),(e,t)=>(p(),l(h(s),d(h(k),{ref:h(E),"data-soybean-popover-positioner-impl":``,onKeydown:h(O)}),{default:v(()=>[m(e.$slots,`default`)]),_:3},16,[`onKeydown`]))}});export{y as default};

package/dist/components/popover/popover-positioner.js

@@ -1 +1 @@
-import{useForwardListeners as e}from"../../composables/use-forward-listeners.js";import{usePopupEvents as t}from"../../composables/use-popup-events.js";import{usePresence as n}from"../../composables/use-presence.js";import{useOmitProps as r}from"../../composables/use-props.js";import"../../composables/index.js";import{usePopoverRootContext as i}from"./context.js";import a from"./popover-positioner-impl.js";import{computed as o,createBlock as s,createCommentVNode as c,defineComponent as l,mergeProps as u,openBlock as d,renderSlot as f,shallowRef as p,toHandlers as m,unref as h,withCtx as g}from"vue";const _=l({name:`PopoverPositioner`,__name:`popover-positioner`,props:{placement:{},side:{},sideOffset:{},sideFlip:{type:Boolean},align:{},alignOffset:{},alignFlip:{type:Boolean},avoidCollisions:{type:Boolean,default:!0},collisionBoundary:{},collisionPadding:{},arrowPadding:{},hideShiftedArrow:{type:Boolean},sticky:{},hideWhenDetached:{type:Boolean},positionStrategy:{},updatePositionStrategy:{},disableUpdateOnLayoutShift:{type:Boolean},prioritizePosition:{type:Boolean},reference:{},forceMount:{type:Boolean}},emits:[`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`],setup(l,{emit:_}){let v=l,y=r(v,[`forceMount`]),b=e(_),{popupElement:x,open:S,modal:C,triggerElement:w}=i(`PopoverPositioner`),T=v.forceMount?p(!0):n(x,S),E=o(()=>C.value&&S.value),{onPointerDownOutside:D,onFocusOutside:O,onInteractOutside:k,onCloseAutoFocus:A}=t({modal:C,triggerElement:w});return(e,t)=>h(T)?(d(),s(a,u({key:0},h(y),{"trap-focus":E.value,"disable-outside-pointer-events":h(C)},m(h(b)),{onPointerDownOutside:h(D),onFocusOutside:h(O),onInteractOutside:h(k),onCloseAutoFocus:h(A)}),{default:g(()=>[f(e.$slots,`default`)]),_:3},16,[`trap-focus`,`disable-outside-pointer-events`,`onPointerDownOutside`,`onFocusOutside`,`onInteractOutside`,`onCloseAutoFocus`])):c(`v-if`,!0)}});export{_ as default};
+import{useForwardListeners as e}from"../../composables/use-forward-listeners.js";import{usePopupEvents as t}from"../../composables/use-popup-events.js";import{usePresence as n}from"../../composables/use-presence.js";import{useOmitProps as r}from"../../composables/use-props.js";import"../../composables/index.js";import{usePopoverRootContext as i}from"./context.js";import a from"./popover-positioner-impl.js";import{computed as o,createBlock as s,createCommentVNode as c,defineComponent as l,mergeProps as u,openBlock as d,renderSlot as f,shallowRef as p,toHandlers as m,unref as h,withCtx as g}from"vue";const _=l({name:`PopoverPositioner`,__name:`popover-positioner`,props:{placement:{},side:{},sideOffset:{},sideFlip:{type:Boolean},align:{},alignOffset:{},alignFlip:{type:Boolean},avoidCollisions:{type:Boolean,default:!0},collisionBoundary:{},collisionPadding:{},arrowPadding:{},hideShiftedArrow:{type:Boolean},sticky:{},hideWhenDetached:{type:Boolean},positionStrategy:{},updatePositionStrategy:{},disableUpdateOnLayoutShift:{type:Boolean},prioritizePosition:{type:Boolean,default:!0},reference:{},forceMount:{type:Boolean}},emits:[`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`],setup(l,{emit:_}){let v=l,y=r(v,[`forceMount`]),b=e(_),{popupElement:x,open:S,modal:C,triggerElement:w}=i(`PopoverPositioner`),T=v.forceMount?p(!0):n(x,S),E=o(()=>C.value&&S.value),{onPointerDownOutside:D,onFocusOutside:O,onInteractOutside:k,onCloseAutoFocus:A}=t({modal:C,triggerElement:w});return(e,t)=>h(T)?(d(),s(a,u({key:0},h(y),{"data-soybean-popover-positioner":``,"trap-focus":E.value,"disable-outside-pointer-events":h(C)},m(h(b)),{onPointerDownOutside:h(D),onFocusOutside:h(O),onInteractOutside:h(k),onCloseAutoFocus:h(A)}),{default:g(()=>[f(e.$slots,`default`)]),_:3},16,[`trap-focus`,`disable-outside-pointer-events`,`onPointerDownOutside`,`onFocusOutside`,`onInteractOutside`,`onCloseAutoFocus`])):c(`v-if`,!0)}});export{_ as default};

package/dist/components/popover/popover-positioner.vue.d.ts

@@ -23,6 +23,7 @@ declare const __VLS_base: _$vue.DefineComponent<PopoverPositionerProps, {}, {},
   onCloseAutoFocus?: ((event: Event) => any) | undefined;
 }>, {
   avoidCollisions: boolean;
+  prioritizePosition: boolean;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

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

@@ -1 +1 @@
-import{transformPropsToContext as e}from"../../shared/vue.js";import"../../shared/index.js";import{useControllableState as t}from"../../composables/use-controllable-state.js";import"../../composables/index.js";import n from"../popper/popper-root.js";import"../popper/index.js";import{providePopoverRootContext as r}from"./context.js";import{createBlock as i,defineComponent as a,openBlock as o,renderSlot as s,unref as c,withCtx as l}from"vue";const u=a({name:`PopoverRoot`,inheritAttrs:!1,__name:`popover-root`,props:{disabled:{type:Boolean},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean},modal:{type:Boolean}},emits:[`update:open`],setup(a,{emit:u}){let d=a,f=u,p=t(()=>d.open,e=>{f(`update:open`,e??!1)},d.defaultOpen),m=()=>{p.value=!1};return r({...e(d,[`modal`,`disabled`]),open:p}),(e,t)=>(o(),i(c(n),null,{default:l(()=>[s(e.$slots,`default`,{open:c(p),close:m})]),_:3}))}});export{u as default};
+import{transformPropsToContext as e}from"../../shared/vue.js";import"../../shared/index.js";import{useControllableState as t}from"../../composables/use-controllable-state.js";import"../../composables/index.js";import n from"../popper/popper-root.js";import"../popper/index.js";import{providePopoverRootContext as r}from"./context.js";import{createBlock as i,defineComponent as a,openBlock as o,renderSlot as s,unref as c,withCtx as l}from"vue";const u=a({name:`PopoverRoot`,inheritAttrs:!1,__name:`popover-root`,props:{disabled:{type:Boolean},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean},modal:{type:Boolean}},emits:[`update:open`],setup(a,{emit:u}){let d=a,f=u,p=t(()=>d.open,e=>{f(`update:open`,e)},d.defaultOpen),m=()=>{p.value=!1};return r({...e(d,[`modal`,`disabled`]),open:p}),(e,t)=>(o(),i(c(n),null,{default:l(()=>[s(e.$slots,`default`,{open:c(p),close:m})]),_:3}))}});export{u as default};

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

@@ -3,7 +3,7 @@ import * as _$vue from "vue";
 
 //#region src/components/popover/popover-root.vue.d.ts
 declare var __VLS_8: {
-  open: boolean | undefined;
+  open: boolean;
   close: () => void;
 };
 type __VLS_Slots = {} & {

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

@@ -1 +1 @@
-import{useForwardElement as e}from"../../composables/use-forward-element.js";import"../../composables/index.js";import{Primitive as t}from"../primitive/primitive.js";import"../primitive/index.js";import n from"../popper/popper-anchor.js";import"../popper/index.js";import{usePopoverRootContext as r,usePopoverUi as i}from"./context.js";import{computed as a,createBlock as o,defineComponent as s,normalizeClass as c,openBlock as l,renderSlot as u,resolveDynamicComponent as d,unref as f,withCtx as p}from"vue";const m=s({name:`PopoverTrigger`,__name:`popover-trigger`,props:{asChild:{type:Boolean},as:{default:`button`}},setup(s){let m=s,h=i(`trigger`),{open:g,onOpenToggle:_,dataState:v,popupId:y,disabled:b,initTriggerId:x,onTriggerElementChange:S,hasCustomAnchor:C}=r(`PopoverTrigger`),[w,T]=e(S),E=a(()=>m.as===`button`?`button`:void 0),D=e=>{if(b.value){e.preventDefault();return}_()};return x(),(e,r)=>(l(),o(d(f(C)?f(t):f(n)),{ref:f(T),class:c(f(h)),as:s.as,"as-child":s.asChild,type:E.value,"aria-haspopup":`dialog`,"aria-disabled":f(b)||void 0,"aria-expanded":f(g)||!1,"aria-controls":f(g)?f(y):void 0,"data-state":f(v),"data-disabled":f(b)?``:void 0,onClick:D},{default:p(()=>[u(e.$slots,`default`)]),_:3},8,[`class`,`as`,`as-child`,`type`,`aria-disabled`,`aria-expanded`,`aria-controls`,`data-state`,`data-disabled`]))}});export{m as default};
+import{useForwardElement as e}from"../../composables/use-forward-element.js";import"../../composables/index.js";import t from"../button/button.js";import n from"../popper/popper-anchor.js";import"../popper/index.js";import{usePopoverRootContext as r,usePopoverUi as i}from"./context.js";import{createBlock as a,defineComponent as o,mergeProps as s,openBlock as c,renderSlot as l,resolveDynamicComponent as u,unref as d,withCtx as f}from"vue";const p=o({name:`PopoverTrigger`,__name:`popover-trigger`,props:{type:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{default:`button`}},setup(o){let p=o,m=i(`trigger`),{open:h,onOpenToggle:g,dataState:_,popupId:v,disabled:y,initTriggerId:b,onTriggerElementChange:x,hasCustomAnchor:S}=r(`PopoverTrigger`),[C,w]=e(x);return b(),(e,r)=>(c(),a(u(d(S)?t:d(n)),s({ref:d(w)},p,{"data-soybean-popover-trigger":``,class:d(m),as:d(S)?p.as:t,"aria-haspopup":`dialog`,"aria-expanded":d(h)||!1,"aria-controls":d(h)?d(v):void 0,disabled:d(y),"data-state":d(_),onClick:d(g)}),{default:f(()=>[l(e.$slots,`default`)]),_:3},16,[`class`,`as`,`aria-expanded`,`aria-controls`,`disabled`,`data-state`,`onClick`]))}});export{p as default};

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

@@ -1,10 +1,10 @@
-import { MaybePromise, UiClass } from "../../types/common.js";
+import { UiClass } from "../../types/common.js";
 import { DismissableLayerEmits, FocusScopeEmits, ForceMountProps } from "../../types/component.js";
-import { PrimitiveProps } from "../primitive/types.js";
+import { ButtonProps } from "../button/types.js";
 import { PopperAnchorProps, PopperArrowProps, PopperPopupProps, PopperPositionerProps, PopperUiSlot } from "../popper/types.js";
 import { PortalProps } from "../portal/types.js";
 import { DialogBaseProps, DialogRootEmits } from "../dialog/types.js";
-import { ButtonHTMLAttributes, ShallowRef } from "vue";
+import { ShallowRef } from "vue";
 
 //#region src/components/popover/types.d.ts
 /**
@@ -23,12 +23,7 @@ type PopoverRootEmits = DialogRootEmits;
 /**
  * Properties for the PopoverClose component.
  */
-interface PopoverCloseProps extends PrimitiveProps, /** @vue-ignore */ButtonHTMLAttributes {
-  /**
-   * Before close.
-   */
-  beforeClose?: () => MaybePromise<boolean | void>;
-}
+interface PopoverCloseProps extends ButtonProps {}
 /**
  * Events for the PopoverClose component.
  */
@@ -36,7 +31,7 @@ type PopoverCloseEmits = {
   /**
    * Emitted when close occurs.
    */
-  close: [];
+  close: [PointerEvent];
 };
 /**
  * Events for the PopoverPositionerImpl component.
@@ -57,7 +52,7 @@ interface PopoverPopupProps extends PopperPopupProps {}
 /**
  * Properties for the PopoverTrigger component.
  */
-interface PopoverTriggerProps extends PrimitiveProps, /** @vue-ignore */ButtonHTMLAttributes {}
+interface PopoverTriggerProps extends ButtonProps {}
 /**
  * Properties for the PopoverCompact component.
  */
@@ -102,11 +97,14 @@ type PopoverCompactEmits = PopoverRootEmits & PopoverPositionerEmits;
 /**
  * Slots for the PopoverCompact component.
  */
-interface PopoverCompactSlots {
+type PopoverCompactSlots = {
   /**
    * Custom content for the default slot.
    */
-  default?: () => any;
+  default?: (props: {
+    open: boolean;
+    close: () => void;
+  }) => any;
   /**
    * Custom content for the trigger slot.
    */
@@ -115,11 +113,11 @@ interface PopoverCompactSlots {
    * Custom content for the close slot.
    */
   close?: () => any;
-}
+};
 /**
  * Available UI slots for the Popover component.
  */
-type PopoverUiSlot = PopperUiSlot | 'trigger';
+type PopoverUiSlot = PopperUiSlot | 'trigger' | 'close';
 /**
  * UI class overrides for the Popover component.
  */

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

@@ -1,8 +1,8 @@
 import { PopperAnchorProps, PopperArrowProps, PopperPopupProps, PopperPositionerProps, PopperUi, PopperUiSlot } from "./types.js";
 import { _default } from "./popper-anchor.vue.js";
 import { _default as _default$1 } from "./popper-arrow.vue.js";
-import { providePopperUi } from "./context.js";
 import { _default as _default$4 } from "./popper-root.vue.js";
 import { _default as _default$3 } from "./popper-positioner.vue.js";
 import { _default as _default$2 } from "./popper-popup.vue.js";
+import { providePopperUi } from "./context.js";
 export { _default as PopperAnchor, type PopperAnchorProps, _default$1 as PopperArrow, type PopperArrowProps, _default$2 as PopperPopup, type PopperPopupProps, _default$3 as PopperPositioner, type PopperPositionerProps, _default$4 as PopperRoot, type PopperUi, type PopperUiSlot, providePopperUi };

package/dist/components/popper/popper-anchor.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{usePopperRootContext as r,usePopperUi as i}from"./context.js";import{createBlock as a,defineComponent as o,mergeProps as s,openBlock as c,renderSlot as l,unref as u,watchEffect as d,withCtx as f}from"vue";const p=o({name:`PopperAnchor`,__name:`popper-anchor`,props:{reference:{},asChild:{type:Boolean},as:{}},setup(o){let p=o,m=t(p,[`reference`]),h=i(`anchor`),{onAnchorElementChange:g}=r(`PopperAnchor`),[_,v]=e(e=>{p.reference||g(e)});return d(()=>{p.reference&&g(p.reference)}),(e,t)=>(c(),a(u(n),s(u(m),{ref:u(v),class:u(h)}),{default:f(()=>[l(e.$slots,`default`)]),_:3},16,[`class`]))}});export{p 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{usePopperRootContext as r,usePopperUi as i}from"./context.js";import{createBlock as a,defineComponent as o,mergeProps as s,openBlock as c,renderSlot as l,unref as u,watchEffect as d,withCtx as f}from"vue";const p=o({name:`PopperAnchor`,__name:`popper-anchor`,props:{reference:{},asChild:{type:Boolean},as:{}},setup(o){let p=o,m=t(p,[`reference`]),h=i(`anchor`),{onAnchorElementChange:g}=r(`PopperAnchor`),[_,v]=e(e=>{p.reference||g(e)});return d(()=>{p.reference&&g(p.reference)}),(e,t)=>(c(),a(u(n),s(u(m),{ref:u(v),"data-soybean-popper-anchor":``,class:u(h)}),{default:f(()=>[l(e.$slots,`default`)]),_:3},16,[`class`]))}});export{p as default};

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

@@ -1 +1 @@
-import{OPPOSITE_SIDE as e}from"../../constants/common.js";import t from"../arrow/arrow.js";import"../arrow/index.js";import{usePopperPositionerContext as n,usePopperUi as r}from"./context.js";import{computed as i,createElementBlock as a,createVNode as o,defineComponent as s,normalizeClass as c,normalizeStyle as l,openBlock as u,unref as d}from"vue";const f=s({name:`PopperArrow`,__name:`popper-arrow`,setup(s){let f=r(`arrow`),{setArrowElement:p,arrowX:m,arrowY:h,hideArrow:g,placedSide:_}=n(`PopperArrow`),v={top:``,right:`0 0`,bottom:`center 0`,left:`100% 0`},y={top:`translateY(100%)`,right:`translateY(50%) rotate(90deg) translateX(-50%)`,bottom:`rotate(180deg)`,left:`translateY(50%) rotate(-90deg) translateX(50%)`},b=i(()=>e[_.value]),x=i(()=>({position:`absolute`,left:m.value?`${m.value}px`:void 0,top:h.value?`${h.value}px`:void 0,[b.value]:0,transformOrigin:v[_.value],transform:y[_.value],visibility:g.value?`hidden`:void 0}));return(e,n)=>(u(),a(`span`,{ref:d(p),class:c(d(f)),style:l(x.value)},[o(d(t))],6))}});export{f as default};
+import{OPPOSITE_SIDE as e}from"../../constants/common.js";import t from"../arrow/arrow.js";import"../arrow/index.js";import{usePopperPositionerContext as n,usePopperUi as r}from"./context.js";import{computed as i,createElementBlock as a,createVNode as o,defineComponent as s,normalizeClass as c,normalizeStyle as l,openBlock as u,unref as d}from"vue";const f=s({name:`PopperArrow`,__name:`popper-arrow`,setup(s){let f=r(`arrow`),{setArrowElement:p,arrowX:m,arrowY:h,hideArrow:g,placedSide:_}=n(`PopperArrow`),v={top:``,right:`0 0`,bottom:`center 0`,left:`100% 0`},y={top:`translateY(100%)`,right:`translateY(50%) rotate(90deg) translateX(-50%)`,bottom:`rotate(180deg)`,left:`translateY(50%) rotate(-90deg) translateX(50%)`},b=i(()=>e[_.value]),x=i(()=>({position:`absolute`,left:m.value?`${m.value}px`:void 0,top:h.value?`${h.value}px`:void 0,[b.value]:0,transformOrigin:v[_.value],transform:y[_.value],visibility:g.value?`hidden`:void 0}));return(e,n)=>(u(),a(`span`,{ref:d(p),"data-soybean-popper-arrow":``,class:c(d(f)),style:l(x.value)},[o(d(t))],6))}});export{f as default};

package/dist/components/popper/popper-positioner.js

@@ -1 +1 @@
-import{useForwardElement as e}from"../../composables/use-forward-element.js";import{useFloating as t}from"../../composables/use-floating.js";import"../../composables/index.js";import{providePopperPositionerContext as n,usePopperRootContext as r,usePopperUi as i}from"./context.js";import{createPopperPositionerDefaultProps as a,getFloatingUiMiddleware as o,getPlacement as s,popperCssVars as c}from"./shared.js";import{computed as l,createElementBlock as u,defineComponent as d,mergeDefaults as f,normalizeClass as p,normalizeStyle as m,openBlock as h,renderSlot as g,shallowRef as _,unref as v,watchPostEffect as y}from"vue";import{autoUpdate as b}from"@floating-ui/dom";import{getAlignment as x,getSide as S}from"@floating-ui/utils";const C=d({name:`PopperPositioner`,__name:`popper-positioner`,props:f({placement:{},side:{},sideOffset:{},sideFlip:{type:Boolean},align:{},alignOffset:{},alignFlip:{type:Boolean},avoidCollisions:{type:Boolean},collisionBoundary:{},collisionPadding:{},arrowPadding:{},hideShiftedArrow:{type:Boolean},sticky:{},hideWhenDetached:{type:Boolean},positionStrategy:{},updatePositionStrategy:{},disableUpdateOnLayoutShift:{type:Boolean},prioritizePosition:{type:Boolean},reference:{}},a()),emits:[`placed`],setup(a,{emit:d}){let f=a,C=d,w=i(`positioner`),[T,E]=e(),[D,O]=e(),{anchorElement:k,popupElement:A}=r(`PopperPositioner`),{floatingStyles:j,placement:M,isPositioned:N,middlewareData:P}=t(l(()=>f.reference??k.value),T,{strategy:()=>f.positionStrategy,placement:()=>f.placement??s(f.side,f.align),whileElementsMounted:(...e)=>b(...e,{layoutShift:!f.disableUpdateOnLayoutShift,animationFrame:f.updatePositionStrategy===`always`}),middleware:()=>o(f,D.value)}),F=l(()=>S(M.value)),I=l(()=>x(M.value)??`center`),L=l(()=>P.value.arrow?.centerOffset===0),R=l(()=>P.value.arrow?.x??0),z=l(()=>P.value.arrow?.y??0),B=l(()=>f.hideShiftedArrow&&!L.value),V=_(),H=l(()=>{let{transformOrigin:e,hide:t}=P.value;return{...j.value,zIndex:V.value,transform:N.value?j.value.transform:`translate(0, -200%)`,[c.transformOrigin]:[e?.x,e?.y].join(` `),...t?.referenceHidden&&{visibility:`hidden`,pointerEvents:`none`}}});return n({arrowX:R,arrowY:z,hideArrow:B,placedSide:F,placedAlign:I,isPositioned:l(()=>N.value),setArrowElement:O}),y(()=>{N.value&&C(`placed`)}),y(()=>{A.value&&(V.value=window.getComputedStyle(A.value).zIndex)}),(e,t)=>(h(),u(`div`,{ref:v(E),class:p(v(w)),"data-soybean-popper-positioner":``,style:m(H.value)},[g(e.$slots,`default`)],6))}});export{C as default};
+import{useForwardElement as e}from"../../composables/use-forward-element.js";import{useFloating as t}from"../../composables/use-floating.js";import"../../composables/index.js";import{providePopperPositionerContext as n,usePopperRootContext as r,usePopperUi as i}from"./context.js";import{createPopperPositionerDefaultProps as a,getFloatingUiMiddleware as o,getPlacement as s,popperCssVars as c}from"./shared.js";import{computed as l,createElementBlock as u,defineComponent as d,mergeDefaults as f,normalizeClass as p,normalizeStyle as m,openBlock as h,renderSlot as g,shallowRef as _,unref as v,watchPostEffect as y}from"vue";import{autoUpdate as b}from"@floating-ui/dom";import{getAlignment as x,getSide as S}from"@floating-ui/utils";const C=d({name:`PopperPositioner`,__name:`popper-positioner`,props:f({placement:{},side:{},sideOffset:{},sideFlip:{type:Boolean},align:{},alignOffset:{},alignFlip:{type:Boolean},avoidCollisions:{type:Boolean},collisionBoundary:{},collisionPadding:{},arrowPadding:{},hideShiftedArrow:{type:Boolean},sticky:{},hideWhenDetached:{type:Boolean},positionStrategy:{},updatePositionStrategy:{},disableUpdateOnLayoutShift:{type:Boolean},prioritizePosition:{type:Boolean},reference:{}},a()),emits:[`placed`],setup(a,{emit:d}){let f=a,C=d,w=i(`positioner`),[T,E]=e(),[D,O]=e(),{anchorElement:k,popupElement:A}=r(`PopperPositioner`),{floatingStyles:j,placement:M,isPositioned:N,middlewareData:P}=t(l(()=>f.reference??k.value),T,{strategy:()=>f.positionStrategy,placement:()=>f.placement??s(f.side,f.align),whileElementsMounted:(...e)=>b(...e,{layoutShift:!f.disableUpdateOnLayoutShift,animationFrame:f.updatePositionStrategy===`always`}),middleware:()=>o(f,D.value)}),F=l(()=>S(M.value)),I=l(()=>x(M.value)??`center`),L=l(()=>P.value.arrow?.centerOffset===0),R=l(()=>P.value.arrow?.x??0),z=l(()=>P.value.arrow?.y??0),B=l(()=>f.hideShiftedArrow&&!L.value),V=_(),H=l(()=>{let{transformOrigin:e,hide:t}=P.value;return{...j.value,zIndex:V.value,transform:N.value?j.value.transform:`translate(0, -200%)`,[c.transformOrigin]:[e?.x,e?.y].join(` `),...t?.referenceHidden&&{visibility:`hidden`,pointerEvents:`none`}}});return n({arrowX:R,arrowY:z,hideArrow:B,placedSide:F,placedAlign:I,isPositioned:l(()=>N.value),setArrowElement:O}),y(()=>{N.value&&C(`placed`)}),y(()=>{A.value&&(V.value=window.getComputedStyle(A.value).zIndex)}),(e,t)=>(h(),u(`div`,{ref:v(E),"data-soybean-popper-positioner":``,class:p(v(w)),style:m(H.value)},[g(e.$slots,`default`)],6))}});export{C as default};

package/dist/components/popper/popper-positioner.vue.d.ts

@@ -15,6 +15,7 @@ declare const __VLS_base: _$vue.DefineComponent<PopperPositionerProps, {}, {}, {
 }, string, _$vue.PublicProps, Readonly<PopperPositionerProps> & Readonly<{
   onPlaced?: (() => any) | undefined;
 }>, {
+  [x: `data-${string}`]: {};
   onCopy: (payload: ClipboardEvent) => void;
   onCut: (payload: ClipboardEvent) => void;
   onPaste: (payload: ClipboardEvent) => void;
@@ -202,11 +203,11 @@ declare const __VLS_base: _$vue.DefineComponent<PopperPositionerProps, {}, {}, {
   'aria-valuemin': string | number;
   'aria-valuenow': string | number;
   'aria-valuetext': string;
-  align: Align;
   placement: Placement$1;
   side: _$_floating_ui_utils0.Side;
   sideOffset: number;
   sideFlip: boolean;
+  align: Align;
   alignOffset: number;
   alignFlip: boolean;
   avoidCollisions: boolean;

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

@@ -1,13 +1,14 @@
 import { Align, Placement as Placement$1, UiClass } from "../../types/common.js";
-import { PrimitiveProps } from "../primitive/types.js";
-import { ComputedRef, HTMLAttributes } from "vue";
+import { BaseProps } from "../../types/vue.js";
+import { PrimitiveWithBaseProps } from "../primitive/types.js";
+import { ComputedRef } from "vue";
 import { Padding, ReferenceElement, Side } from "@floating-ui/dom";
 
 //#region src/components/popper/types.d.ts
 /**
  * Properties for the PopperAnchor component.
  */
-interface PopperAnchorProps extends PrimitiveProps, /** @vue-ignore */HTMLAttributes {
+interface PopperAnchorProps extends PrimitiveWithBaseProps {
   /**
    * The reference (or anchor) element that is being referred to for positioning. If not provided will use the current
    * component as anchor.
@@ -17,7 +18,7 @@ interface PopperAnchorProps extends PrimitiveProps, /** @vue-ignore */HTMLAttrib
 /**
  * Properties for the PopperPositioner component.
  */
-interface PopperPositionerProps extends /** @vue-ignore */HTMLAttributes {
+interface PopperPositionerProps extends BaseProps {
   /**
    * The placement of the floating element.
    *
@@ -151,11 +152,11 @@ interface PopperPositionerEmits {
 /**
  * Properties for the PopperPopup component.
  */
-interface PopperPopupProps extends /** @vue-ignore */HTMLAttributes {}
+interface PopperPopupProps extends BaseProps {}
 /**
  * Properties for the PopperArrow component.
  */
-interface PopperArrowProps extends /** @vue-ignore */HTMLAttributes {}
+interface PopperArrowProps extends BaseProps {}
 /**
  * Available UI slots for the Popper component.
  */

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

@@ -1,3 +1,3 @@
-import { AsTag, PrimitiveProps } from "./types.js";
+import { AsTag, PrimitiveProps, PrimitiveWithBaseProps } from "./types.js";
 import { Primitive } from "./primitive.js";
-export { type AsTag, Primitive, type PrimitiveProps };
+export { type AsTag, Primitive, type PrimitiveProps, type PrimitiveWithBaseProps };

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

@@ -1,3 +1,4 @@
+import { BaseProps } from "../../types/vue.js";
 import { Component } from "vue";
 
 //#region src/components/primitive/types.d.ts
@@ -18,5 +19,6 @@ interface PrimitiveProps {
    */
   as?: AsTag | Component;
 }
+interface PrimitiveWithBaseProps extends PrimitiveProps, BaseProps {}
 //#endregion
-export { AsTag, PrimitiveProps };
+export { AsTag, PrimitiveProps, PrimitiveWithBaseProps };

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

@@ -1,8 +1,10 @@
-import { ProgressCircleProps, ProgressIndicatorProps, ProgressOptions, ProgressProviderProps, ProgressRootContext, ProgressRootEmits, ProgressRootProps, ProgressState, ProgressUi, ProgressUiSlot } from "./types.js";
-import { _default as _default$2 } from "./progress-provider.vue.js";
-import { _default as _default$3 } from "./progress-root.vue.js";
-import { _default as _default$1 } from "./progress-indicator.vue.js";
-import { _default } from "./progress-circle.vue.js";
+import { ProgressCircleCompactEmits, ProgressCircleCompactProps, ProgressCircleCompactSlots, ProgressCircleSvgProps, ProgressCompactEmits, ProgressCompactProps, ProgressCompactSlots, ProgressIndicatorProps, ProgressOptions, ProgressProviderProps, ProgressRootEmits, ProgressRootProps, ProgressSlotProps, ProgressState, ProgressUi, ProgressUiSlot } from "./types.js";
+import { _default as _default$4 } from "./progress-provider.vue.js";
+import { _default as _default$2 } from "./progress-compact.vue.js";
+import { _default as _default$1 } from "./progress-circle-compact.vue.js";
+import { _default as _default$5 } from "./progress-root.vue.js";
+import { _default as _default$3 } from "./progress-indicator.vue.js";
+import { _default } from "./progress-circle-svg.vue.js";
 import { provideProgressProviderUi, provideProgressUi } from "./context.js";
 import { progress } from "./state.js";
-export { _default as ProgressCircle, type ProgressCircleProps, _default$1 as ProgressIndicator, type ProgressIndicatorProps, type ProgressOptions, _default$2 as ProgressProvider, type ProgressProviderProps, _default$3 as ProgressRoot, type ProgressRootContext, type ProgressRootEmits, type ProgressRootProps, type ProgressState, type ProgressUi, type ProgressUiSlot, progress, provideProgressProviderUi, provideProgressUi };
+export { _default as ProgressCircle, _default$1 as ProgressCircleCompact, type ProgressCircleCompactEmits, type ProgressCircleCompactProps, type ProgressCircleCompactSlots, type ProgressCircleSvgProps, _default$2 as ProgressCompact, type ProgressCompactEmits, type ProgressCompactProps, type ProgressCompactSlots, _default$3 as ProgressIndicator, type ProgressIndicatorProps, type ProgressOptions, _default$4 as ProgressProvider, type ProgressProviderProps, _default$5 as ProgressRoot, type ProgressRootEmits, type ProgressRootProps, type ProgressSlotProps, type ProgressState, type ProgressUi, type ProgressUiSlot, progress, provideProgressProviderUi, provideProgressUi };

package/dist/components/progress/index.js

@@ -1 +1 @@
-import{progress as e}from"./state.js";import{provideProgressProviderUi as t,provideProgressUi as n}from"./context.js";import r from"./progress-provider.js";import i from"./progress-root.js";import a from"./progress-indicator.js";import o from"./progress-circle.js";export{o as ProgressCircle,a as ProgressIndicator,r as ProgressProvider,i as ProgressRoot,e as progress,t as provideProgressProviderUi,n as provideProgressUi};
+import{progress as e}from"./state.js";import{provideProgressProviderUi as t,provideProgressUi as n}from"./context.js";import r from"./progress-provider.js";import i from"./progress-indicator.js";import a from"./progress-root.js";import o from"./progress-compact.js";import s from"./progress-circle-svg.js";import c from"./progress-circle-compact.js";export{s as ProgressCircle,c as ProgressCircleCompact,o as ProgressCompact,i as ProgressIndicator,r as ProgressProvider,a as ProgressRoot,e as progress,t as provideProgressProviderUi,n as provideProgressUi};

package/dist/components/progress/progress-circle-compact.js

@@ -0,0 +1 @@
+import{useForwardListeners as e}from"../../composables/use-forward-listeners.js";import{useOmitProps as t}from"../../composables/use-props.js";import"../../composables/index.js";import{useProgressUi as n}from"./context.js";import r from"./progress-root.js";import i from"./progress-circle-svg.js";import{computed as a,createBlock as o,createCommentVNode as s,createElementBlock as c,createVNode as l,defineComponent as u,guardReactiveProps as d,mergeProps as f,normalizeClass as p,normalizeProps as m,openBlock as h,renderSlot as g,toHandlers as _,unref as v,useSlots as y,withCtx as b}from"vue";const x=u({name:`ProgressCircleCompact`,__name:`progress-circle-compact`,props:{strokeWidth:{},circleSvgProps:{},dir:{},modelValue:{},max:{},getValueLabel:{type:Function},getValueText:{type:Function},asChild:{type:Boolean},as:{}},emits:[`update:modelValue`,`update:max`],setup(u,{emit:x}){let S=u,C=x,w=y(),T=t(S,[`strokeWidth`,`circleSvgProps`]),E=e(C),D=n(`label`),O=a(()=>({...S.circleSvgProps,strokeWidth:S.strokeWidth??S.circleSvgProps?.strokeWidth}));return(e,t)=>(h(),o(r,f(v(T),_(v(E))),{default:b(t=>[l(i,m(d(O.value)),null,16),w.default?(h(),c(`div`,{key:0,class:p(v(D)),"data-soybean-progress-label":``},[g(e.$slots,`default`,m(d(t)))],2)):s(`v-if`,!0)]),_:3},16))}});export{x as default};

package/dist/components/progress/progress-circle-compact.vue.d.ts

@@ -0,0 +1,21 @@
+import { ProgressCircleCompactProps, ProgressCircleCompactSlots } from "./types.js";
+import * as _$vue from "vue";
+
+//#region src/components/progress/progress-circle-compact.vue.d.ts
+type __VLS_Slots = ProgressCircleCompactSlots;
+declare const __VLS_base: _$vue.DefineComponent<ProgressCircleCompactProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
+  "update:modelValue": (value: number | null | undefined) => any;
+  "update:max": (value: number) => any;
+}, string, _$vue.PublicProps, Readonly<ProgressCircleCompactProps> & Readonly<{
+  "onUpdate:modelValue"?: ((value: number | null | undefined) => any) | undefined;
+  "onUpdate:max"?: ((value: number) => any) | undefined;
+}>, {}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default };

package/dist/components/progress/progress-circle-svg.js

@@ -0,0 +1 @@
+import{useProgressRootContext as e,useProgressUi as t}from"./context.js";import{getProgressCircleDasharray as n,getProgressCircleDashoffset as r,getProgressCircleRadius as i,getValidProgressCircleStrokeWidth as a}from"./shared.js";import{Fragment as o,computed as s,createElementBlock as c,createElementVNode as l,defineComponent as u,mergeProps as d,normalizeClass as f,openBlock as p,renderSlot as m,unref as h,useAttrs as g}from"vue";const _=[`viewBox`],v=[`cx`,`cy`,`r`,`stroke-width`],y=[`cx`,`cy`,`r`,`stroke-width`,`stroke-dasharray`,`stroke-dashoffset`,`data-state`,`data-value`,`data-max`,`transform`],b=u({name:`ProgressCircleSvg`,inheritAttrs:!1,__name:`progress-circle-svg`,props:{strokeWidth:{default:8}},setup(u){let b=u,x=g(),S=t(`circleSvg`),C=t(`track`),w=t(`indicator`),{max:T,modelValue:E,progressState:D,valuePercent:O}=e(`ProgressCircleSvg`),k=s(()=>a(b.strokeWidth)),A=s(()=>i(k.value)),j=s(()=>2*Math.PI*A.value);return(e,t)=>(p(),c(o,null,[(p(),c(`svg`,d(h(x),{"data-soybean-progress-circle-svg":``,fill:`none`,class:h(S),viewBox:`0 0 ${h(100)} ${h(100)}`,"aria-hidden":`true`}),[l(`circle`,{cx:h(50),cy:h(50),r:A.value,"stroke-width":k.value,class:f(h(C)),"data-soybean-progress-track":``},null,10,v),l(`circle`,{cx:h(50),cy:h(50),r:A.value,"stroke-width":k.value,"stroke-dasharray":h(n)(j.value,h(D)),"stroke-dashoffset":h(r)(h(O),j.value,h(D)),"data-state":h(D),"data-value":h(E)??void 0,"data-max":h(T),class:f(h(w)),"data-soybean-progress-indicator":``,"stroke-linecap":`round`,transform:`rotate(-90 ${h(50)} ${h(50)})`},null,10,y)],16,_)),m(e.$slots,`default`,{modelValue:h(E),max:h(T),progressState:h(D),valuePercent:h(O)})],64))}});export{b as default};

package/dist/components/progress/{progress-circle.vue.d.ts → progress-circle-svg.vue.d.ts}

@@ -1,7 +1,7 @@
-import { ProgressCircleProps, ProgressState } from "./types.js";
+import { ProgressCircleSvgProps, ProgressState } from "./types.js";
 import * as _$vue from "vue";
 
-//#region src/components/progress/progress-circle.vue.d.ts
+//#region src/components/progress/progress-circle-svg.vue.d.ts
 declare var __VLS_1: {
   modelValue: number | null | undefined;
   max: number;
@@ -11,7 +11,7 @@ declare var __VLS_1: {
 type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_1) => any;
 };
-declare const __VLS_base: _$vue.DefineComponent<ProgressCircleProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<ProgressCircleProps> & Readonly<{}>, {
+declare const __VLS_base: _$vue.DefineComponent<ProgressCircleSvgProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<ProgressCircleSvgProps> & Readonly<{}>, {
   strokeWidth: number;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

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

@@ -0,0 +1 @@
+import{useForwardListeners as e}from"../../composables/use-forward-listeners.js";import{useOmitProps as t}from"../../composables/use-props.js";import"../../composables/index.js";import n from"./progress-indicator.js";import r from"./progress-root.js";import{createBlock as i,createVNode as a,defineComponent as o,guardReactiveProps as s,mergeProps as c,normalizeProps as l,openBlock as u,renderSlot as d,toHandlers as f,unref as p,withCtx as m}from"vue";const h=o({name:`ProgressCompact`,__name:`progress-compact`,props:{indicatorProps:{},dir:{},modelValue:{},max:{},getValueLabel:{type:Function},getValueText:{type:Function},asChild:{type:Boolean},as:{}},emits:[`update:modelValue`,`update:max`],setup(o,{emit:h}){let g=o,_=h,v=t(g,[`indicatorProps`]),y=e(_);return(e,t)=>(u(),i(r,c(p(v),f(p(y))),{default:m(t=>[a(n,l(s(o.indicatorProps)),{default:m(()=>[d(e.$slots,`default`,l(s(t)))]),_:2},1040)]),_:3},16))}});export{h as default};

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

@@ -0,0 +1,21 @@
+import { ProgressCompactProps, ProgressCompactSlots } from "./types.js";
+import * as _$vue from "vue";
+
+//#region src/components/progress/progress-compact.vue.d.ts
+type __VLS_Slots = ProgressCompactSlots;
+declare const __VLS_base: _$vue.DefineComponent<ProgressCompactProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
+  "update:modelValue": (value: number | null | undefined) => any;
+  "update:max": (value: number) => any;
+}, string, _$vue.PublicProps, Readonly<ProgressCompactProps> & Readonly<{
+  "onUpdate:modelValue"?: ((value: number | null | undefined) => any) | undefined;
+  "onUpdate:max"?: ((value: number) => any) | undefined;
+}>, {}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default };

package/dist/components/progress/progress-indicator.js

@@ -1 +1 @@
-import{Primitive as e}from"../primitive/primitive.js";import"../primitive/index.js";import{useProgressRootContext as t,useProgressUi as n}from"./context.js";import{getValuePercent as r}from"./shared.js";import{computed as i,createBlock as a,defineComponent as o,normalizeClass as s,normalizeStyle as c,openBlock as l,renderSlot as u,unref as d,withCtx as f}from"vue";const p=o({name:`ProgressIndicator`,__name:`progress-indicator`,props:{asChild:{type:Boolean},as:{default:`div`}},setup(o){let p=n(`indicator`),{dir:m,max:h,modelValue:g,progressState:_,valuePercent:v}=t(`ProgressIndicator`),y=i(()=>{let e=r(v.value,m.value);return e===void 0?{}:{"--progress-indicator-value":`${e}%`,transform:`translateX(${e}%)`}});return(t,n)=>(l(),a(d(e),{as:o.as,"as-child":o.asChild,class:s(d(p)),"data-state":d(_),"data-value":d(g)??void 0,"data-max":d(h),"data-slot":`indicator`,style:c(y.value)},{default:f(()=>[u(t.$slots,`default`)]),_:3},8,[`as`,`as-child`,`class`,`data-state`,`data-value`,`data-max`,`style`]))}});export{p as default};
+import{Primitive as e}from"../primitive/primitive.js";import"../primitive/index.js";import{useProgressRootContext as t,useProgressUi as n}from"./context.js";import{getValuePercent as r}from"./shared.js";import{computed as i,createBlock as a,defineComponent as o,normalizeClass as s,normalizeStyle as c,openBlock as l,renderSlot as u,unref as d,withCtx as f}from"vue";const p=o({name:`ProgressIndicator`,__name:`progress-indicator`,props:{asChild:{type:Boolean},as:{}},setup(o){let p=n(`indicator`),{dir:m,max:h,modelValue:g,progressState:_,valuePercent:v}=t(`ProgressIndicator`),y=i(()=>{let e=r(v.value,m.value);return e===void 0?{}:{"--progress-indicator-value":`${e}%`,transform:`translateX(${e}%)`}});return(t,n)=>(l(),a(d(e),{as:o.as,"as-child":o.asChild,"data-soybean-progress-indicator":``,class:s(d(p)),"data-state":d(_),"data-value":d(g)??void 0,"data-max":d(h),style:c(y.value)},{default:f(()=>[u(t.$slots,`default`)]),_:3},8,[`as`,`as-child`,`class`,`data-state`,`data-value`,`data-max`,`style`]))}});export{p as default};

package/dist/components/progress/progress-indicator.vue.d.ts

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

package/dist/components/progress/progress-provider.js

@@ -1 +1 @@
-import{progress as e}from"./state.js";import{useProgressProviderUi as t}from"./context.js";import{createElementBlock as n,createElementVNode as r,defineComponent as i,normalizeClass as a,openBlock as o,unref as s,watchEffect as c}from"vue";const l=i({name:`ProgressProvider`,__name:`progress-provider`,props:{direction:{},minimum:{},maximum:{},easing:{},speed:{},trickle:{type:Boolean},trickleSpeed:{}},setup(i){let l=i,u=t();return c(()=>{e.configure(l)}),(e,t)=>(o(),n(`div`,{class:a(s(u).root),role:`progressbar`,"aria-label":`Loading`,"aria-valuemin":`0`,"aria-valuemax":`1`,style:{display:`none`},"data-soybean-progress":``},[r(`div`,{class:a(s(u).indicator),"data-soybean-progress-bar":``},null,2)],2))}});export{l as default};
+import{useLocaleMessages as e}from"../../locale/hooks.js";import"../../locale/index.js";import{progress as t}from"./state.js";import{useProgressProviderUi as n}from"./context.js";import{createElementBlock as r,createElementVNode as i,defineComponent as a,normalizeClass as o,openBlock as s,unref as c,watchEffect as l}from"vue";const u=[`aria-label`],d=a({name:`ProgressProvider`,__name:`progress-provider`,props:{direction:{},minimum:{},maximum:{},easing:{},speed:{},trickle:{type:Boolean},trickleSpeed:{}},setup(a){let d=a,f=n(),p=e();return l(()=>{t.configure(d)}),(e,t)=>(s(),r(`div`,{"data-soybean-progress-provider":``,class:o(c(f).root),role:`progressbar`,"aria-label":c(p).progress.loading,"aria-valuemin":`0`,"aria-valuemax":`1`,style:{display:`none`}},[i(`div`,{class:o(c(f).indicator),"data-soybean-progress-bar":``},null,2)],10,u))}});export{d as default};

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

@@ -1 +1 @@
-import{isNullish as e}from"../../shared/guard.js";import"../../shared/index.js";import{useControllableState as t}from"../../composables/use-controllable-state.js";import{useOmitProps as n}from"../../composables/use-props.js";import"../../composables/index.js";import{useDirection as r}from"../config-provider/context.js";import{Primitive as i}from"../primitive/primitive.js";import"../primitive/index.js";import{provideProgressRootContext as a,useProgressUi as o}from"./context.js";import{getValidMax as s,getValidModelValue as c,getValueLabel as l}from"./shared.js";import{computed as u,createBlock as d,defineComponent as f,mergeProps as p,openBlock as m,renderSlot as h,unref as g,useAttrs as _,watch as v,withCtx as y}from"vue";const b=f({name:`ProgressRoot`,inheritAttrs:!1,__name:`progress-root`,props:{dir:{},modelValue:{},max:{},getValueLabel:{type:Function,default:l},getValueText:{},asChild:{type:Boolean},as:{default:`div`}},emits:[`update:modelValue`,`update:max`],setup(l,{emit:f}){let b=l,x=f,S=_(),C=o(`root`),w=t(()=>b.modelValue,e=>{x(`update:modelValue`,e)},void 0),T=t(()=>b.max,e=>{x(`update:max`,e??100)},100),E=r(()=>b.dir),D=u(()=>s(T.value)),O=u(()=>c(w.value,D.value)),k=n(b,[`modelValue`,`max`,`getValueLabel`,`getValueText`],S,u(()=>typeof O.value==`number`?{"aria-valuenow":O.value}:{})),A=u(()=>e(O.value)?`indeterminate`:O.value===D.value?`complete`:`loading`),j=u(()=>e(O.value)?null:O.value/D.value*100),M=u(()=>b.getValueLabel?.(O.value,D.value)),N=u(()=>b.getValueText?.(O.value,D.value));function P(e){return typeof e==`string`&&e.trim().length>0?e:void 0}function F(e){return P(S[e])}let I=u(()=>F(`aria-label`)??P(M.value)??`Progress`),L=u(()=>F(`aria-valuetext`)??P(N.value));return v(D,e=>{e!==T.value&&(T.value=e)},{immediate:!0}),v(O,e=>{e!==w.value&&(w.value=e)},{immediate:!0}),a({dir:E,modelValue:O,max:D,progressState:A,valuePercent:j}),(e,t)=>(m(),d(g(i),p(g(k),{class:g(C),role:`progressbar`,"aria-label":I.value,"aria-valuemin":0,"aria-valuemax":D.value,"aria-valuetext":L.value,"data-state":A.value,"data-value":O.value??void 0,"data-max":D.value,"data-slot":`root`}),{default:y(()=>[h(e.$slots,`default`,{modelValue:O.value,max:D.value,progressState:A.value,valuePercent:j.value})]),_:3},16,[`class`,`aria-label`,`aria-valuemax`,`aria-valuetext`,`data-state`,`data-value`,`data-max`]))}});export{b as default};
+import{isNullish as e}from"../../shared/guard.js";import{useDirection as t}from"../config-provider/context.js";import"../../shared/index.js";import{useControllableState as n}from"../../composables/use-controllable-state.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{provideProgressRootContext as a,useProgressUi as o}from"./context.js";import{getValidMax as s,getValidModelValue as c,getValueLabel as l}from"./shared.js";import{computed as u,createBlock as d,defineComponent as f,mergeProps as p,openBlock as m,renderSlot as h,unref as g,useAttrs as _,watch as v,withCtx as y}from"vue";const b=f({name:`ProgressRoot`,inheritAttrs:!1,__name:`progress-root`,props:{dir:{},modelValue:{},max:{},getValueLabel:{type:Function,default:l},getValueText:{},asChild:{type:Boolean},as:{}},emits:[`update:modelValue`,`update:max`],setup(l,{emit:f}){let b=l,x=f,S=_(),C=o(`root`),w=n(()=>b.modelValue,e=>{x(`update:modelValue`,e)},null),T=n(()=>b.max,e=>{x(`update:max`,e)},100),E=t(()=>b.dir),D=u(()=>s(T.value)),O=u(()=>c(w.value,D.value)),k=r(b,[`modelValue`,`max`,`getValueLabel`,`getValueText`],S,u(()=>typeof O.value==`number`?{"aria-valuenow":O.value}:{})),A=u(()=>e(O.value)?`indeterminate`:O.value===D.value?`complete`:`loading`),j=u(()=>e(O.value)?null:O.value/D.value*100),M=u(()=>b.getValueLabel?.(O.value,D.value)),N=u(()=>b.getValueText?.(O.value,D.value));function P(e){return typeof e==`string`&&e.trim().length>0?e:void 0}function F(e){return P(S[e])}let I=u(()=>F(`aria-label`)??P(M.value)??`Progress`),L=u(()=>F(`aria-valuetext`)??P(N.value));return v(D,e=>{e!==T.value&&(T.value=e)},{immediate:!0}),v(O,e=>{e!==w.value&&(w.value=e)},{immediate:!0}),a({dir:E,modelValue:O,max:D,progressState:A,valuePercent:j}),(e,t)=>(m(),d(g(i),p(g(k),{"data-soybean-progress-root":``,class:g(C),role:`progressbar`,"aria-label":I.value,"aria-valuemin":0,"aria-valuemax":D.value,"aria-valuetext":L.value,"data-state":A.value,"data-value":O.value??void 0,"data-max":D.value}),{default:y(()=>[h(e.$slots,`default`,{modelValue:O.value,max:D.value,progressState:A.value,valuePercent:j.value})]),_:3},16,[`class`,`aria-label`,`aria-valuemax`,`aria-valuetext`,`data-state`,`data-value`,`data-max`]))}});export{b as default};

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

@@ -1,10 +1,9 @@
-import { AsTag } from "../primitive/types.js";
 import { ProgressRootProps, ProgressState } from "./types.js";
 import * as _$vue from "vue";
 
 //#region src/components/progress/progress-root.vue.d.ts
 declare var __VLS_8: {
-  modelValue: number | null | undefined;
+  modelValue: number | null;
   max: number;
   progressState: ProgressState;
   valuePercent: number | null;
@@ -19,7 +18,6 @@ declare const __VLS_base: _$vue.DefineComponent<ProgressRootProps, {}, {}, {}, {
   "onUpdate:modelValue"?: ((value: number | null | undefined) => any) | undefined;
   "onUpdate:max"?: ((value: number) => any) | undefined;
 }>, {
-  as: AsTag | _$vue.Component;
   getValueLabel: (value: number | null | undefined, max: number) => string | undefined;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/components/progress/shared.js

@@ -1 +1 @@
-import{isNullish as e}from"../../shared/guard.js";import"../../shared/index.js";function t(e){return typeof e==`number`&&!Number.isNaN(e)&&e>0}function n(e,t){if(typeof e==`number`)return`${Math.round(e/(typeof t==`number`&&t>0?t:100)*100)}%`}function r(e){return t(e)?e:100}function i(n,r){return e(n)?n:!t(n)&&n!==0||n<0||n>r?null:n}function a(e){return!t(e)||e<1||e>25?8:e}function o(e){return(100-e)/2}function s(e,t){return t===`indeterminate`?`${e*.35} ${e}`:`${e} ${e}`}function c(e,t,n){return n===`indeterminate`?t*.25:e===null?t:t*(1-e/100)}function l(e,t=`ltr`){if(e!==null)return t===`rtl`?100-e:-(100-e)}export{s as getProgressCircleDasharray,c as getProgressCircleDashoffset,o as getProgressCircleRadius,r as getValidMax,i as getValidModelValue,a as getValidProgressCircleStrokeWidth,n as getValueLabel,l as getValuePercent};
+import{isNullish as e}from"../../shared/guard.js";import"../../shared/index.js";function t(e){return typeof e==`number`&&!Number.isNaN(e)&&e>0}function n(e,t){if(typeof e==`number`)return`${Math.round(e/(typeof t==`number`&&t>0?t:100)*100)}%`}function r(e){return t(e)?e:100}function i(n,r){return e(n)?n??null:!t(n)&&n!==0||n<0||n>r?null:n}function a(e){return!t(e)||e<1||e>25?8:e}function o(e){return(100-e)/2}function s(e,t){return t===`indeterminate`?`${e*.35} ${e}`:`${e} ${e}`}function c(e,t,n){return n===`indeterminate`?t*.25:e===null?t:t*(1-e/100)}function l(e,t=`ltr`){if(e!==null)return t===`rtl`?100-e:-(100-e)}export{s as getProgressCircleDasharray,c as getProgressCircleDashoffset,o as getProgressCircleRadius,r as getValidMax,i as getValidModelValue,a as getValidProgressCircleStrokeWidth,n as getValueLabel,l as getValuePercent};

package/dist/components/progress/state.js

@@ -1 +1 @@
-import{clamp as e}from"../../shared/value.js";import{isClient as t}from"../../shared/env.js";import"../../shared/index.js";import{_defineProperty as n}from"../../_virtual/_@oxc-project_runtime@0.127.0/helpers/defineProperty.js";import{defu as r}from"defu";const i={direction:`ltr`,minimum:.08,maximum:1,easing:`linear`,speed:200,trickle:!0,trickleSpeed:200};var a=class{static reset(){return this.status=null,this.isPaused=!1,this.pending=[],this.options=i,this.clearTrickleTimer(),this}static configure(e){return this.options=r({...e},this.options),this}static isStarted(){return typeof this.status==`number`}static isRendered(){return t?document.querySelector(`[data-soybean-progress]`)!==null:!1}static set(n){if(!t||this.isPaused)return this;let r=this.isStarted();n=e(n,this.options.minimum,this.options.maximum),this.status=n===this.options.maximum?null:n,this.status===null&&this.clearTrickleTimer();let i=this.render(!r),a=this.options.speed,o=this.options.easing;return i.forEach(e=>e.offsetWidth),this.queue(e=>{i.forEach(e=>{c(e.querySelector(`[data-soybean-progress-bar]`),this.barPositionCSS({n,speed:a,ease:o}))}),n===this.options.maximum?(i.forEach(e=>{c(e,{transition:`none`,opacity:`1`}),e.offsetWidth}),setTimeout(()=>{i.forEach(e=>{c(e,{transition:`all ${a}ms ${o}`,opacity:`0`})}),setTimeout(()=>{i.forEach(e=>{this.remove(e),c(e,{transition:`none`,opacity:`1`})}),e()},a)},a)):setTimeout(e,a)}),this}static start(){return t?(this.status||this.set(0),this.options.trickle&&this.startTrickling(),this):this}static done(e){return!t||!e&&!this.status?this:this.inc(.3+.5*Math.random()).set(1)}static inc(t){if(this.isPaused)return this;let n=this.status;return n?n>1?this:(typeof t!=`number`&&(t=n>=0&&n<.2?.1:n>=.2&&n<.5?.04:n>=.5&&n<.8?.02:n>=.8&&n<.99?.005:0),n=e(n+t,0,.994),this.set(n)):this.start()}static dec(t){if(this.isPaused)return this;let n=this.status;return typeof n==`number`?(typeof t!=`number`&&(t=n>.8?.1:n>.5?.05:n>.2?.02:.01),n=e(n-t,0,.994),this.set(n)):this}static trickle(){return this.isPaused?this:this.inc()}static promise(e){let t=typeof e==`function`?e():e;if(!t)return this;if(typeof t.then==`function`)return this.start(),Promise.resolve(t).then(()=>{this.done()},()=>{this.done(!0)}),this;if(typeof t.state!=`function`||typeof t.always!=`function`||t.state()===`resolved`)return this;let n=0,r=0;return this.start(),n++,r++,t.always(()=>{r--,r===0?(n=0,this.done()):this.set((n-r)/n)}),this}static render(e=!1){if(!t)return[];let n=Array.from(document.querySelectorAll(`[data-soybean-progress]`));return n.forEach(t=>{t.style.display=``;let n=t.querySelector(`[data-soybean-progress-bar]`),r=s(e?0:this.status||0,this.options.direction);c(n,this.barPositionCSS({n:this.status||0,speed:this.options.speed,ease:this.options.easing,percent:r})),typeof this.status==`number`?t.setAttribute(`aria-valuenow`,`${this.status}`):t.removeAttribute(`aria-valuenow`)}),n}static remove(e){t&&(this.clearTrickleTimer(),e?e.style.display=`none`:document.querySelectorAll(`[data-soybean-progress]`).forEach(e=>{let t=e;t.style.display=`none`}))}static pause(){return this.isStarted()?(this.isPaused=!0,this.clearTrickleTimer(),this):this}static resume(){return this.isStarted()?(this.isPaused=!1,this.options.trickle&&this.startTrickling(),this):this}static queue(e){this.pending.push(e),this.pending.length===1&&this.next()}static next(){let e=this.pending.shift();e&&e(this.next.bind(this))}static clearTrickleTimer(){this.trickleTimer&&(clearTimeout(this.trickleTimer),this.trickleTimer=void 0)}static startTrickling(){if(this.trickleTimer||this.isPaused||!this.isStarted())return;let e=()=>{this.trickleTimer=void 0,!(this.isPaused||!this.isStarted())&&(this.trickle(),!this.isPaused&&this.isStarted()&&(this.trickleTimer=setTimeout(e,this.options.trickleSpeed)))};this.trickleTimer=setTimeout(e,this.options.trickleSpeed)}static barPositionCSS({n:e,speed:t,ease:n,percent:r}){return{transform:`translate3d(${r??s(e,this.options.direction)}%,0,0)`,transition:`all ${t}ms ${n}`}}};n(a,`options`,i),n(a,`status`,null),n(a,`pending`,[]),n(a,`isPaused`,!1),n(a,`trickleTimer`,void 0);const o=a;function s(e,t){return t===`rtl`?(1-e)*100:(-1+e)*100}function c(e,t,n){if(typeof t==`string`)n!==void 0&&(e.style[t]=n);else for(let n in t)if(t.hasOwnProperty(n)){let r=t[n];r!==void 0&&(e.style[n]=r)}}export{o as progress};
+import{clamp as e}from"../../shared/value.js";import{isClient as t}from"../../shared/env.js";import"../../shared/index.js";import{_defineProperty as n}from"../../_virtual/_@oxc-project_runtime@0.129.0/helpers/defineProperty.js";import{defu as r}from"defu";const i={direction:`ltr`,minimum:.08,maximum:1,easing:`linear`,speed:200,trickle:!0,trickleSpeed:200};var a=class{static reset(){return this.status=null,this.isPaused=!1,this.pending=[],this.options=i,this.clearTrickleTimer(),this}static configure(e){return this.options=r({...e},this.options),this}static isStarted(){return typeof this.status==`number`}static isRendered(){return t?document.querySelector(`[data-soybean-progress-provider]`)!==null:!1}static set(n){if(!t||this.isPaused)return this;let r=this.isStarted();n=e(n,this.options.minimum,this.options.maximum),this.status=n===this.options.maximum?null:n,this.status===null&&this.clearTrickleTimer();let i=this.render(!r),a=this.options.speed,o=this.options.easing;return i.forEach(e=>e.offsetWidth),this.queue(e=>{i.forEach(e=>{c(e.querySelector(`[data-soybean-progress-bar]`),this.barPositionCSS({n,speed:a,ease:o}))}),n===this.options.maximum?(i.forEach(e=>{c(e,{transition:`none`,opacity:`1`}),e.offsetWidth}),setTimeout(()=>{i.forEach(e=>{c(e,{transition:`all ${a}ms ${o}`,opacity:`0`})}),setTimeout(()=>{i.forEach(e=>{this.remove(e),c(e,{transition:`none`,opacity:`1`})}),e()},a)},a)):setTimeout(e,a)}),this}static start(){return t?(this.status||this.set(0),this.options.trickle&&this.startTrickling(),this):this}static done(e){return!t||!e&&!this.status?this:this.inc(.3+.5*Math.random()).set(1)}static inc(t){if(this.isPaused)return this;let n=this.status;return n?n>1?this:(typeof t!=`number`&&(t=n>=0&&n<.2?.1:n>=.2&&n<.5?.04:n>=.5&&n<.8?.02:n>=.8&&n<.99?.005:0),n=e(n+t,0,.994),this.set(n)):this.start()}static dec(t){if(this.isPaused)return this;let n=this.status;return typeof n==`number`?(typeof t!=`number`&&(t=n>.8?.1:n>.5?.05:n>.2?.02:.01),n=e(n-t,0,.994),this.set(n)):this}static trickle(){return this.isPaused?this:this.inc()}static promise(e){let t=typeof e==`function`?e():e;if(!t)return this;if(typeof t.then==`function`)return this.start(),Promise.resolve(t).then(()=>{this.done()},()=>{this.done(!0)}),this;if(typeof t.state!=`function`||typeof t.always!=`function`||t.state()===`resolved`)return this;let n=0,r=0;return this.start(),n++,r++,t.always(()=>{r--,r===0?(n=0,this.done()):this.set((n-r)/n)}),this}static render(e=!1){if(!t)return[];let n=Array.from(document.querySelectorAll(`[data-soybean-progress-provider]`));return n.forEach(t=>{t.style.display=``;let n=t.querySelector(`[data-soybean-progress-bar]`),r=s(e?0:this.status||0,this.options.direction);c(n,this.barPositionCSS({n:this.status||0,speed:this.options.speed,ease:this.options.easing,percent:r})),typeof this.status==`number`?t.setAttribute(`aria-valuenow`,`${this.status}`):t.removeAttribute(`aria-valuenow`)}),n}static remove(e){t&&(this.clearTrickleTimer(),e?e.style.display=`none`:document.querySelectorAll(`[data-soybean-progress-provider]`).forEach(e=>{let t=e;t.style.display=`none`}))}static pause(){return this.isStarted()?(this.isPaused=!0,this.clearTrickleTimer(),this):this}static resume(){return this.isStarted()?(this.isPaused=!1,this.options.trickle&&this.startTrickling(),this):this}static queue(e){this.pending.push(e),this.pending.length===1&&this.next()}static next(){let e=this.pending.shift();e&&e(this.next.bind(this))}static clearTrickleTimer(){this.trickleTimer&&(clearTimeout(this.trickleTimer),this.trickleTimer=void 0)}static startTrickling(){if(this.trickleTimer||this.isPaused||!this.isStarted())return;let e=()=>{this.trickleTimer=void 0,!(this.isPaused||!this.isStarted())&&(this.trickle(),!this.isPaused&&this.isStarted()&&(this.trickleTimer=setTimeout(e,this.options.trickleSpeed)))};this.trickleTimer=setTimeout(e,this.options.trickleSpeed)}static barPositionCSS({n:e,speed:t,ease:n,percent:r}){return{transform:`translate3d(${r??s(e,this.options.direction)}%,0,0)`,transition:`all ${t}ms ${n}`}}};n(a,`options`,i),n(a,`status`,null),n(a,`pending`,[]),n(a,`isPaused`,!1),n(a,`trickleTimer`,void 0);const o=a;function s(e,t){return t===`rtl`?(1-e)*100:(-1+e)*100}function c(e,t,n){if(typeof t==`string`)n!==void 0&&(e.style[t]=n);else for(let n in t)if(t.hasOwnProperty(n)){let r=t[n];r!==void 0&&(e.style[n]=r)}}export{o as progress};