@soybeanjs/headless 0.18.0 → 0.20.0

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.
+ */
+type 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.
+ */
+type 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.d.ts

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

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`),[d,f]=n(`RadioGroupCardUi`,e=>(l(e),e));export{d as provideRadioGroupCardUi,s as provideRadioGroupItemContext,a as provideRadioGroupRootContext,l as provideRadioGroupUi,f as useRadioGroupCardUi,c as useRadioGroupItemContext,o as useRadioGroupRootContext,u as useRadioGroupUi};

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

@@ -1,10 +1,11 @@
 import { LabelProps } from "../label/types.js";
-import { RadioGroupCompactEmits, RadioGroupCompactProps, RadioGroupControlProps, RadioGroupIndicatorProps, RadioGroupItemEmits, RadioGroupItemProps, RadioGroupOptionData, RadioGroupRootEmits, RadioGroupRootProps, RadioGroupUi, RadioGroupUiSlot, RadioSelectEvent } from "./types.js";
-import { _default as _default$5 } from "./radio-group-root.vue.js";
-import { _default } from "./radio-group-compact.vue.js";
-import { _default as _default$3 } from "./radio-group-item.vue.js";
-import { _default as _default$1 } from "./radio-group-control.vue.js";
-import { _default as _default$2 } from "./radio-group-indicator.vue.js";
-import { _default as _default$4 } from "./radio-group-label.vue.js";
-import { provideRadioGroupUi } from "./context.js";
-export { _default as RadioGroupCompact, type RadioGroupCompactEmits, type RadioGroupCompactProps, _default$1 as RadioGroupControl, type RadioGroupControlProps, _default$2 as RadioGroupIndicator, type RadioGroupIndicatorProps, _default$3 as RadioGroupItem, type RadioGroupItemEmits, type RadioGroupItemProps, _default$4 as RadioGroupLabel, type LabelProps as RadioGroupLabelProps, type RadioGroupOptionData, _default$5 as RadioGroupRoot, type RadioGroupRootEmits, type RadioGroupRootProps, type RadioGroupUi, type RadioGroupUiSlot, type RadioSelectEvent, provideRadioGroupUi };
+import { RadioGroupCardCompactEmits, RadioGroupCardCompactProps, RadioGroupCardCompactSlots, RadioGroupCardOptionData, RadioGroupCardUi, RadioGroupCardUiSlot, RadioGroupCompactEmits, RadioGroupCompactProps, RadioGroupControlProps, RadioGroupIndicatorProps, RadioGroupItemEmits, RadioGroupItemProps, RadioGroupOptionData, RadioGroupRootEmits, RadioGroupRootProps, RadioGroupUi, RadioGroupUiSlot, RadioSelectEvent } from "./types.js";
+import { _default as _default$1 } from "./radio-group-compact.vue.js";
+import { _default } from "./radio-group-card-compact.vue.js";
+import { _default as _default$6 } from "./radio-group-root.vue.js";
+import { _default as _default$4 } from "./radio-group-item.vue.js";
+import { _default as _default$2 } from "./radio-group-control.vue.js";
+import { _default as _default$3 } from "./radio-group-indicator.vue.js";
+import { _default as _default$5 } from "./radio-group-label.vue.js";
+import { provideRadioGroupCardUi, provideRadioGroupUi } from "./context.js";
+export { _default as RadioGroupCardCompact, type RadioGroupCardCompactEmits, type RadioGroupCardCompactProps, type RadioGroupCardCompactSlots, type RadioGroupCardOptionData, type RadioGroupCardUi, type RadioGroupCardUiSlot, _default$1 as RadioGroupCompact, type RadioGroupCompactEmits, type RadioGroupCompactProps, _default$2 as RadioGroupControl, type RadioGroupControlProps, _default$3 as RadioGroupIndicator, type RadioGroupIndicatorProps, _default$4 as RadioGroupItem, type RadioGroupItemEmits, type RadioGroupItemProps, _default$5 as RadioGroupLabel, type LabelProps as RadioGroupLabelProps, type RadioGroupOptionData, _default$6 as RadioGroupRoot, type RadioGroupRootEmits, type RadioGroupRootProps, type RadioGroupUi, type RadioGroupUiSlot, type RadioSelectEvent, provideRadioGroupCardUi, provideRadioGroupUi };

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

@@ -1 +1 @@
-import{provideRadioGroupUi as e}from"./context.js";import t from"./radio-group-root.js";import n from"./radio-group-control.js";import r from"./radio-group-indicator.js";import i from"./radio-group-item.js";import a from"./radio-group-label.js";import o from"./radio-group-compact.js";export{o as RadioGroupCompact,n as RadioGroupControl,r as RadioGroupIndicator,i as RadioGroupItem,a as RadioGroupLabel,t as RadioGroupRoot,e as provideRadioGroupUi};
+import{provideRadioGroupCardUi as e,provideRadioGroupUi as t}from"./context.js";import n from"./radio-group-control.js";import r from"./radio-group-indicator.js";import i from"./radio-group-item.js";import a from"./radio-group-label.js";import o from"./radio-group-root.js";import s from"./radio-group-compact.js";import c from"./radio-group-card-compact.js";export{c as RadioGroupCardCompact,s as RadioGroupCompact,n as RadioGroupControl,r as RadioGroupIndicator,i as RadioGroupItem,a as RadioGroupLabel,o as RadioGroupRoot,e as provideRadioGroupCardUi,t as provideRadioGroupUi};

package/dist/components/radio-group/radio-group-card-compact.js

@@ -0,0 +1 @@
+import{useOmitProps as e}from"../../composables/use-props.js";import"../../composables/index.js";import t from"../_icon/icon.js";import{useRadioGroupCardUi as n}from"./context.js";import r from"./radio-group-control.js";import i from"./radio-group-indicator.js";import a from"./radio-group-item.js";import o from"./radio-group-label.js";import s from"./radio-group-root.js";import{Fragment as c,Transition as l,createBlock as u,createCommentVNode as d,createElementBlock as f,createElementVNode as p,createTextVNode as m,createVNode as h,defineComponent as g,mergeProps as _,normalizeClass as v,openBlock as y,renderList as b,renderSlot as x,toDisplayString as S,unref as C,useId as w,useSlots as T,withCtx as E}from"vue";const D=g({name:`RadioGroupCardCompact`,__name:`radio-group-card-compact`,props:{contentProps:{},textContentProps:{},descriptionProps:{},items:{},itemProps:{},controlProps:{},indicatorProps:{},labelProps:{},modelValue:{},defaultValue:{},disabled:{type:Boolean},orientation:{},dir:{},loop:{type:Boolean},name:{},required:{type:Boolean}},emits:[`update:modelValue`],setup(g,{emit:D}){let O=g,k=D,A=T(),j=e(O,[`items`,`itemProps`,`controlProps`,`indicatorProps`,`labelProps`]),M=n(),N=w(),P=e=>String(e.value),F=e=>`${O.itemProps?.id||`radio-${N}`}-${e}`;return(e,n)=>(y(),u(s,_(C(j),{"onUpdate:modelValue":n[0]||(n[0]=e=>k(`update:modelValue`,e))}),{default:E(()=>[(y(!0),f(c,null,b(g.items,(n,s)=>(y(),u(a,_({key:P(n)},{ref_for:!0},g.itemProps,{value:n.value,disabled:g.disabled||n.disabled}),{default:E(()=>[p(`div`,_({ref_for:!0},g.contentProps,{class:C(M).content}),[h(t,{icon:n.icon,class:v(C(M).icon)},null,8,[`icon`,`class`]),p(`div`,_({ref_for:!0},g.textContentProps,{class:C(M).textContent}),[h(o,_({ref_for:!0},g.labelProps),{default:E(()=>[m(S(n.label),1)]),_:2},1040),A.description||n.description?(y(),f(`p`,_({key:0,ref_for:!0},g.descriptionProps,{class:C(M).description}),[x(e.$slots,`description`,{item:n},()=>[m(S(n.description),1)])],16)):d(`v-if`,!0)],16)],16),h(r,_({ref_for:!0},g.controlProps,{id:F(s)}),{default:E(()=>[h(l,{"enter-active-class":`soybean-headless-transition-all-150`,"enter-from-class":`soybean-headless-opacity-0 soybean-headless-scale-0`},{default:E(()=>[h(i,_({ref_for:!0},g.indicatorProps),null,16)]),_:1})]),_:1},16,[`id`])]),_:2},1040,[`value`,`disabled`]))),128))]),_:3},16))}});export{D as default};

package/dist/components/radio-group/radio-group-card-compact.vue.d.ts

@@ -0,0 +1,21 @@
+import { RadioGroupCardCompactProps, RadioGroupCardCompactSlots, RadioGroupCardOptionData } from "./types.js";
+import * as _$vue from "vue";
+
+//#region src/components/radio-group/radio-group-card-compact.vue.d.ts
+declare const __VLS_export: <T extends RadioGroupCardOptionData>(__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<RadioGroupCardCompactProps<T> & {
+    "onUpdate:modelValue"?: ((payload: T["value"] | null) => any) | undefined;
+  }> & (typeof globalThis extends {
+    __VLS_PROPS_FALLBACK: infer P;
+  } ? P : {});
+  expose: (exposed: {}) => void;
+  attrs: any;
+  slots: RadioGroupCardCompactSlots<T>;
+  emit: (evt: "update:modelValue", payload: T["value"] | null) => void;
+}>) => _$vue.VNode & {
+  __ctx?: Awaited<typeof __VLS_setup>;
+};
+declare const _default: typeof __VLS_export;
+type __VLS_PrettifyLocal<T> = (T extends any ? { [K in keyof T]: T[K] } : { [K in keyof T as K]: T[K] }) & {};
+//#endregion
+export { _default };

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

@@ -1 +1 @@
-import{useOmitProps as e}from"../../composables/use-props.js";import"../../composables/index.js";import t from"./radio-group-root.js";import n from"./radio-group-control.js";import r from"./radio-group-indicator.js";import i from"./radio-group-item.js";import a from"./radio-group-label.js";import{Fragment as o,Transition as s,createBlock as c,createElementBlock as l,createTextVNode as u,createVNode as d,defineComponent as f,mergeProps as p,openBlock as m,renderList as h,toDisplayString as g,unref as _,useId as v,withCtx as y}from"vue";const b=f({name:`RadioGroupCompact`,__name:`radio-group-compact`,props:{items:{},itemProps:{},controlProps:{},indicatorProps:{},labelProps:{},modelValue:{},defaultValue:{},disabled:{type:Boolean},orientation:{},dir:{},loop:{type:Boolean},name:{},required:{type:Boolean}},emits:[`update:modelValue`],setup(f,{emit:b}){let x=f,S=b,C=e(x,[`items`,`itemProps`,`controlProps`,`indicatorProps`,`labelProps`]),w=v(),T=e=>String(e.value),E=e=>`${x.itemProps?.id||`radio-${w}`}-${e}`,D=e=>{S(`update:modelValue`,e)};return(e,v)=>(m(),c(t,p(_(C),{"onUpdate:modelValue":D}),{default:y(()=>[(m(!0),l(o,null,h(f.items,(e,t)=>(m(),c(i,p({key:T(e)},{ref_for:!0},f.itemProps,{value:e.value,disabled:f.disabled||e.disabled}),{default:y(()=>[d(n,p({ref_for:!0},f.controlProps,{id:E(t)}),{default:y(()=>[d(s,{"enter-active-class":`transition`,"enter-from-class":`opacity-0 scale-0`},{default:y(()=>[d(r,p({ref_for:!0},f.indicatorProps),null,16)]),_:1})]),_:1},16,[`id`]),d(a,p({ref_for:!0},f.labelProps),{default:y(()=>[u(g(e.label),1)]),_:2},1040)]),_:2},1040,[`value`,`disabled`]))),128))]),_:1},16))}});export{b as default};
+import{useOmitProps as e}from"../../composables/use-props.js";import"../../composables/index.js";import t from"./radio-group-control.js";import n from"./radio-group-indicator.js";import r from"./radio-group-item.js";import i from"./radio-group-label.js";import a from"./radio-group-root.js";import{Fragment as o,Transition as s,createBlock as c,createElementBlock as l,createTextVNode as u,createVNode as d,defineComponent as f,mergeProps as p,openBlock as m,renderList as h,toDisplayString as g,unref as _,useId as v,withCtx as y}from"vue";const b=f({name:`RadioGroupCompact`,__name:`radio-group-compact`,props:{items:{},itemProps:{},controlProps:{},indicatorProps:{},labelProps:{},modelValue:{},defaultValue:{},disabled:{type:Boolean},orientation:{},dir:{},loop:{type:Boolean},name:{},required:{type:Boolean}},emits:[`update:modelValue`],setup(f,{emit:b}){let x=f,S=b,C=e(x,[`items`,`itemProps`,`controlProps`,`indicatorProps`,`labelProps`]),w=v(),T=e=>String(e.value),E=e=>`${x.itemProps?.id||`radio-${w}`}-${e}`;return(e,v)=>(m(),c(a,p(_(C),{"onUpdate:modelValue":v[0]||(v[0]=e=>S(`update:modelValue`,e))}),{default:y(()=>[(m(!0),l(o,null,h(f.items,(e,a)=>(m(),c(r,p({key:T(e)},{ref_for:!0},f.itemProps,{value:e.value,disabled:f.disabled||e.disabled}),{default:y(()=>[d(t,p({ref_for:!0},f.controlProps,{id:E(a)}),{default:y(()=>[d(s,{"enter-active-class":`soybean-headless-transition-all-150`,"enter-from-class":`soybean-headless-opacity-0 soybean-headless-scale-0`},{default:y(()=>[d(n,p({ref_for:!0},f.indicatorProps),null,16)]),_:1})]),_:1},16,[`id`]),d(i,p({ref_for:!0},f.labelProps),{default:y(()=>[u(g(e.label),1)]),_:2},1040)]),_:2},1040,[`value`,`disabled`]))),128))]),_:1},16))}});export{b as default};

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

@@ -1,18 +1,17 @@
-import { AcceptableBooleanValue } from "../../types/common.js";
 import { RadioGroupCompactProps, RadioGroupOptionData } from "./types.js";
 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;
+declare const __VLS_export: <T extends RadioGroupOptionData>(__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> & {
+    "onUpdate:modelValue"?: ((payload: T["value"] | null) => 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: T["value"] | null) => 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};

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

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

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

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

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

@@ -1,11 +1,11 @@
-import { AcceptableBooleanValue } from "../../types/common.js";
+import { DefinedWithBooleanValue } from "../../types/common.js";
 import { RadioGroupRootProps } from "./types.js";
 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<{
+declare const __VLS_export: <T extends DefinedWithBooleanValue>(__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<RadioGroupRootProps<T> & {
-    "onUpdate:modelValue"?: ((payload: NonNullable<T>) => any) | undefined;
+    "onUpdate:modelValue"?: ((payload: T | null) => any) | undefined;
   }> & (typeof globalThis extends {
     __VLS_PROPS_FALLBACK: infer P;
   } ? P : {});
@@ -13,10 +13,10 @@ declare const __VLS_export: <T extends AcceptableBooleanValue>(__VLS_props: NonN
   attrs: any;
   slots: {
     default?: (props: {
-      modelValue: T | undefined;
+      modelValue: ((T | undefined) & Exclude<T, undefined>) | null;
     }) => any;
   };
-  emit: (evt: "update:modelValue", payload: NonNullable<T>) => void;
+  emit: (evt: "update:modelValue", payload: T | null) => void;
 }>) => _$vue.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };

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

@@ -1,16 +1,19 @@
-import { AcceptableBooleanValue, DataOrientation, Direction, UiClass } from "../../types/common.js";
+import { DataOrientation, DefinedWithBooleanValue, Direction, UiClass } from "../../types/common.js";
 import { ForceMountProps, FormFieldCommonProps } from "../../types/component.js";
-import { PrimitiveProps } from "../primitive/types.js";
+import { BaseProps } from "../../types/vue.js";
+import { PrimitiveWithBaseProps } from "../primitive/types.js";
+import { ButtonProps } from "../button/types.js";
+import { IconValue } from "../_icon/types.js";
 import { LabelProps } from "../label/types.js";
-import { ButtonHTMLAttributes, ComputedRef, HTMLAttributes, ShallowRef } from "vue";
+import { ComputedRef, ShallowRef } from "vue";
 
 //#region src/components/radio-group/types.d.ts
 /**
  * Properties for the RadioGroupRoot component.
  */
-interface RadioGroupRootProps<T extends AcceptableBooleanValue = AcceptableBooleanValue> extends FormFieldCommonProps, /** @vue-ignore */HTMLAttributes {
+interface RadioGroupRootProps<T extends DefinedWithBooleanValue = DefinedWithBooleanValue> extends FormFieldCommonProps, BaseProps {
   /** The controlled value of the radio item to check. Can be bound as `v-model`. */
-  modelValue?: T;
+  modelValue?: T | null;
   /**
    * The value of the radio item that should be checked when initially rendered. Use when you do not need to control the
    * state of the radio items.
@@ -28,15 +31,15 @@ interface RadioGroupRootProps<T extends AcceptableBooleanValue = AcceptableBoole
 /**
  * Events for the RadioGroupRoot component.
  */
-type RadioGroupRootEmits<T extends AcceptableBooleanValue = AcceptableBooleanValue> = {
-  /** Event handler called when the radio group value changes */'update:modelValue': [payload: NonNullable<T>];
+type RadioGroupRootEmits<T extends DefinedWithBooleanValue> = {
+  /** Event handler called when the radio group value changes */'update:modelValue': [payload: T | null];
 };
 /**
  * Properties for the RadioGroupItem component.
  */
-interface RadioGroupItemProps extends FormFieldCommonProps, /** @vue-ignore */HTMLAttributes {
+interface RadioGroupItemProps extends FormFieldCommonProps, BaseProps {
   /** The value given as data when submitted with a `name`. */
-  value: NonNullable<AcceptableBooleanValue>;
+  value: DefinedWithBooleanValue;
   /** When `true`, prevents the user from interacting with the radio item. */
   disabled?: boolean;
 }
@@ -51,7 +54,7 @@ type RadioSelectEvent = CustomEvent<{
   /**
    * Value associated with the current item.
    */
-  value: NonNullable<AcceptableBooleanValue>;
+  value: DefinedWithBooleanValue;
 }>;
 /**
  * Events for the RadioGroupItem component.
@@ -62,22 +65,22 @@ type RadioGroupItemEmits = {
 /**
  * Properties for the RadioGroupControl component.
  */
-interface RadioGroupControlProps extends /** @vue-ignore */ButtonHTMLAttributes {
+interface RadioGroupControlProps extends ButtonProps {
   /** Id of the element */
   id?: string;
 }
 /**
  * Properties for the RadioGroupIndicator component.
  */
-interface RadioGroupIndicatorProps extends PrimitiveProps, ForceMountProps, /** @vue-ignore */HTMLAttributes {}
+interface RadioGroupIndicatorProps extends ForceMountProps, PrimitiveWithBaseProps {}
 /**
  * Option data for the RadioGroup component.
  */
-interface RadioGroupOptionData<T extends AcceptableBooleanValue = AcceptableBooleanValue> {
+interface RadioGroupOptionData<T extends DefinedWithBooleanValue = DefinedWithBooleanValue> {
   /**
    * Value associated with the current item.
    */
-  value: NonNullable<T>;
+  value: T;
   /**
    * Label text rendered by the component.
    */
@@ -90,11 +93,11 @@ interface RadioGroupOptionData<T extends AcceptableBooleanValue = AcceptableBool
 /**
  * Properties for the RadioGroupCompact component.
  */
-interface RadioGroupCompactProps<T extends AcceptableBooleanValue = AcceptableBooleanValue, S extends RadioGroupOptionData<T> = RadioGroupOptionData<T>> extends RadioGroupRootProps<T> {
+interface RadioGroupCompactProps<T extends RadioGroupOptionData = RadioGroupOptionData> extends RadioGroupRootProps<T['value']> {
   /**
    * Items rendered by the component.
    */
-  items: S[];
+  items: T[];
   /**
    * Properties forwarded to the item element.
    */
@@ -115,7 +118,52 @@ interface RadioGroupCompactProps<T extends AcceptableBooleanValue = AcceptableBo
 /**
  * Events for the RadioGroupCompact component.
  */
-type RadioGroupCompactEmits<T extends AcceptableBooleanValue = AcceptableBooleanValue> = RadioGroupRootEmits<T>;
+type RadioGroupCompactEmits<T extends DefinedWithBooleanValue = DefinedWithBooleanValue> = RadioGroupRootEmits<T>;
+/**
+ * Option data for the RadioGroupCard component.
+ */
+interface RadioGroupCardOptionData<T extends DefinedWithBooleanValue = DefinedWithBooleanValue> extends RadioGroupOptionData<T> {
+  /**
+   * Icon rendered by the component.
+   */
+  icon?: IconValue;
+  /**
+   * Description text rendered by the component.
+   */
+  description?: string;
+}
+/**
+ * Properties for the RadioGroupCard component.
+ */
+interface RadioGroupCardCompactProps<T extends RadioGroupCardOptionData = RadioGroupCardOptionData> extends RadioGroupCompactProps<T> {
+  /**
+   * Properties forwarded to the content element.
+   */
+  contentProps?: BaseProps;
+  /**
+   * Properties forwarded to the text content element.
+   */
+  textContentProps?: BaseProps;
+  /**
+   * Properties forwarded to the description element.
+   */
+  descriptionProps?: BaseProps;
+}
+/**
+ * Events for the RadioGroupCardCompact component.
+ */
+type RadioGroupCardCompactEmits<T extends DefinedWithBooleanValue = DefinedWithBooleanValue> = RadioGroupCompactEmits<T>;
+/**
+ * Slots for the RadioGroupCompact component.
+ */
+type RadioGroupCardCompactSlots<T extends RadioGroupCardOptionData = RadioGroupCardOptionData> = {
+  /**
+   * Slot for rendering custom description content within the radio card.
+   */
+  description?: (props: {
+    item: T;
+  }) => any;
+};
 /**
  * Available UI slots for the RadioGroup component.
  */
@@ -124,5 +172,13 @@ type RadioGroupUiSlot = 'root' | 'item' | 'indicator' | 'label' | 'control';
  * UI class overrides for the RadioGroup component.
  */
 type RadioGroupUi = UiClass<RadioGroupUiSlot>;
+/**
+ * Available UI slots for the RadioGroupCard component.
+ */
+type RadioGroupCardUiSlot = RadioGroupUiSlot | 'content' | 'textContent' | 'description' | 'icon';
+/**
+ * UI class overrides for the RadioGroupCard component.
+ */
+type RadioGroupCardUi = UiClass<RadioGroupCardUiSlot>;
 //#endregion
-export { RadioGroupCompactEmits, RadioGroupCompactProps, RadioGroupControlProps, RadioGroupIndicatorProps, RadioGroupItemEmits, RadioGroupItemProps, RadioGroupOptionData, RadioGroupRootEmits, RadioGroupRootProps, RadioGroupUi, RadioGroupUiSlot, RadioSelectEvent };
+export { RadioGroupCardCompactEmits, RadioGroupCardCompactProps, RadioGroupCardCompactSlots, RadioGroupCardOptionData, RadioGroupCardUi, RadioGroupCardUiSlot, RadioGroupCompactEmits, RadioGroupCompactProps, RadioGroupControlProps, RadioGroupIndicatorProps, RadioGroupItemEmits, RadioGroupItemProps, RadioGroupOptionData, RadioGroupRootEmits, RadioGroupRootProps, RadioGroupUi, RadioGroupUiSlot, RadioSelectEvent };

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"../../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};
+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{useDirection as o}from"../config-provider/context.js";import"../../shared/index.js";import{useCollection as s}from"../../composables/use-collection.js";import{useControllableState as c}from"../../composables/use-controllable-state.js";import"../../composables/index.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}=s(`RovingFocusGroup`),[y,b]=a(`RovingFocusGroup`,e=>{let{onContainerElementChange:t,getOrderedItems:r,getOrderedElements:a}=g(),{loop:s,orientation:u,defaultCurrentTabStopId:d,preventScrollOnEntryFocus:f,onEntryFocus:m,onUpdateCurrentTabStopId:_}=e,v=o(e.dir),y=c(()=>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:s,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":s.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}=v(n.itemData),{currentTabStopId:s,orientation:c,dir:p,loop:h,onItemFocus:g,onItemShiftTab:y,onFocusableItemAdd:x,onFocusableItemRemove:S}=b(`RovingFocusItem`),{active:C,allowShiftKey:w}=n,T=l(()=>n.tabStopId?.value??m()),E=l(()=>n.focusable?.value??!0),D=l(()=>s.value===T.value),O=n=>{if(n.key===`Tab`&&n.shiftKey){y();return}if(n.target!==n.currentTarget)return;let o=r(n,c.value,p.value);if(e(o)||n.metaKey||n.ctrlKey||n.altKey||!w?.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=h.value?t(s,e+1):s.slice(e+1)}u(()=>{i(s)})},k=l(()=>({tabindex:D.value?`0`:`-1`,"data-soybean-collection-item":``,"data-orientation":c.value,"data-active":C?.value?``:void 0,"data-disabled":E.value?void 0:``})),A={mousedown:e=>{E.value?g(T.value):e.preventDefault()},focus:()=>{g(T.value)},keydown:O};return f(()=>{x()}),d(()=>{S()}),{setItemElement:o,rovingFocusItemProps:k,rovingFocusItemListeners:A}}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"../../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};
+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,"data-soybean-roving-focus-group":``},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

@@ -18,8 +18,8 @@ declare const __VLS_base: _$vue.DefineComponent<RovingFocusGroupProps, {
   "onUpdate:currentTabStopId"?: ((value: string | null | undefined) => any) | undefined;
 }>, {
   orientation: DataOrientation;
-  preventScrollOnEntryFocus: boolean;
   loop: boolean;
+  preventScrollOnEntryFocus: boolean;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

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

@@ -1 +1 @@
-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};
+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,"data-soybean-roving-focus-item":``},c(l(p))),{default:u(()=>[s(e.$slots,`default`)]),_:3},16,[`as`,`as-child`]))}});export{d as default};

package/dist/components/roving-focus/types.d.ts

@@ -1,12 +1,11 @@
 import { DataOrientation, Direction } from "../../types/common.js";
-import { PrimitiveProps } from "../primitive/types.js";
-import { HTMLAttributes } from "vue";
+import { PrimitiveWithBaseProps } from "../primitive/types.js";
 
 //#region src/components/roving-focus/types.d.ts
 /**
  * Properties for the RovingFocusGroup component.
  */
-interface RovingFocusGroupProps extends PrimitiveProps, /** @vue-ignore */HTMLAttributes {
+interface RovingFocusGroupProps extends PrimitiveWithBaseProps {
   /** The orientation of the group. Mainly so arrow navigation is done accordingly (left & right vs. up & down) */
   orientation?: DataOrientation;
   /** The direction of navigation between items. */
@@ -44,7 +43,7 @@ type RovingFocusGroupEmits = {
 /**
  * Properties for the RovingFocusItem component.
  */
-interface RovingFocusItemProps extends PrimitiveProps, /** @vue-ignore */HTMLAttributes {
+interface RovingFocusItemProps extends PrimitiveWithBaseProps {
   /**
    * Tab stop id.
    */