@soybeanjs/headless 0.17.0 → 0.19.0

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;
 }>, {
-  open: boolean;
   defaultOpen: boolean;
+  open: 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,14 +1,14 @@
-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
 /**
- * Props for the popover root component.
+ * Properties for the PopoverRoot component.
  */
 interface PopoverRootProps extends DialogBaseProps {
   /**
@@ -17,49 +17,44 @@ interface PopoverRootProps extends DialogBaseProps {
   disabled?: boolean;
 }
 /**
- * Emits for the popover root component.
+ * Events for the PopoverRoot component.
  */
 type PopoverRootEmits = DialogRootEmits;
 /**
- * Props for the popover close component.
+ * Properties for the PopoverClose component.
  */
-interface PopoverCloseProps extends PrimitiveProps, /** @vue-ignore */ButtonHTMLAttributes {
-  /**
-   * Before close.
-   */
-  beforeClose?: () => MaybePromise<boolean | void>;
-}
+interface PopoverCloseProps extends ButtonProps {}
 /**
- * Emits for the popover close component.
+ * Events for the PopoverClose component.
  */
 type PopoverCloseEmits = {
   /**
    * Emitted when close occurs.
    */
-  close: [];
+  close: [PointerEvent];
 };
 /**
- * Emits for the popover positioner impl component.
+ * Events for the PopoverPositionerImpl component.
  */
 type PopoverPositionerImplEmits = DismissableLayerEmits & FocusScopeEmits;
 /**
- * Props for the popover positioner component.
+ * Properties for the PopoverPositioner component.
  */
 interface PopoverPositionerProps extends PopperPositionerProps, ForceMountProps {}
 /**
- * Emits for the popover positioner component.
+ * Events for the PopoverPositioner component.
  */
 type PopoverPositionerEmits = PopoverPositionerImplEmits;
 /**
- * Props for the popover popup component.
+ * Properties for the PopoverPopup component.
  */
 interface PopoverPopupProps extends PopperPopupProps {}
 /**
- * Props for the popover trigger component.
+ * Properties for the PopoverTrigger component.
  */
-interface PopoverTriggerProps extends PrimitiveProps, /** @vue-ignore */ButtonHTMLAttributes {}
+interface PopoverTriggerProps extends ButtonProps {}
 /**
- * Props for the popover compact component.
+ * Properties for the PopoverCompact component.
  */
 interface PopoverCompactProps extends PopoverRootProps {
   /**
@@ -71,42 +66,45 @@ interface PopoverCompactProps extends PopoverRootProps {
    */
   showArrow?: boolean;
   /**
-   * Props forwarded to the trigger element.
+   * Properties forwarded to the trigger element.
    */
   triggerProps?: PopoverTriggerProps;
   /**
-   * Props forwarded to the portal element.
+   * Properties forwarded to the portal element.
    */
   portalProps?: PortalProps;
   /**
-   * Props forwarded to the positioner element.
+   * Properties forwarded to the positioner element.
    */
   positionerProps?: PopoverPositionerProps;
   /**
-   * Props forwarded to the popup element.
+   * Properties forwarded to the popup element.
    */
   popupProps?: PopoverPopupProps;
   /**
-   * Props forwarded to the arrow element.
+   * Properties forwarded to the arrow element.
    */
   arrowProps?: PopperArrowProps;
   /**
-   * Props forwarded to the close element.
+   * Properties forwarded to the close element.
    */
   closeProps?: PopoverCloseProps;
 }
 /**
- * Emits for the popover compact component.
+ * Events for the PopoverCompact component.
  */
 type PopoverCompactEmits = PopoverRootEmits & PopoverPositionerEmits;
 /**
- * Slots for the popover compact component.
+ * 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,13 +113,13 @@ interface PopoverCompactSlots {
    * Custom content for the close slot.
    */
   close?: () => any;
-}
+};
 /**
- * Available UI slots for the popover component.
+ * Available UI slots for the Popover component.
  */
-type PopoverUiSlot = PopperUiSlot | 'trigger';
+type PopoverUiSlot = PopperUiSlot | 'trigger' | 'close';
 /**
- * UI class overrides for the popover component.
+ * UI class overrides for the Popover component.
  */
 type PopoverUi = UiClass<PopoverUiSlot>;
 //#endregion

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;
@@ -203,6 +204,7 @@ declare const __VLS_base: _$vue.DefineComponent<PopperPositionerProps, {}, {}, {
   'aria-valuenow': string | number;
   'aria-valuetext': string;
   placement: Placement$1;
+  reference: _$_floating_ui_dom0.ReferenceElement;
   side: _$_floating_ui_utils0.Side;
   sideOffset: number;
   sideFlip: boolean;
@@ -220,7 +222,6 @@ declare const __VLS_base: _$vue.DefineComponent<PopperPositionerProps, {}, {}, {
   updatePositionStrategy: "optimized" | "always";
   disableUpdateOnLayoutShift: boolean;
   prioritizePosition: boolean;
-  reference: _$_floating_ui_dom0.ReferenceElement;
 }, {}, {}, {}, 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/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
 /**
- * Props for the popper anchor component.
+ * 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.
@@ -15,9 +16,9 @@ interface PopperAnchorProps extends PrimitiveProps, /** @vue-ignore */HTMLAttrib
   reference?: ReferenceElement;
 }
 /**
- * Props for the popper positioner component.
+ * Properties for the PopperPositioner component.
  */
-interface PopperPositionerProps extends /** @vue-ignore */HTMLAttributes {
+interface PopperPositionerProps extends BaseProps {
   /**
    * The placement of the floating element.
    *
@@ -142,26 +143,26 @@ interface PopperPositionerProps extends /** @vue-ignore */HTMLAttributes {
   reference?: ReferenceElement;
 }
 /**
- * Emits for the popper positioner component.
+ * Events for the PopperPositioner component.
  */
 interface PopperPositionerEmits {
   /** Event handler called when the positioner is placed */
   placed: [];
 }
 /**
- * Props for the popper popup component.
+ * Properties for the PopperPopup component.
  */
-interface PopperPopupProps extends /** @vue-ignore */HTMLAttributes {}
+interface PopperPopupProps extends BaseProps {}
 /**
- * Props for the popper arrow component.
+ * Properties for the PopperArrow component.
  */
-interface PopperArrowProps extends /** @vue-ignore */HTMLAttributes {}
+interface PopperArrowProps extends BaseProps {}
 /**
- * Available UI slots for the popper component.
+ * Available UI slots for the Popper component.
  */
 type PopperUiSlot = 'positioner' | 'popup' | 'arrow' | 'anchor';
 /**
- * UI class overrides for the popper component.
+ * UI class overrides for the Popper component.
  */
 type PopperUi = UiClass<PopperUiSlot>;
 //#endregion

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

@@ -1,7 +1,7 @@
 import { ForceMountProps } from "../../types/component.js";
 //#region src/components/portal/types.d.ts
 /**
- * Props for the portal component.
+ * Properties for the Portal component.
  */
 interface PortalProps extends ForceMountProps {
   /**

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,12 +1,13 @@
+import { BaseProps } from "../../types/vue.js";
 import { Component } from "vue";
 
 //#region src/components/primitive/types.d.ts
 /**
- * Type information for the as tag component.
+ * Type information for AsTag.
  */
 type AsTag = 'a' | 'button' | 'div' | 'form' | 'h2' | 'h3' | 'img' | 'input' | 'label' | 'li' | 'nav' | 'ol' | 'p' | 'span' | 'svg' | 'ul' | 'template' | ({} & string);
 /**
- * Props for the primitive component.
+ * Properties for the Primitive component.
  */
 interface PrimitiveProps {
   /** Change the default rendered element for the one passed as a child, merging their props and behavior. */
@@ -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};