@soybeanjs/headless 0.18.0 → 0.19.0

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

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

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

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

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

@@ -1 +1 @@
-import{useForwardElement as e}from"../../composables/use-forward-element.js";import{useOmitProps as t}from"../../composables/use-props.js";import"../../composables/index.js";import{Primitive as n}from"../primitive/primitive.js";import"../primitive/index.js";import{usePopperRootContext as r,usePopperUi as i}from"./context.js";import{createBlock as a,defineComponent as o,mergeProps as s,openBlock as c,renderSlot as l,unref as u,watchEffect as d,withCtx as f}from"vue";const p=o({name:`PopperAnchor`,__name:`popper-anchor`,props:{reference:{},asChild:{type:Boolean},as:{}},setup(o){let p=o,m=t(p,[`reference`]),h=i(`anchor`),{onAnchorElementChange:g}=r(`PopperAnchor`),[_,v]=e(e=>{p.reference||g(e)});return d(()=>{p.reference&&g(p.reference)}),(e,t)=>(c(),a(u(n),s(u(m),{ref:u(v),class:u(h)}),{default:f(()=>[l(e.$slots,`default`)]),_:3},16,[`class`]))}});export{p as default};
+import{useForwardElement as e}from"../../composables/use-forward-element.js";import{useOmitProps as t}from"../../composables/use-props.js";import"../../composables/index.js";import{Primitive as n}from"../primitive/primitive.js";import"../primitive/index.js";import{usePopperRootContext as r,usePopperUi as i}from"./context.js";import{createBlock as a,defineComponent as o,mergeProps as s,openBlock as c,renderSlot as l,unref as u,watchEffect as d,withCtx as f}from"vue";const p=o({name:`PopperAnchor`,__name:`popper-anchor`,props:{reference:{},asChild:{type:Boolean},as:{}},setup(o){let p=o,m=t(p,[`reference`]),h=i(`anchor`),{onAnchorElementChange:g}=r(`PopperAnchor`),[_,v]=e(e=>{p.reference||g(e)});return d(()=>{p.reference&&g(p.reference)}),(e,t)=>(c(),a(u(n),s(u(m),{ref:u(v),"data-soybean-popper-anchor":``,class:u(h)}),{default:f(()=>[l(e.$slots,`default`)]),_:3},16,[`class`]))}});export{p as default};

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

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

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

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

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

@@ -15,6 +15,7 @@ declare const __VLS_base: _$vue.DefineComponent<PopperPositionerProps, {}, {}, {
 }, string, _$vue.PublicProps, Readonly<PopperPositionerProps> & Readonly<{
   onPlaced?: (() => any) | undefined;
 }>, {
+  [x: `data-${string}`]: {};
   onCopy: (payload: ClipboardEvent) => void;
   onCut: (payload: ClipboardEvent) => void;
   onPaste: (payload: ClipboardEvent) => void;
@@ -202,11 +203,12 @@ declare const __VLS_base: _$vue.DefineComponent<PopperPositionerProps, {}, {}, {
   'aria-valuemin': string | number;
   'aria-valuenow': string | number;
   'aria-valuetext': string;
-  align: Align;
   placement: Placement$1;
+  reference: _$_floating_ui_dom0.ReferenceElement;
   side: _$_floating_ui_utils0.Side;
   sideOffset: number;
   sideFlip: boolean;
+  align: Align;
   alignOffset: number;
   alignFlip: boolean;
   avoidCollisions: 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
 /**
  * Properties for the PopperAnchor component.
  */
-interface PopperAnchorProps extends PrimitiveProps, /** @vue-ignore */HTMLAttributes {
+interface PopperAnchorProps extends PrimitiveWithBaseProps {
   /**
    * The reference (or anchor) element that is being referred to for positioning. If not provided will use the current
    * component as anchor.
@@ -17,7 +18,7 @@ interface PopperAnchorProps extends PrimitiveProps, /** @vue-ignore */HTMLAttrib
 /**
  * Properties for the PopperPositioner component.
  */
-interface PopperPositionerProps extends /** @vue-ignore */HTMLAttributes {
+interface PopperPositionerProps extends BaseProps {
   /**
    * The placement of the floating element.
    *
@@ -151,11 +152,11 @@ interface PopperPositionerEmits {
 /**
  * Properties for the PopperPopup component.
  */
-interface PopperPopupProps extends /** @vue-ignore */HTMLAttributes {}
+interface PopperPopupProps extends BaseProps {}
 /**
  * Properties for the PopperArrow component.
  */
-interface PopperArrowProps extends /** @vue-ignore */HTMLAttributes {}
+interface PopperArrowProps extends BaseProps {}
 /**
  * Available UI slots for the Popper component.
  */

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

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

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

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

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

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

package/dist/components/progress/index.js

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

package/dist/components/progress/shared.js

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

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

@@ -1,6 +1,7 @@
 import { Direction, UiClass } from "../../types/common.js";
-import { PrimitiveProps } from "../primitive/types.js";
-import { ComputedRef, HTMLAttributes, SVGAttributes } from "vue";
+import { BaseProps } from "../../types/vue.js";
+import { PrimitiveWithBaseProps } from "../primitive/types.js";
+import { ComputedRef, SVGAttributes } from "vue";
 
 //#region src/components/progress/types.d.ts
 /**
@@ -10,7 +11,7 @@ type ProgressState = 'indeterminate' | 'loading' | 'complete';
 /**
  * Properties for the ProgressRoot component.
  */
-interface ProgressRootProps extends PrimitiveProps, /** @vue-ignore */HTMLAttributes {
+interface ProgressRootProps extends PrimitiveWithBaseProps {
   /**
    * Reading direction of the component.
    */
@@ -40,49 +41,93 @@ type ProgressRootEmits = {
 /**
  * Properties for the ProgressIndicator component.
  */
-interface ProgressIndicatorProps extends PrimitiveProps, /** @vue-ignore */HTMLAttributes {}
+interface ProgressIndicatorProps extends PrimitiveWithBaseProps {}
 /**
- * Properties for the ProgressCircle component.
+ * Properties for the ProgressCircleSvg component.
  */
-interface ProgressCircleProps extends /** @vue-ignore */SVGAttributes {
+interface ProgressCircleSvgProps extends BaseProps<SVGAttributes> {
   /**
    * Stroke width.
    */
   strokeWidth?: number;
 }
 /**
- * Properties for the ProgressProvider component.
+ * Slot properties for the Progress component family.
  */
-interface ProgressProviderProps extends ProgressOptions {}
+interface ProgressSlotProps {
+  /**
+   * Current model value.
+   */
+  modelValue: number | null | undefined;
+  /**
+   * Max used by the component.
+   */
+  max: number;
+  /**
+   * Progress state used by the component.
+   */
+  progressState: ProgressState;
+  /**
+   * Current progress percentage.
+   */
+  valuePercent: number | null;
+}
 /**
- * Context for the ProgressRoot component.
+ * Properties for the ProgressCompact component.
  */
-interface ProgressRootContext {
+interface ProgressCompactProps extends ProgressRootProps {
   /**
-   * Reading direction of the component.
+   * Properties forwarded to the indicator element.
    */
-  dir: ComputedRef<Direction>;
+  indicatorProps?: ProgressIndicatorProps;
+}
+/**
+ * Events for the ProgressCompact component.
+ */
+type ProgressCompactEmits = ProgressRootEmits;
+/**
+ * Slots for the ProgressCompact component.
+ */
+interface ProgressCompactSlots {
   /**
-   * Current model value.
+   * Custom content for the default slot.
    */
-  modelValue: ComputedRef<number | null | undefined>;
+  default?: (props: ProgressSlotProps) => any;
+}
+/**
+ * Properties for the ProgressCircleCompact component.
+ */
+interface ProgressCircleCompactProps extends ProgressRootProps {
   /**
-   * Max used by the component context.
+   * Stroke width.
    */
-  max: ComputedRef<number>;
+  strokeWidth?: number;
   /**
-   * Progress state used by the component context.
+   * Properties forwarded to the ProgressCircleSvg component.
    */
-  progressState: ComputedRef<ProgressState>;
+  circleSvgProps?: ProgressCircleSvgProps;
+}
+/**
+ * Events for the ProgressCircleCompact component.
+ */
+type ProgressCircleCompactEmits = ProgressRootEmits;
+/**
+ * Slots for the ProgressCircleCompact component.
+ */
+interface ProgressCircleCompactSlots {
   /**
-   * Value percent used by the component context.
+   * Custom content for the default slot.
    */
-  valuePercent: ComputedRef<number | null>;
+  default?: (props: ProgressSlotProps) => any;
 }
+/**
+ * Properties for the ProgressProvider component.
+ */
+interface ProgressProviderProps extends ProgressOptions {}
 /**
  * Available UI slots for the Progress component.
  */
-type ProgressUiSlot = 'root' | 'indicator' | 'circle' | 'track' | 'label';
+type ProgressUiSlot = 'root' | 'indicator' | 'circleSvg' | 'track' | 'label';
 /**
  * UI class overrides for the Progress component.
  */
@@ -125,4 +170,4 @@ interface ProgressOptions {
   trickleSpeed?: number;
 }
 //#endregion
-export { ProgressCircleProps, ProgressIndicatorProps, ProgressOptions, ProgressProviderProps, ProgressProviderUiSlot, ProgressRootContext, ProgressRootEmits, ProgressRootProps, ProgressState, ProgressUi, ProgressUiSlot };
+export { ProgressCircleCompactEmits, ProgressCircleCompactProps, ProgressCircleCompactSlots, ProgressCircleSvgProps, ProgressCompactEmits, ProgressCompactProps, ProgressCompactSlots, ProgressIndicatorProps, ProgressOptions, ProgressProviderProps, ProgressProviderUiSlot, ProgressRootEmits, ProgressRootProps, ProgressSlotProps, ProgressState, ProgressUi, ProgressUiSlot };

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

@@ -1 +1 @@
-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`),[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{useContext as t}from"../../composables/use-context.js";import"../../shared/index.js";import{useUiContext as n}from"../../composables/use-ui-context.js";import"../../composables/index.js";import{computed as r,shallowRef as i}from"vue";const[a,o]=t(`RadioGroupRoot`),[s,c]=t(`RadioGroupItem`,t=>{let n=r(()=>e(t.checked.value)),a=i(``),o=e=>{a.value=e};return{...t,dataState:n,controlId:a,initControlId:o}}),[l,u]=n(`RadioGroupUi`);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-compact.vue.d.ts

@@ -5,14 +5,14 @@ import * as _$vue from "vue";
 //#region src/components/radio-group/radio-group-compact.vue.d.ts
 declare const __VLS_export: <T extends AcceptableBooleanValue = AcceptableBooleanValue, S extends RadioGroupOptionData<T> = RadioGroupOptionData<T>>(__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: _$vue.PublicProps & __VLS_PrettifyLocal<RadioGroupCompactProps<T, S> & {
-    "onUpdate:modelValue"?: ((payload: NonNullable<T>) => any) | undefined;
+    "onUpdate:modelValue"?: ((payload: Exclude<T, undefined>) => any) | undefined;
   }> & (typeof globalThis extends {
     __VLS_PROPS_FALLBACK: infer P;
   } ? P : {});
   expose: (exposed: {}) => void;
   attrs: any;
   slots: {};
-  emit: (evt: "update:modelValue", payload: NonNullable<T>) => void;
+  emit: (evt: "update:modelValue", payload: Exclude<T, undefined>) => void;
 }>) => _$vue.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };

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

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

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

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

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

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

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

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