@soybeanjs/headless 0.5.3 → 0.5.5

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

@@ -1,5 +1,5 @@
 import { PopoverRootProps } from "./types.js";
-import * as vue975 from "vue";
+import * as vue from "vue";
 
 //#region src/components/popover/popover-root.vue.d.ts
 declare var __VLS_8: {
@@ -9,15 +9,15 @@ declare var __VLS_8: {
 type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_8) => any;
 };
-declare const __VLS_base: vue975.DefineComponent<PopoverRootProps, {}, {}, {}, {}, vue975.ComponentOptionsMixin, vue975.ComponentOptionsMixin, {
+declare const __VLS_base: vue.DefineComponent<PopoverRootProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
   "update:open": (value: boolean) => any;
-}, string, vue975.PublicProps, Readonly<PopoverRootProps> & Readonly<{
+}, string, vue.PublicProps, Readonly<PopoverRootProps> & Readonly<{
   "onUpdate:open"?: ((value: boolean) => any) | undefined;
 }>, {
   open: boolean;
   defaultOpen: boolean;
   modal: boolean;
-}, {}, {}, {}, string, vue975.ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, 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-trigger.js

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

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

@@ -1,16 +1,16 @@
 import { AsTag } from "../primitive/types.js";
 import "../primitive/index.js";
 import { PopoverTriggerProps } from "./types.js";
-import * as vue985 from "vue";
+import * as vue from "vue";
 
 //#region src/components/popover/popover-trigger.vue.d.ts
 declare var __VLS_10: {};
 type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_10) => any;
 };
-declare const __VLS_base: vue985.DefineComponent<PopoverTriggerProps, {}, {}, {}, {}, vue985.ComponentOptionsMixin, vue985.ComponentOptionsMixin, {}, string, vue985.PublicProps, Readonly<PopoverTriggerProps> & Readonly<{}>, {
-  as: AsTag | vue985.Component;
-}, {}, {}, {}, string, vue985.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: vue.DefineComponent<PopoverTriggerProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<PopoverTriggerProps> & Readonly<{}>, {
+  as: AsTag | vue.Component;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 type __VLS_WithSlots<T, S> = T & {

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

@@ -1,12 +1,11 @@
 import { ClassValue, UiClass } from "../../types/common.js";
 import { PopperUiSlot } from "./types.js";
 import "../../index.js";
-import * as vue793 from "vue";
+import * as vue from "vue";
 import { ReferenceElement } from "@floating-ui/dom";
 import "@floating-ui/utils";
 
 //#region src/components/popper/context.d.ts
-
-declare const providePopperUi: (ui: vue793.ComputedRef<Partial<UiClass<PopperUiSlot>>>) => vue793.ComputedRef<Partial<UiClass<PopperUiSlot>>>, usePopperUi: <S extends PopperUiSlot | undefined = undefined>(slot?: S | undefined) => S extends PopperUiSlot ? vue793.ComputedRef<ClassValue> : vue793.ComputedRef<Partial<UiClass<PopperUiSlot>>>;
+declare const providePopperUi: (ui: vue.ComputedRef<Partial<UiClass<PopperUiSlot>>>) => vue.ComputedRef<Partial<UiClass<PopperUiSlot>>>, usePopperUi: <S extends PopperUiSlot | undefined = undefined>(slot?: S | undefined) => S extends PopperUiSlot ? vue.ComputedRef<ClassValue> : vue.ComputedRef<Partial<UiClass<PopperUiSlot>>>;
 //#endregion
 export { providePopperUi };

package/dist/components/popper/context.js

@@ -1 +1 @@
-import{useContext as e}from"../../composables/use-context.js";import{useUiContext as t}from"../../composables/use-ui-context.js";import{shallowRef as n}from"vue";const[r,i]=e(`PopperRoot`,()=>{let e=n(),t=t=>{e.value=t},r=n();return{popupElement:e,onPopupElementChange:t,anchorElement:r,onAnchorElementChange:e=>{r.value=e}}}),[a,o]=e(`PopperPositioner`,e=>{let t=n(null),r=e=>{t.value=e??null};return{...e,arrowElement:t,onArrowElementChange:r}}),[s,c]=t(`PopperUi`);export{a as providePopperPositionerContext,r as providePopperRootContext,s as providePopperUi,o as usePopperPositionerContext,i as usePopperRootContext,c as usePopperUi};
+import{useContext as e}from"../../composables/use-context.js";import{useUiContext as t}from"../../composables/use-ui-context.js";import"../../composables/index.js";import{shallowRef as n}from"vue";const[r,i]=e(`PopperRoot`,()=>{let e=n(),t=t=>{e.value=t},r=n();return{popupElement:e,onPopupElementChange:t,anchorElement:r,onAnchorElementChange:e=>{r.value=e}}}),[a,o]=e(`PopperPositioner`,e=>{let t=n(null),r=e=>{t.value=e??null};return{...e,arrowElement:t,onArrowElementChange:r}}),[s,c]=t(`PopperUi`);export{a as providePopperPositionerContext,r as providePopperRootContext,s as providePopperUi,o as usePopperPositionerContext,i as usePopperRootContext,c as usePopperUi};

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

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

@@ -1,12 +1,12 @@
 import { PopperAnchorProps } from "./types.js";
-import * as vue772 from "vue";
+import * as vue from "vue";
 
 //#region src/components/popper/popper-anchor.vue.d.ts
 declare var __VLS_8: {};
 type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_8) => any;
 };
-declare const __VLS_base: vue772.DefineComponent<PopperAnchorProps, {}, {}, {}, {}, vue772.ComponentOptionsMixin, vue772.ComponentOptionsMixin, {}, string, vue772.PublicProps, Readonly<PopperAnchorProps> & Readonly<{}>, {}, {}, {}, {}, string, vue772.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: vue.DefineComponent<PopperAnchorProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<PopperAnchorProps> & 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/popper/popper-arrow.js

@@ -1 +1 @@
-import{OPPOSITE_SIDE as e}from"../../constants/common.js";import t from"../arrow/arrow.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";var f=s({name:`PopperArrow`,__name:`popper-arrow`,setup(s){let f=r(`arrow`),{setArrowElement:p,arrowX:m,arrowY:h,arrowCentered: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?void 0:`hidden`}));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,arrowCentered: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?void 0:`hidden`}));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};

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

@@ -1,8 +1,8 @@
 import { PopperArrowProps } from "./types.js";
-import * as vue788 from "vue";
+import * as vue from "vue";
 
 //#region src/components/popper/popper-arrow.vue.d.ts
-declare const __VLS_export: vue788.DefineComponent<PopperArrowProps, {}, {}, {}, {}, vue788.ComponentOptionsMixin, vue788.ComponentOptionsMixin, {}, string, vue788.PublicProps, Readonly<PopperArrowProps> & Readonly<{}>, {}, {}, {}, {}, string, vue788.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: vue.DefineComponent<PopperArrowProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<PopperArrowProps> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 //#endregion
 export { _default };

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

@@ -1 +1 @@
-import{useForwardElement as e}from"../../composables/use-forward-element.js";import{usePopperPositionerContext as t,usePopperRootContext as n,usePopperUi as r}from"./context.js";import{computed as i,createElementBlock as a,defineComponent as o,normalizeClass as s,normalizeStyle as c,openBlock as l,renderSlot as u,unref as d}from"vue";const f=[`data-side`,`data-align`];var p=o({name:`PopperPopup`,__name:`popper-popup`,setup(o){let p=r(`popup`),{onPopupElementChange:m}=n(`PopperPopup`),{placedSide:h,placedAlign:g,isPositioned:_}=t(`PopperPopup`),[v,y]=e(m),b=i(()=>({animation:_.value?void 0:`none`}));return(e,t)=>(l(),a(`div`,{ref:d(y),class:s(d(p)),"data-soybean-popper-popup":``,"data-side":d(h),"data-align":d(g),style:c(b.value)},[u(e.$slots,`default`)],14,f))}});export{p as default};
+import{useForwardElement as e}from"../../composables/use-forward-element.js";import"../../composables/index.js";import{usePopperPositionerContext as t,usePopperRootContext as n,usePopperUi as r}from"./context.js";import{computed as i,createElementBlock as a,defineComponent as o,normalizeClass as s,normalizeStyle as c,openBlock as l,renderSlot as u,unref as d}from"vue";const f=[`data-side`,`data-align`],p=o({name:`PopperPopup`,__name:`popper-popup`,setup(o){let p=r(`popup`),{onPopupElementChange:m}=n(`PopperPopup`),{placedSide:h,placedAlign:g,isPositioned:_}=t(`PopperPopup`),[v,y]=e(m),b=i(()=>({animation:_.value?void 0:`none`}));return(e,t)=>(l(),a(`div`,{ref:d(y),class:s(d(p)),"data-soybean-popper-popup":``,"data-side":d(h),"data-align":d(g),style:c(b.value)},[u(e.$slots,`default`)],14,f))}});export{p as default};

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

@@ -1,12 +1,12 @@
 import { PopperPopupProps } from "./types.js";
-import * as vue783 from "vue";
+import * as vue from "vue";
 
 //#region src/components/popper/popper-popup.vue.d.ts
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_1) => any;
 };
-declare const __VLS_base: vue783.DefineComponent<PopperPopupProps, {}, {}, {}, {}, vue783.ComponentOptionsMixin, vue783.ComponentOptionsMixin, {}, string, vue783.PublicProps, Readonly<PopperPopupProps> & Readonly<{}>, {}, {}, {}, {}, string, vue783.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: vue.DefineComponent<PopperPopupProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<PopperPopupProps> & 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/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{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";var 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:{},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=_(),V=l(()=>{let{transformOrigin:e,hide:t}=P.value;return{...j.value,zIndex:B.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,arrowCentered:L,placedSide:F,placedAlign:I,isPositioned:l(()=>N.value),setArrowElement:O}),y(()=>{N.value&&C(`placed`)}),y(()=>{A.value&&(B.value=window.getComputedStyle(A.value).zIndex)}),(e,t)=>(h(),u(`div`,{ref:v(E),class:p(v(w)),"data-soybean-popper-positioner":``,style:m(V.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:{},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=_(),V=l(()=>{let{transformOrigin:e,hide:t}=P.value;return{...j.value,zIndex:B.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,arrowCentered:L,placedSide:F,placedAlign:I,isPositioned:l(()=>N.value),setArrowElement:O}),y(()=>{N.value&&C(`placed`)}),y(()=>{A.value&&(B.value=window.getComputedStyle(A.value).zIndex)}),(e,t)=>(h(),u(`div`,{ref:v(E),class:p(v(w)),"data-soybean-popper-positioner":``,style:m(V.value)},[g(e.$slots,`default`)],6))}});export{C as default};

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

@@ -1,7 +1,7 @@
 import { Align, Placement as Placement$1 } from "../../types/common.js";
 import { PopperPositionerProps } from "./types.js";
 import "../../index.js";
-import * as vue777 from "vue";
+import * as vue from "vue";
 import { CSSProperties } from "vue";
 import * as _floating_ui_dom0 from "@floating-ui/dom";
 import * as _floating_ui_utils0 from "@floating-ui/utils";
@@ -11,12 +11,12 @@ declare var __VLS_1: {};
 type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_1) => any;
 };
-declare const __VLS_base: vue777.DefineComponent<PopperPositionerProps, {}, {}, {}, {}, vue777.ComponentOptionsMixin, vue777.ComponentOptionsMixin, {
+declare const __VLS_base: vue.DefineComponent<PopperPositionerProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
   placed: () => any;
-}, string, vue777.PublicProps, Readonly<PopperPositionerProps> & Readonly<{
+}, string, vue.PublicProps, Readonly<PopperPositionerProps> & Readonly<{
   onPlaced?: (() => any) | undefined;
 }>, {
-  style: string | false | CSSProperties | vue777.StyleValue[] | null;
+  style: string | false | CSSProperties | vue.StyleValue[] | null;
   title: string;
   contextmenu: string;
   onInput: (payload: InputEvent) => void;
@@ -149,13 +149,13 @@ declare const __VLS_base: vue777.DefineComponent<PopperPositionerProps, {}, {},
   'aria-modal': boolean | "true" | "false";
   'aria-multiline': boolean | "true" | "false";
   'aria-multiselectable': boolean | "true" | "false";
-  'aria-orientation': "vertical" | "horizontal";
+  'aria-orientation': "horizontal" | "vertical";
   'aria-owns': string;
   'aria-placeholder': string;
   'aria-posinset': string | number;
   'aria-pressed': (boolean | "true" | "false") | "mixed";
   'aria-readonly': boolean | "true" | "false";
-  'aria-relevant': "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals";
+  'aria-relevant': "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals";
   'aria-required': boolean | "true" | "false";
   'aria-roledescription': string;
   'aria-rowcount': string | number;
@@ -198,11 +198,13 @@ declare const __VLS_base: vue777.DefineComponent<PopperPositionerProps, {}, {},
   itemref: string;
   results: string | number;
   security: string;
-  unselectable: "on" | "off";
+  unselectable: "off" | "on";
   inputmode: "search" | "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal";
   is: string;
   exportparts: string;
   part: string;
+  avoidCollisions: boolean;
+  reference: _floating_ui_dom0.ReferenceElement;
   placement: Placement$1;
   side: _floating_ui_utils0.Side;
   sideOffset: number;
@@ -210,7 +212,6 @@ declare const __VLS_base: vue777.DefineComponent<PopperPositionerProps, {}, {},
   align: Align;
   alignOffset: number;
   alignFlip: boolean;
-  avoidCollisions: boolean;
   collisionBoundary: Element | null | Array<Element | null>;
   collisionPadding: _floating_ui_utils0.Padding;
   arrowPadding: number;
@@ -220,8 +221,7 @@ declare const __VLS_base: vue777.DefineComponent<PopperPositionerProps, {}, {},
   updatePositionStrategy: "optimized" | "always";
   disableUpdateOnLayoutShift: boolean;
   prioritizePosition: boolean;
-  reference: _floating_ui_dom0.ReferenceElement;
-}, {}, {}, {}, string, vue777.ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, 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/popper/popper-root.js

@@ -1 +1 @@
-import{providePopperRootContext as e}from"./context.js";import{defineComponent as t,renderSlot as n}from"vue";var r=t({name:`PopperRoot`,inheritAttrs:!1,__name:`popper-root`,setup(t){return e(),(e,t)=>n(e.$slots,`default`)}});export{r as default};
+import{providePopperRootContext as e}from"./context.js";import{defineComponent as t,renderSlot as n}from"vue";const r=t({name:`PopperRoot`,inheritAttrs:!1,__name:`popper-root`,setup(t){return e(),(e,t)=>n(e.$slots,`default`)}});export{r as default};

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

@@ -1,11 +1,11 @@
-import * as vue767 from "vue";
+import * as vue from "vue";
 
 //#region src/components/popper/popper-root.vue.d.ts
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_1) => any;
 };
-declare const __VLS_base: vue767.DefineComponent<{}, {}, {}, {}, {}, vue767.ComponentOptionsMixin, vue767.ComponentOptionsMixin, {}, string, vue767.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue767.ComponentProvideOptions, true, {}, any>;
+declare const __VLS_base: vue.DefineComponent<{}, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, 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/popper/shared.js

@@ -1 +1 @@
-import{isNullish as e}from"../../shared/guard.js";import{arrow as t,flip as n,hide as r,limitShift as i,offset as a,shift as o,size as s}from"@floating-ui/dom";import{getAlignment as c,getSide as l}from"@floating-ui/utils";const u={transformOrigin:`--soybean-popper-transform-origin`,availableWidth:`--soybean-popper-available-width`,availableHeight:`--soybean-popper-available-height`,anchorWidth:`--soybean-popper-anchor-width`,anchorHeight:`--soybean-popper-anchor-height`};function d(){return{placement:void 0,side:`bottom`,sideOffset:0,sideFlip:!0,align:`center`,alignOffset:0,alignFlip:!0,arrowPadding:0,avoidCollisions:!0,collisionPadding:0,collisionBoundary:()=>[],sticky:`partial`,hideWhenDetached:!1,positionStrategy:`fixed`,updatePositionStrategy:`optimized`,prioritizePosition:!1}}const f={start:`0%`,center:`50%`,end:`100%`},p={bottom:{getX:({isArrowHidden:e,noArrowAlign:t,arrowXCenter:n})=>e?t:`${n}px`,getY:({arrowHeight:e})=>`${-e}px`},top:{getX:({isArrowHidden:e,noArrowAlign:t,arrowXCenter:n})=>e?t:`${n}px`,getY:({floatingHeight:e,arrowHeight:t})=>`${e+t}px`},right:{getX:({arrowHeight:e})=>`${-e}px`,getY:({isArrowHidden:e,noArrowAlign:t,arrowYCenter:n})=>e?t:`${n}px`},left:{getX:({floatingWidth:e,arrowHeight:t})=>`${e+t}px`,getY:({isArrowHidden:e,noArrowAlign:t,arrowYCenter:n})=>e?t:`${n}px`}};function m(e,d){let{sideOffset:m=0,alignOffset:g=0,sideFlip:_,alignFlip:v,prioritizePosition:y,sticky:b,avoidCollisions:x,arrowPadding:S,hideWhenDetached:C}=e,w=h(e),T=[a(()=>({mainAxis:m+(d?.clientHeight??0),crossAxis:g,alignmentAxis:g}))];if(x){let e=[o({mainAxis:!0,crossAxis:!!y,limiter:b===`partial`?i():void 0,...w})],t=n({mainAxis:_,crossAxis:v,...w});y?e.unshift(t):e.push(t),T.push(...e)}return T.push(s({...w,apply:({elements:{floating:e},rects:t,availableWidth:n,availableHeight:r})=>{let{width:i,height:a}=t.reference;e.style.setProperty(u.availableWidth,`${n}px`),e.style.setProperty(u.availableHeight,`${r}px`),e.style.setProperty(u.anchorWidth,`${i}px`),e.style.setProperty(u.anchorHeight,`${a}px`)}})),d&&T.push(t({element:d,padding:S}),{name:`transformOrigin`,fn(e){let{placement:t,rects:n,middlewareData:r}=e,i=r.arrow?.centerOffset!==0,{width:a,height:o}=d.getBoundingClientRect(),s=i?0:a,u=i?0:o,m=l(t),h=f[c(t)??`center`],g=(r.arrow?.x??0)+s/2,_=(r.arrow?.y??0)+u/2,v=p[m],y={isArrowHidden:i,noArrowAlign:h,arrowXCenter:g,arrowYCenter:_,arrowHeight:o,floatingWidth:n.floating.width,floatingHeight:n.floating.height};return{data:{x:v.getX(y),y:v.getY(y)}}}}),C&&T.push(r({strategy:`referenceHidden`,...w})),T.filter(Boolean)}function h(t){let{collisionPadding:n,collisionBoundary:r}=t,i={top:1,right:1,bottom:1,left:1};typeof n==`number`?(i.top+=n,i.right+=n,i.bottom+=n,i.left+=n):n&&(i.top+=n.top??0,i.right+=n.right??0,i.bottom+=n.bottom??0,i.left+=n.left??0);let a=Array.isArray(r)?r:[r],o=a.length>0;return{padding:i,boundary:a.filter(t=>!e(t)),altBoundary:o}}function g(e,t){let n=e;return t!==`center`&&(n+=`-${t}`),n}export{d as createPopperPositionerDefaultProps,m as getFloatingUiMiddleware,g as getPlacement,u as popperCssVars};
+import{isNullish as e}from"../../shared/guard.js";import"../../shared/index.js";import{arrow as t,flip as n,hide as r,limitShift as i,offset as a,shift as o,size as s}from"@floating-ui/dom";import{getAlignment as c,getSide as l}from"@floating-ui/utils";const u={transformOrigin:`--soybean-popper-transform-origin`,availableWidth:`--soybean-popper-available-width`,availableHeight:`--soybean-popper-available-height`,anchorWidth:`--soybean-popper-anchor-width`,anchorHeight:`--soybean-popper-anchor-height`};function d(){return{placement:void 0,side:`bottom`,sideOffset:0,sideFlip:!0,align:`center`,alignOffset:0,alignFlip:!0,arrowPadding:0,avoidCollisions:!0,collisionPadding:0,collisionBoundary:()=>[],sticky:`partial`,hideWhenDetached:!1,positionStrategy:`fixed`,updatePositionStrategy:`optimized`,prioritizePosition:!1}}const f={start:`0%`,center:`50%`,end:`100%`},p={bottom:{getX:({isArrowHidden:e,noArrowAlign:t,arrowXCenter:n})=>e?t:`${n}px`,getY:({arrowHeight:e})=>`${-e}px`},top:{getX:({isArrowHidden:e,noArrowAlign:t,arrowXCenter:n})=>e?t:`${n}px`,getY:({floatingHeight:e,arrowHeight:t})=>`${e+t}px`},right:{getX:({arrowHeight:e})=>`${-e}px`,getY:({isArrowHidden:e,noArrowAlign:t,arrowYCenter:n})=>e?t:`${n}px`},left:{getX:({floatingWidth:e,arrowHeight:t})=>`${e+t}px`,getY:({isArrowHidden:e,noArrowAlign:t,arrowYCenter:n})=>e?t:`${n}px`}};function m(e,d){let{sideOffset:m=0,alignOffset:g=0,sideFlip:_,alignFlip:v,prioritizePosition:y,sticky:b,avoidCollisions:x,arrowPadding:S,hideWhenDetached:C}=e,w=h(e),T=[a(()=>({mainAxis:m+(d?.clientHeight??0),crossAxis:g,alignmentAxis:g}))];if(x){let e=[o({mainAxis:!0,crossAxis:!!y,limiter:b===`partial`?i():void 0,...w})],t=n({mainAxis:_,crossAxis:v,...w});y?e.unshift(t):e.push(t),T.push(...e)}return T.push(s({...w,apply:({elements:{floating:e},rects:t,availableWidth:n,availableHeight:r})=>{let{width:i,height:a}=t.reference;e.style.setProperty(u.availableWidth,`${n}px`),e.style.setProperty(u.availableHeight,`${r}px`),e.style.setProperty(u.anchorWidth,`${i}px`),e.style.setProperty(u.anchorHeight,`${a}px`)}})),d&&T.push(t({element:d,padding:S}),{name:`transformOrigin`,fn(e){let{placement:t,rects:n,middlewareData:r}=e,i=r.arrow?.centerOffset!==0,{width:a,height:o}=d.getBoundingClientRect(),s=i?0:a,u=i?0:o,m=l(t),h=f[c(t)??`center`],g=(r.arrow?.x??0)+s/2,_=(r.arrow?.y??0)+u/2,v=p[m],y={isArrowHidden:i,noArrowAlign:h,arrowXCenter:g,arrowYCenter:_,arrowHeight:o,floatingWidth:n.floating.width,floatingHeight:n.floating.height};return{data:{x:v.getX(y),y:v.getY(y)}}}}),C&&T.push(r({strategy:`referenceHidden`,...w})),T.filter(Boolean)}function h(t){let{collisionPadding:n,collisionBoundary:r}=t,i={top:1,right:1,bottom:1,left:1};typeof n==`number`?(i.top+=n,i.right+=n,i.bottom+=n,i.left+=n):n&&(i.top+=n.top??0,i.right+=n.right??0,i.bottom+=n.bottom??0,i.left+=n.left??0);let a=Array.isArray(r)?r:[r],o=a.length>0;return{padding:i,boundary:a.filter(t=>!e(t)),altBoundary:o}}function g(e,t){let n=e;return t!==`center`&&(n+=`-${t}`),n}export{d as createPopperPositionerDefaultProps,m as getFloatingUiMiddleware,g as getPlacement,u as popperCssVars};

package/dist/components/portal/portal.js

@@ -1 +1 @@
-import{Teleport as e,createBlock as t,createCommentVNode as n,defineComponent as r,onMounted as i,openBlock as a,renderSlot as o,shallowRef as s}from"vue";var c=r({name:`Portal`,__name:`portal`,props:{to:{default:`body`},disabled:{type:Boolean},defer:{type:Boolean},forceMount:{type:Boolean}},setup(r){let c=s(!1);return i(()=>{c.value=!0}),(i,s)=>c.value||r.forceMount?(a(),t(e,{key:0,to:r.to,disabled:r.disabled,defer:r.defer},[o(i.$slots,`default`)],8,[`to`,`disabled`,`defer`])):n(`v-if`,!0)}});export{c as default};
+import{Teleport as e,createBlock as t,createCommentVNode as n,defineComponent as r,onMounted as i,openBlock as a,renderSlot as o,shallowRef as s}from"vue";const c=r({name:`Portal`,__name:`portal`,props:{to:{default:`body`},disabled:{type:Boolean},defer:{type:Boolean},forceMount:{type:Boolean}},setup(r){let c=s(!1);return i(()=>{c.value=!0}),(i,s)=>c.value||r.forceMount?(a(),t(e,{key:0,to:r.to,disabled:r.disabled,defer:r.defer},[o(i.$slots,`default`)],8,[`to`,`disabled`,`defer`])):n(`v-if`,!0)}});export{c as default};

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

@@ -1,14 +1,14 @@
 import { PortalProps } from "./types.js";
-import * as vue30 from "vue";
+import * as vue from "vue";
 
 //#region src/components/portal/portal.vue.d.ts
 declare var __VLS_7: {};
 type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_7) => any;
 };
-declare const __VLS_base: vue30.DefineComponent<PortalProps, {}, {}, {}, {}, vue30.ComponentOptionsMixin, vue30.ComponentOptionsMixin, {}, string, vue30.PublicProps, Readonly<PortalProps> & Readonly<{}>, {
+declare const __VLS_base: vue.DefineComponent<PortalProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<PortalProps> & Readonly<{}>, {
   to: string | HTMLElement;
-}, {}, {}, {}, string, vue30.ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, 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/primitive/primitive.d.ts

@@ -1,7 +1,7 @@
 import { PrimitiveProps } from "./types.js";
-import * as vue16 from "vue";
+import * as vue from "vue";
 
 //#region src/components/primitive/primitive.d.ts
-declare const Primitive: vue16.DefineSetupFnComponent<PrimitiveProps, {}, {}, PrimitiveProps & {}, vue16.PublicProps>;
+declare const Primitive: vue.DefineSetupFnComponent<PrimitiveProps, {}, {}, PrimitiveProps & {}, vue.PublicProps>;
 //#endregion
 export { Primitive };

package/dist/components/primitive/primitive.js

@@ -1 +1 @@
-import{Slot as e}from"../slot/slot.js";import{defineComponent as t,h as n}from"vue";const r=new Set([`area`,`input`,`img`]),i=t((t,{slots:i,attrs:a})=>{let o=t.asChild?`template`:t.as;return typeof o==`string`&&r.has(o)?()=>n(o,a):o===`template`?()=>n(e,a,{default:i.default}):()=>n(t.as||`div`,a,{default:i.default})},{name:`Primitive`,inheritAttrs:!1,props:[`as`,`asChild`]});export{i as Primitive};
+import{Slot as e}from"../slot/slot.js";import"../slot/index.js";import{defineComponent as t,h as n}from"vue";const r=new Set([`area`,`input`,`img`]),i=t((t,{slots:i,attrs:a})=>{let o=t.asChild?`template`:t.as;return typeof o==`string`&&r.has(o)?()=>n(o,a):o===`template`?()=>n(e,a,{default:i.default}):()=>n(t.as||`div`,a,{default:i.default})},{name:`Primitive`,inheritAttrs:!1,props:[`as`,`asChild`]});export{i as Primitive};

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

@@ -1,10 +1,9 @@
 import { ClassValue, UiClass } from "../../types/common.js";
 import { RadioGroupUiSlot } from "./types.js";
 import "../../index.js";
-import * as vue1217 from "vue";
+import * as vue from "vue";
 
 //#region src/components/radio-group/context.d.ts
-
-declare const provideRadioGroupUi: (ui: vue1217.ComputedRef<Partial<UiClass<RadioGroupUiSlot>>>) => vue1217.ComputedRef<Partial<UiClass<RadioGroupUiSlot>>>, useRadioGroupUi: <S extends RadioGroupUiSlot | undefined = undefined>(slot?: S | undefined) => S extends RadioGroupUiSlot ? vue1217.ComputedRef<ClassValue> : vue1217.ComputedRef<Partial<UiClass<RadioGroupUiSlot>>>;
+declare const provideRadioGroupUi: (ui: vue.ComputedRef<Partial<UiClass<RadioGroupUiSlot>>>) => vue.ComputedRef<Partial<UiClass<RadioGroupUiSlot>>>, useRadioGroupUi: <S extends RadioGroupUiSlot | undefined = undefined>(slot?: S | undefined) => S extends RadioGroupUiSlot ? vue.ComputedRef<ClassValue> : vue.ComputedRef<Partial<UiClass<RadioGroupUiSlot>>>;
 //#endregion
 export { provideRadioGroupUi };

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

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

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

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

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

@@ -1,5 +1,5 @@
 import { RadioGroupControlProps } from "./types.js";
-import * as vue1201 from "vue";
+import * as vue from "vue";
 
 //#region src/components/radio-group/radio-group-control.vue.d.ts
 declare var __VLS_8: {
@@ -10,7 +10,7 @@ declare var __VLS_8: {
 type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_8) => any;
 };
-declare const __VLS_base: vue1201.DefineComponent<RadioGroupControlProps, {}, {}, {}, {}, vue1201.ComponentOptionsMixin, vue1201.ComponentOptionsMixin, {}, string, vue1201.PublicProps, Readonly<RadioGroupControlProps> & Readonly<{}>, {}, {}, {}, {}, string, vue1201.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: vue.DefineComponent<RadioGroupControlProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<RadioGroupControlProps> & 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/radio-group/radio-group-indicator.js

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

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

@@ -1,16 +1,16 @@
 import { AsTag } from "../primitive/types.js";
 import "../primitive/index.js";
 import { RadioGroupIndicatorProps } from "./types.js";
-import * as vue1206 from "vue";
+import * as vue from "vue";
 
 //#region src/components/radio-group/radio-group-indicator.vue.d.ts
 declare var __VLS_8: {};
 type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_8) => any;
 };
-declare const __VLS_base: vue1206.DefineComponent<RadioGroupIndicatorProps, {}, {}, {}, {}, vue1206.ComponentOptionsMixin, vue1206.ComponentOptionsMixin, {}, string, vue1206.PublicProps, Readonly<RadioGroupIndicatorProps> & Readonly<{}>, {
-  as: AsTag | vue1206.Component;
-}, {}, {}, {}, string, vue1206.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: vue.DefineComponent<RadioGroupIndicatorProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<RadioGroupIndicatorProps> & Readonly<{}>, {
+  as: AsTag | vue.Component;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 type __VLS_WithSlots<T, S> = T & {

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

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

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

@@ -1,5 +1,5 @@
 import { RadioGroupItemProps, RadioSelectEvent } from "./types.js";
-import * as vue1196 from "vue";
+import * as vue from "vue";
 
 //#region src/components/radio-group/radio-group-item.vue.d.ts
 declare var __VLS_1: {
@@ -8,11 +8,11 @@ declare var __VLS_1: {
 type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_1) => any;
 };
-declare const __VLS_base: vue1196.DefineComponent<RadioGroupItemProps, {}, {}, {}, {}, vue1196.ComponentOptionsMixin, vue1196.ComponentOptionsMixin, {
+declare const __VLS_base: vue.DefineComponent<RadioGroupItemProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
   select: (event: RadioSelectEvent) => any;
-}, string, vue1196.PublicProps, Readonly<RadioGroupItemProps> & Readonly<{
+}, string, vue.PublicProps, Readonly<RadioGroupItemProps> & Readonly<{
   onSelect?: ((event: RadioSelectEvent) => any) | undefined;
-}>, {}, {}, {}, {}, string, vue1196.ComponentProvideOptions, false, {}, any>;
+}>, {}, {}, {}, {}, 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/radio-group/radio-group-label.js

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

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

@@ -1,13 +1,13 @@
 import { LabelProps } from "../label/types.js";
 import "./types.js";
-import * as vue1212 from "vue";
+import * as vue from "vue";
 
 //#region src/components/radio-group/radio-group-label.vue.d.ts
 declare var __VLS_8: {};
 type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_8) => any;
 };
-declare const __VLS_base: vue1212.DefineComponent<LabelProps, {}, {}, {}, {}, vue1212.ComponentOptionsMixin, vue1212.ComponentOptionsMixin, {}, string, vue1212.PublicProps, Readonly<LabelProps> & Readonly<{}>, {}, {}, {}, {}, string, vue1212.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: vue.DefineComponent<LabelProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<LabelProps> & 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/radio-group/radio-group-root.js

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

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

@@ -1,11 +1,11 @@
 import { AcceptableBooleanValue } from "../../types/common.js";
 import "../../types/index.js";
 import { RadioGroupRootProps } from "./types.js";
-import * as vue1194 from "vue";
+import * as vue from "vue";
 
 //#region src/components/radio-group/radio-group-root.vue.d.ts
 declare const __VLS_export: <T extends AcceptableBooleanValue>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-  props: vue1194.PublicProps & __VLS_PrettifyLocal<RadioGroupRootProps<T> & {
+  props: vue.PublicProps & __VLS_PrettifyLocal<RadioGroupRootProps<T> & {
     "onUpdate:modelValue"?: ((payload: NonNullable<T>) => any) | undefined;
   }> & (typeof globalThis extends {
     __VLS_PROPS_FALLBACK: infer P;
@@ -18,7 +18,7 @@ declare const __VLS_export: <T extends AcceptableBooleanValue>(__VLS_props: NonN
     }) => any;
   };
   emit: (evt: "update:modelValue", payload: NonNullable<T>) => void;
-}>) => vue1194.VNode & {
+}>) => vue.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };
 declare const _default: typeof __VLS_export;

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

@@ -24,8 +24,7 @@ interface RadioGroupRootProps<T extends AcceptableBooleanValue = AcceptableBoole
   loop?: boolean;
 }
 type RadioGroupRootEmits<T extends AcceptableBooleanValue = AcceptableBooleanValue> = {
-  /** Event handler called when the radio group value changes */
-  'update:modelValue': [payload: NonNullable<T>];
+  /** Event handler called when the radio group value changes */'update:modelValue': [payload: NonNullable<T>];
 };
 interface RadioGroupItemProps extends FormFieldCommonProps, /** @vue-ignore */HTMLAttributes {
   /** The value given as data when submitted with a `name`. */
@@ -38,8 +37,7 @@ type RadioSelectEvent = CustomEvent<{
   value: NonNullable<AcceptableBooleanValue>;
 }>;
 type RadioGroupItemEmits = {
-  /** Event handler called when the radio item is selected */
-  select: [event: RadioSelectEvent];
+  /** Event handler called when the radio item is selected */select: [event: RadioSelectEvent];
 };
 interface RadioGroupControlProps extends /** @vue-ignore */ButtonHTMLAttributes {
   /** Id of the element */

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

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

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

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

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

@@ -3,26 +3,26 @@ import { RovingFocusGroupProps } from "./types.js";
 import { CollectionItemData } from "../../composables/use-collection.js";
 import "../../composables/index.js";
 import "../../index.js";
-import * as vue625 from "vue";
+import * as vue from "vue";
 
 //#region src/components/roving-focus/roving-focus-group.vue.d.ts
 declare var __VLS_8: {};
 type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_8) => any;
 };
-declare const __VLS_base: vue625.DefineComponent<RovingFocusGroupProps, {
+declare const __VLS_base: vue.DefineComponent<RovingFocusGroupProps, {
   getItems: (excludeDisabled?: boolean) => CollectionItemData<Record<string, any>>[];
-}, {}, {}, {}, vue625.ComponentOptionsMixin, vue625.ComponentOptionsMixin, {
+}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
   entryFocus: (event: Event) => any;
   "update:currentTabStopId": (value: string | null | undefined) => any;
-}, string, vue625.PublicProps, Readonly<RovingFocusGroupProps> & Readonly<{
+}, string, vue.PublicProps, Readonly<RovingFocusGroupProps> & Readonly<{
   onEntryFocus?: ((event: Event) => any) | undefined;
   "onUpdate:currentTabStopId"?: ((value: string | null | undefined) => any) | undefined;
 }>, {
   orientation: DataOrientation;
-  loop: boolean;
   preventScrollOnEntryFocus: boolean;
-}, {}, {}, {}, string, vue625.ComponentProvideOptions, false, {}, any>;
+  loop: boolean;
+}, {}, {}, {}, 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/roving-focus/roving-focus-item.js

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