@soybeanjs/headless 0.18.0 → 0.19.0

package/dist/components/slider/slider-track.vue.d.ts

@@ -1,4 +1,3 @@
-import { AsTag } from "../primitive/types.js";
 import { SliderTrackProps } from "./types.js";
 import * as _$vue from "vue";
 
@@ -7,9 +6,7 @@ declare var __VLS_10: {};
 type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_10) => any;
 };
-declare const __VLS_base: _$vue.DefineComponent<SliderTrackProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<SliderTrackProps> & Readonly<{}>, {
-  as: AsTag | _$vue.Component;
-}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: _$vue.DefineComponent<SliderTrackProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<SliderTrackProps> & 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/slider/types.d.ts

@@ -1,8 +1,8 @@
 import { DataOrientation, Direction, Side, UiClass } from "../../types/common.js";
 import { FormFieldCommonProps } from "../../types/component.js";
-import { PropsToContext } from "../../types/vue.js";
-import { PrimitiveProps } from "../primitive/types.js";
-import { ComputedRef, HTMLAttributes, ShallowRef } from "vue";
+import { BaseProps, PropsToContext } from "../../types/vue.js";
+import { PrimitiveWithBaseProps } from "../primitive/types.js";
+import { ComputedRef, ShallowRef } from "vue";
 
 //#region src/components/slider/types.d.ts
 /**
@@ -12,7 +12,7 @@ type SliderThumbAlignment = 'contain' | 'overflow';
 /**
  * Properties for the SliderRoot component.
  */
-interface SliderRootProps extends PrimitiveProps, FormFieldCommonProps, /** @vue-ignore */HTMLAttributes {
+interface SliderRootProps extends FormFieldCommonProps, PrimitiveWithBaseProps {
   /** The controlled value of the slider. Can be bind as `v-model`. */
   modelValue?: number[];
   /** The initial value of the slider when uncontrolled. */
@@ -46,18 +46,65 @@ type SliderRootEmits = {
 /**
  * Properties for the SliderTrack component.
  */
-interface SliderTrackProps extends PrimitiveProps, /** @vue-ignore */HTMLAttributes {}
+interface SliderTrackProps extends PrimitiveWithBaseProps {}
 /**
  * Properties for the SliderRange component.
  */
-interface SliderRangeProps extends PrimitiveProps, /** @vue-ignore */HTMLAttributes {}
+interface SliderRangeProps extends PrimitiveWithBaseProps {}
 /**
  * Properties for the SliderThumb component.
  */
-interface SliderThumbProps extends PrimitiveProps, /** @vue-ignore */HTMLAttributes {
+interface SliderThumbProps extends PrimitiveWithBaseProps {
   /** The thumb index in the current slider value array. */
   index: number;
 }
+/**
+ * Slot properties for the SliderCompact component.
+ */
+interface SliderCompactSlotProps {
+  /**
+   * Current model value.
+   */
+  modelValue: number[];
+  /**
+   * Current thumb index.
+   */
+  index: number;
+  /**
+   * Current thumb value.
+   */
+  value: number;
+}
+/**
+ * Properties for the SliderCompact component.
+ */
+interface SliderCompactProps extends SliderRootProps {
+  /**
+   * Properties forwarded to the track element.
+   */
+  trackProps?: SliderTrackProps;
+  /**
+   * Properties forwarded to the range element.
+   */
+  rangeProps?: SliderRangeProps;
+  /**
+   * Properties forwarded to the thumb element.
+   */
+  thumbProps?: BaseProps;
+}
+/**
+ * Events for the SliderCompact component.
+ */
+type SliderCompactEmits = SliderRootEmits;
+/**
+ * Slots for the SliderCompact component.
+ */
+interface SliderCompactSlots {
+  /**
+   * Custom content for the default slot.
+   */
+  default?: (props: SliderCompactSlotProps) => any;
+}
 /**
  * Type information for SliderSlideDirection.
  */
@@ -156,4 +203,4 @@ type SliderUiSlot = 'root' | 'track' | 'range' | 'thumb';
  */
 type SliderUi = UiClass<SliderUiSlot>;
 //#endregion
-export { SliderRangeProps, SliderRootContext, SliderRootEmits, SliderRootProps, SliderSlideDirection, SliderThumbAlignment, SliderThumbProps, SliderTrackProps, SliderUi, SliderUiSlot };
+export { SliderCompactEmits, SliderCompactProps, SliderCompactSlotProps, SliderCompactSlots, SliderRangeProps, SliderRootContext, SliderRootEmits, SliderRootProps, SliderSlideDirection, SliderThumbAlignment, SliderThumbProps, SliderTrackProps, SliderUi, SliderUiSlot };

package/dist/components/splitter/context.js

@@ -1 +1 @@
-import{useContext as e}from"../../composables/use-context.js";import{useUiContext as t}from"../../composables/use-ui-context.js";import"../../composables/index.js";import{useDirection as n}from"../config-provider/context.js";const[r,i]=e(`SplitterGroup`,e=>{let t=n(()=>e.dir.value);return{...e,dir:t}}),[a,o]=t(`SplitterUi`);export{r as provideSplitterGroupContext,a as provideSplitterUi,i as useSplitterGroupContext,o as useSplitterUi};
+import{useContext as e}from"../../composables/use-context.js";import{useDirection as t}from"../config-provider/context.js";import{useUiContext as n}from"../../composables/use-ui-context.js";import"../../composables/index.js";const[r,i]=e(`SplitterGroup`,e=>{let n=t(()=>e.dir.value);return{...e,dir:n}}),[a,o]=n(`SplitterUi`);export{r as provideSplitterGroupContext,a as provideSplitterUi,i as useSplitterGroupContext,o as useSplitterUi};

package/dist/components/splitter/splitter-group.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{provideSplitterGroupContext as r,useSplitterUi as i}from"./context.js";import{areLayoutsEqual as a,getDefaultLayout as o,getPanelBounds as s,getPanelState as c,normalizeLayout as l,resizeLayoutPair as u,sortPanels as d}from"./shared.js";import{computed as f,createBlock as p,defineComponent as m,mergeProps as h,openBlock as g,renderSlot as _,shallowRef as v,unref as y,useId as b,withCtx as x}from"vue";const S=m({name:`SplitterGroup`,__name:`splitter-group`,props:{direction:{default:`horizontal`},dir:{default:void 0},defaultLayout:{default:void 0},keyboardResizeBy:{default:10},asChild:{type:Boolean},as:{default:`div`}},emits:[`layout`],setup(m,{emit:S}){let C=m,w=S,[T,E]=e(),D=i(`root`),O=t(C,[`direction`,`dir`,`defaultLayout`,`keyboardResizeBy`]),k=v([]),A=v([]),j=v({}),M=v({}),N=v({}),P=0,F=f(()=>C.direction===`vertical`?`vertical`:`horizontal`),I=f(()=>C.dir),L=f(()=>Math.max(C.keyboardResizeBy,1)),R=f(()=>d(k.value)),z=`soybean-splitter-group-${b()}`;function B(){return new Map(R.value.map((e,t)=>[e.id,A.value[t]]))}function V(e){let t={...j.value},n={...M.value};R.value.forEach((r,i)=>{let a=e[i],o=j.value[r.id];r.onResize(a,o);let s=c(a,r)===`collapsed`,l=M.value[r.id];s!==l&&(s?r.onCollapse():l!==void 0&&r.onExpand()),s||(N.value={...N.value,[r.id]:a}),t[r.id]=a,n[r.id]=s}),j.value=t,M.value=n}function H(e){a(A.value,e)||(A.value=e,w(`layout`,e),V(e))}function U(){let e=A.value.length===R.value.length?B():void 0;H(l(C.defaultLayout?.length===R.value.length?C.defaultLayout:o(R.value,e),R.value))}function W(e){return R.value.findIndex(t=>t.id===e)}function G(){let e=T.value?.getBoundingClientRect();return e?F.value===`vertical`?e.height:e.width:0}function K(e,t){H(u(A.value,R.value,e,t))}function q(e){return R.value[e]}function J(e){let t=W(e),n=R.value[t];if(n)return s(n,t<R.value.length-1?(A.value[t]??0)+(A.value[t+1]??0):t>0?(A.value[t-1]??0)+(A.value[t]??0):100)}function Y(e,t){let n=W(e);if(!(n<0)){if(n<R.value.length-1){K(n,t-(A.value[n]??0));return}if(n>0){let e=A.value[n]??0,r=A.value[n-1]??0,i=e+r;K(n-1,i-t-r)}}}function X(e){let t=R.value.find(t=>t.id===e);if(!t?.collapsible.value)return;let n=Q(e);n!==void 0&&n>t.collapsedSize.value&&(N.value={...N.value,[e]:n}),Y(e,t.collapsedSize.value)}function Z(e){let t=R.value.find(t=>t.id===e);if(!t)return;let n=N.value[e]??t.defaultSize.value??t.minSize.value;Y(e,Math.max(n,t.minSize.value))}function Q(e){let t=W(e);if(!(t<0))return A.value[t]}function $(e){let t=R.value.find(t=>t.id===e),n=Q(e);return t?c(n,t)===`collapsed`:!1}function ee(e){return{flexBasis:`0px`,flexGrow:Q(e)??0,flexShrink:1,overflow:`hidden`}}function te(e){k.value=[...k.value,{...e,registrationIndex:P}],P+=1,U()}function ne(e){k.value=k.value.filter(t=>t.id!==e),U()}let{dir:re}=r({direction:F,dir:I,keyboardResizeBy:L,groupId:z,layout:A,rootElement:T,registerPanel:te,unregisterPanel:ne,refreshLayout:U,getPanelStyle:ee,getPanelSize:Q,isPanelCollapsed:$,collapsePanel:X,expandPanel:Z,resizePanel:Y,resizePanelPair:K,getPanelRecordByIndex:q,getPanelBounds:J,getGroupSize:G});return U(),(e,t)=>(g(),p(y(n),h(y(O),{ref:y(E),as:m.as,"as-child":m.asChild,class:y(D),dir:y(re),"data-orientation":F.value,"data-panel-group-direction":F.value,"data-splitter-group-id":z}),{default:x(()=>[_(e.$slots,`default`,{layout:A.value})]),_:3},16,[`as`,`as-child`,`class`,`dir`,`data-orientation`,`data-panel-group-direction`]))}});export{S 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{provideSplitterGroupContext as r,useSplitterUi as i}from"./context.js";import{areLayoutsEqual as a,getDefaultLayout as o,getPanelBounds as s,getPanelState as c,normalizeLayout as l,resizeLayoutPair as u,sortPanels as d}from"./shared.js";import{computed as f,createBlock as p,defineComponent as m,mergeProps as h,openBlock as g,renderSlot as _,shallowRef as v,unref as y,useId as b,withCtx as x}from"vue";const S=m({name:`SplitterGroup`,__name:`splitter-group`,props:{direction:{default:`horizontal`},dir:{default:void 0},defaultLayout:{default:void 0},keyboardResizeBy:{default:10},asChild:{type:Boolean},as:{}},emits:[`layout`],setup(m,{emit:S}){let C=m,w=S,[T,E]=e(),D=i(`root`),O=t(C,[`direction`,`dir`,`defaultLayout`,`keyboardResizeBy`]),k=v([]),A=v([]),j=v({}),M=v({}),N=v({}),P=0,F=f(()=>C.direction===`vertical`?`vertical`:`horizontal`),I=f(()=>C.dir),L=f(()=>Math.max(C.keyboardResizeBy,1)),R=f(()=>d(k.value)),z=`soybean-splitter-group-${b()}`;function B(){return new Map(R.value.map((e,t)=>[e.id,A.value[t]]))}function V(e){let t={...j.value},n={...M.value};R.value.forEach((r,i)=>{let a=e[i],o=j.value[r.id];r.onResize(a,o);let s=c(a,r)===`collapsed`,l=M.value[r.id];s!==l&&(s?r.onCollapse():l!==void 0&&r.onExpand()),s||(N.value={...N.value,[r.id]:a}),t[r.id]=a,n[r.id]=s}),j.value=t,M.value=n}function H(e){a(A.value,e)||(A.value=e,w(`layout`,e),V(e))}function U(){let e=A.value.length===R.value.length?B():void 0;H(l(C.defaultLayout?.length===R.value.length?C.defaultLayout:o(R.value,e),R.value))}function W(e){return R.value.findIndex(t=>t.id===e)}function G(){let e=T.value?.getBoundingClientRect();return e?F.value===`vertical`?e.height:e.width:0}function K(e,t){H(u(A.value,R.value,e,t))}function q(e){return R.value[e]}function J(e){let t=W(e),n=R.value[t];if(n)return s(n,t<R.value.length-1?(A.value[t]??0)+(A.value[t+1]??0):t>0?(A.value[t-1]??0)+(A.value[t]??0):100)}function Y(e,t){let n=W(e);if(!(n<0)){if(n<R.value.length-1){K(n,t-(A.value[n]??0));return}if(n>0){let e=A.value[n]??0,r=A.value[n-1]??0,i=e+r;K(n-1,i-t-r)}}}function X(e){let t=R.value.find(t=>t.id===e);if(!t?.collapsible.value)return;let n=Q(e);n!==void 0&&n>t.collapsedSize.value&&(N.value={...N.value,[e]:n}),Y(e,t.collapsedSize.value)}function Z(e){let t=R.value.find(t=>t.id===e);if(!t)return;let n=N.value[e]??t.defaultSize.value??t.minSize.value;Y(e,Math.max(n,t.minSize.value))}function Q(e){let t=W(e);if(!(t<0))return A.value[t]}function $(e){let t=R.value.find(t=>t.id===e),n=Q(e);return t?c(n,t)===`collapsed`:!1}function ee(e){return{flexBasis:`0px`,flexGrow:Q(e)??0,flexShrink:1,overflow:`hidden`}}function te(e){k.value=[...k.value,{...e,registrationIndex:P}],P+=1,U()}function ne(e){k.value=k.value.filter(t=>t.id!==e),U()}let{dir:re}=r({direction:F,dir:I,keyboardResizeBy:L,groupId:z,layout:A,rootElement:T,registerPanel:te,unregisterPanel:ne,refreshLayout:U,getPanelStyle:ee,getPanelSize:Q,isPanelCollapsed:$,collapsePanel:X,expandPanel:Z,resizePanel:Y,resizePanelPair:K,getPanelRecordByIndex:q,getPanelBounds:J,getGroupSize:G});return U(),(e,t)=>(g(),p(y(n),h(y(O),{ref:y(E),as:m.as,"as-child":m.asChild,"data-soybean-splitter-group":``,class:y(D),dir:y(re),"data-orientation":F.value,"data-panel-group-direction":F.value,"data-splitter-group-id":z}),{default:x(()=>[_(e.$slots,`default`,{layout:A.value})]),_:3},16,[`as`,`as-child`,`class`,`dir`,`data-orientation`,`data-panel-group-direction`]))}});export{S as default};

package/dist/components/splitter/splitter-group.vue.d.ts

@@ -1,5 +1,4 @@
 import { DataOrientation, Direction } from "../../types/common.js";
-import { AsTag } from "../primitive/types.js";
 import { SplitterGroupProps } from "./types.js";
 import * as _$vue from "vue";
 
@@ -17,9 +16,8 @@ declare const __VLS_base: _$vue.DefineComponent<SplitterGroupProps, {}, {}, {},
 }>, {
   dir: Direction;
   direction: DataOrientation;
-  as: AsTag | _$vue.Component;
-  defaultLayout: number[];
   keyboardResizeBy: number;
+  defaultLayout: number[];
 }, {}, {}, {}, 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/splitter/splitter-panel.js

@@ -1 +1 @@
-import{clamp as e}from"../../shared/value.js";import"../../shared/index.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{useSplitterGroupContext as r,useSplitterUi as i}from"./context.js";import{computed as a,createBlock as o,defineComponent as s,mergeProps as c,onMounted as l,onUnmounted as u,openBlock as d,renderSlot as f,unref as p,useId as m,watch as h,withCtx as g}from"vue";const _=s({name:`SplitterPanel`,__name:`splitter-panel`,props:{defaultSize:{default:void 0},collapsible:{type:Boolean,default:!1},collapsedSize:{default:0},maxSize:{default:100},minSize:{default:10},order:{default:void 0},asChild:{type:Boolean},as:{default:`div`}},emits:[`collapse`,`expand`,`resize`],setup(s,{expose:_,emit:v}){let y=s,b=v,x=i(`panel`),S=t(y,[`defaultSize`,`collapsible`,`collapsedSize`,`maxSize`,`minSize`,`order`]),C=`soybean-splitter-panel-${m()}`,{groupId:w,registerPanel:T,unregisterPanel:E,refreshLayout:D,getPanelStyle:O,getPanelSize:k,isPanelCollapsed:A,collapsePanel:j,expandPanel:M,resizePanel:N}=r(`SplitterPanel`),P=a(()=>y.defaultSize===void 0?void 0:e(y.defaultSize,0,100)),F=a(()=>e(y.collapsedSize,0,100)),I=a(()=>e(y.minSize,0,100)),L=a(()=>e(y.maxSize,I.value,100)),R=a(()=>y.collapsible),z=a(()=>y.order),B=a(()=>O(C)),V=a(()=>k(C)),H=a(()=>R.value?A(C)?`collapsed`:`expanded`:void 0),U=a(()=>A(C)),W=a(()=>!U.value);h([P,F,I,L,R,z],D),l(()=>{T({id:C,order:z,defaultSize:P,minSize:I,maxSize:L,collapsible:R,collapsedSize:F,onCollapse:()=>b(`collapse`),onExpand:()=>b(`expand`),onResize:(e,t)=>b(`resize`,e,t)})}),u(()=>{E(C)});function G(){j(C)}function K(){M(C)}function q(e){N(C,e)}return _({collapse:G,expand:K,getSize:()=>V.value,resize:q,isCollapsed:U,isExpanded:W}),(e,t)=>(d(),o(p(n),c(p(S),{id:C,as:s.as,"as-child":s.asChild,class:p(x),style:B.value,"data-panel":``,"data-panel-group-id":p(w),"data-panel-size":V.value,"data-panel-collapsible":R.value||void 0,"data-state":H.value}),{default:g(()=>[f(e.$slots,`default`,{isCollapsed:U.value,isExpanded:W.value,collapse:G,expand:K,resize:q})]),_:3},16,[`as`,`as-child`,`class`,`style`,`data-panel-group-id`,`data-panel-size`,`data-panel-collapsible`,`data-state`]))}});export{_ as default};
+import{clamp as e}from"../../shared/value.js";import"../../shared/index.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{useSplitterGroupContext as r,useSplitterUi as i}from"./context.js";import{computed as a,createBlock as o,defineComponent as s,mergeProps as c,onMounted as l,onUnmounted as u,openBlock as d,renderSlot as f,unref as p,useId as m,watch as h,withCtx as g}from"vue";const _=s({name:`SplitterPanel`,__name:`splitter-panel`,props:{defaultSize:{default:void 0},collapsible:{type:Boolean,default:!1},collapsedSize:{default:0},maxSize:{default:100},minSize:{default:10},order:{default:void 0},asChild:{type:Boolean},as:{}},emits:[`collapse`,`expand`,`resize`],setup(s,{expose:_,emit:v}){let y=s,b=v,x=i(`panel`),S=t(y,[`defaultSize`,`collapsible`,`collapsedSize`,`maxSize`,`minSize`,`order`]),C=`soybean-splitter-panel-${m()}`,{groupId:w,registerPanel:T,unregisterPanel:E,refreshLayout:D,getPanelStyle:O,getPanelSize:k,isPanelCollapsed:A,collapsePanel:j,expandPanel:M,resizePanel:N}=r(`SplitterPanel`),P=a(()=>y.defaultSize===void 0?void 0:e(y.defaultSize,0,100)),F=a(()=>e(y.collapsedSize,0,100)),I=a(()=>e(y.minSize,0,100)),L=a(()=>e(y.maxSize,I.value,100)),R=a(()=>y.collapsible),z=a(()=>y.order),B=a(()=>O(C)),V=a(()=>k(C)),H=a(()=>R.value?A(C)?`collapsed`:`expanded`:void 0),U=a(()=>A(C)),W=a(()=>!U.value);h([P,F,I,L,R,z],D),l(()=>{T({id:C,order:z,defaultSize:P,minSize:I,maxSize:L,collapsible:R,collapsedSize:F,onCollapse:()=>b(`collapse`),onExpand:()=>b(`expand`),onResize:(e,t)=>b(`resize`,e,t)})}),u(()=>{E(C)});function G(){j(C)}function K(){M(C)}function q(e){N(C,e)}return _({collapse:G,expand:K,getSize:()=>V.value,resize:q,isCollapsed:U,isExpanded:W}),(e,t)=>(d(),o(p(n),c(p(S),{id:C,as:s.as,"as-child":s.asChild,"data-soybean-splitter-panel":``,class:p(x),style:B.value,"data-panel":``,"data-panel-group-id":p(w),"data-panel-size":V.value,"data-panel-collapsible":R.value||void 0,"data-state":H.value}),{default:g(()=>[f(e.$slots,`default`,{isCollapsed:U.value,isExpanded:W.value,collapse:G,expand:K,resize:q})]),_:3},16,[`as`,`as-child`,`class`,`style`,`data-panel-group-id`,`data-panel-size`,`data-panel-collapsible`,`data-state`]))}});export{_ as default};

package/dist/components/splitter/splitter-panel.vue.d.ts

@@ -1,4 +1,3 @@
-import { AsTag } from "../primitive/types.js";
 import { SplitterPanelProps } from "./types.js";
 import * as _$vue from "vue";
 
@@ -25,20 +24,19 @@ declare const __VLS_base: _$vue.DefineComponent<SplitterPanelProps, {
   isExpanded: _$vue.ComputedRef<boolean>;
 }, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
   resize: (size: number, prevSize: number | undefined) => any;
-  expand: () => any;
   collapse: () => any;
+  expand: () => any;
 }, string, _$vue.PublicProps, Readonly<SplitterPanelProps> & Readonly<{
   onResize?: ((size: number, prevSize: number | undefined) => any) | undefined;
-  onExpand?: (() => any) | undefined;
   onCollapse?: (() => any) | undefined;
+  onExpand?: (() => any) | undefined;
 }>, {
   collapsible: boolean;
   order: number;
-  as: AsTag | _$vue.Component;
   defaultSize: number;
-  collapsedSize: number;
-  maxSize: number;
   minSize: number;
+  maxSize: number;
+  collapsedSize: number;
 }, {}, {}, {}, 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/splitter/splitter-resize-handle.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{useSplitterGroupContext as r,useSplitterUi as i}from"./context.js";import{computed as a,createBlock as o,defineComponent as s,mergeProps as c,onBeforeUnmount as l,openBlock as u,renderSlot as d,shallowRef as f,unref as p,withCtx as m}from"vue";const h=s({name:`SplitterResizeHandle`,__name:`splitter-resize-handle`,props:{disabled:{type:Boolean,default:!1},tabindex:{default:0},asChild:{type:Boolean},as:{default:`div`}},emits:[`dragging`],setup(s,{emit:h}){let g=s,_=h,[v,y]=e(),b=i(`resizeHandle`),x=t(g,[`disabled`,`tabindex`]),{direction:S,dir:C,groupId:w,keyboardResizeBy:T,layout:E,rootElement:D,collapsePanel:O,expandPanel:k,resizePanelPair:A,getPanelRecordByIndex:j,getPanelBounds:M,getGroupSize:N}=r(`SplitterResizeHandle`),P=f(`inactive`),F=f(!1),I=f(null),L=f(0),R=a(()=>!D.value||!v.value?-1:Array.from(D.value.querySelectorAll(`[data-panel-group-id="${w}"][data-splitter-resize-handle]`)).findIndex(e=>e===v.value)),z=a(()=>j(R.value)),B=a(()=>E.value[R.value]),V=a(()=>{let e=z.value;if(e)return M(e.id)}),H=a(()=>{if(B.value!==void 0)return String(Number(B.value.toFixed(1)))}),U=a(()=>{if(V.value)return String(V.value.min)}),W=a(()=>{if(V.value)return String(V.value.max)}),G=a(()=>z.value?.id);function K(e){return S.value===`vertical`?e.clientY:e.clientX}function q(e){let t=K(e),n=t-L.value;L.value=t;let r=N();if(r<=0)return 0;let i=n/r*100;return S.value===`horizontal`&&C.value===`rtl`&&(i*=-1),i}let J=null;function Y(){J?.(),J=null}function X(e){e!==void 0&&I.value!==e||(I.value=null,P.value=`hover`,Y(),_(`dragging`,!1))}function Z(e){if(g.disabled||R.value<0)return;e.preventDefault(),I.value=e.pointerId,L.value=K(e),P.value=`drag`,_(`dragging`,!0);let t=v.value?.ownerDocument;if(!t)return;let n=e=>{I.value===e.pointerId&&A(R.value,q(e))},r=e=>{X(e.pointerId)};t.addEventListener(`pointermove`,n),t.addEventListener(`pointerup`,r),t.addEventListener(`pointercancel`,r),J=()=>{t.removeEventListener(`pointermove`,n),t.removeEventListener(`pointerup`,r),t.removeEventListener(`pointercancel`,r)}}function Q(e){if(g.disabled||R.value<0)return;let t=z.value;if(!t)return;let n=T.value??10,r=0;if(e.key===`Enter`&&t.collapsible.value){e.preventDefault(),B.value!==void 0&&B.value<=t.collapsedSize.value+.1?k(t.id):O(t.id);return}if(e.key===`Home`){e.preventDefault(),A(R.value,(V.value?.min??0)-(B.value??0));return}if(e.key===`End`){e.preventDefault(),A(R.value,(V.value?.max??0)-(B.value??0));return}S.value===`vertical`?(e.key===`ArrowDown`&&(r=n),e.key===`ArrowUp`&&(r=-n)):C.value===`rtl`?(e.key===`ArrowLeft`&&(r=n),e.key===`ArrowRight`&&(r=-n)):(e.key===`ArrowRight`&&(r=n),e.key===`ArrowLeft`&&(r=-n)),r!==0&&(e.preventDefault(),A(R.value,r))}return l(()=>{Y()}),(e,t)=>(u(),o(p(n),c(p(x),{ref:p(y),as:s.as,"as-child":s.asChild,class:p(b),role:`separator`,"data-splitter-resize-handle":``,tabindex:s.disabled?void 0:s.tabindex,"data-panel-group-id":p(w),"data-state":P.value,"data-disabled":s.disabled?``:void 0,"data-orientation":p(S),"aria-controls":G.value,"aria-disabled":s.disabled?`true`:void 0,"aria-orientation":p(S),"aria-valuenow":H.value,"aria-valuemin":U.value,"aria-valuemax":W.value,onBlur:t[0]||(t[0]=e=>F.value=!1),onFocus:t[1]||(t[1]=e=>F.value=!0),onKeydown:Q,onMouseenter:t[2]||(t[2]=e=>P.value=I.value===null?`hover`:P.value),onMouseleave:t[3]||(t[3]=e=>P.value=I.value===null?`inactive`:P.value),onPointerdown:Z}),{default:m(()=>[d(e.$slots,`default`,{active:P.value===`drag`,focused:F.value})]),_:3},16,[`as`,`as-child`,`class`,`tabindex`,`data-panel-group-id`,`data-state`,`data-disabled`,`data-orientation`,`aria-controls`,`aria-disabled`,`aria-orientation`,`aria-valuenow`,`aria-valuemin`,`aria-valuemax`]))}});export{h 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{useSplitterGroupContext as r,useSplitterUi as i}from"./context.js";import{computed as a,createBlock as o,defineComponent as s,mergeProps as c,onBeforeUnmount as l,openBlock as u,renderSlot as d,shallowRef as f,unref as p,withCtx as m}from"vue";const h=s({name:`SplitterResizeHandle`,__name:`splitter-resize-handle`,props:{disabled:{type:Boolean,default:!1},tabindex:{default:0},asChild:{type:Boolean},as:{}},emits:[`dragging`],setup(s,{emit:h}){let g=s,_=h,[v,y]=e(),b=i(`resizeHandle`),x=t(g,[`disabled`,`tabindex`]),{direction:S,dir:C,groupId:w,keyboardResizeBy:T,layout:E,rootElement:D,collapsePanel:O,expandPanel:k,resizePanelPair:A,getPanelRecordByIndex:j,getPanelBounds:M,getGroupSize:N}=r(`SplitterResizeHandle`),P=f(`inactive`),F=f(!1),I=f(null),L=f(0),R=a(()=>!D.value||!v.value?-1:Array.from(D.value.querySelectorAll(`[data-panel-group-id="${w}"][data-splitter-resize-handle]`)).findIndex(e=>e===v.value)),z=a(()=>j(R.value)),B=a(()=>E.value[R.value]),V=a(()=>{let e=z.value;if(e)return M(e.id)}),H=a(()=>{if(B.value!==void 0)return String(Number(B.value.toFixed(1)))}),U=a(()=>{if(V.value)return String(V.value.min)}),W=a(()=>{if(V.value)return String(V.value.max)}),G=a(()=>z.value?.id);function K(e){return S.value===`vertical`?e.clientY:e.clientX}function q(e){let t=K(e),n=t-L.value;L.value=t;let r=N();if(r<=0)return 0;let i=n/r*100;return S.value===`horizontal`&&C.value===`rtl`&&(i*=-1),i}let J=null;function Y(){J?.(),J=null}function X(e){e!==void 0&&I.value!==e||(I.value=null,P.value=`hover`,Y(),_(`dragging`,!1))}function Z(e){if(g.disabled||R.value<0)return;e.preventDefault(),I.value=e.pointerId,L.value=K(e),P.value=`drag`,_(`dragging`,!0);let t=v.value?.ownerDocument;if(!t)return;let n=e=>{I.value===e.pointerId&&A(R.value,q(e))},r=e=>{X(e.pointerId)};t.addEventListener(`pointermove`,n),t.addEventListener(`pointerup`,r),t.addEventListener(`pointercancel`,r),J=()=>{t.removeEventListener(`pointermove`,n),t.removeEventListener(`pointerup`,r),t.removeEventListener(`pointercancel`,r)}}function Q(e){if(g.disabled||R.value<0)return;let t=z.value;if(!t)return;let n=T.value??10,r=0;if(e.key===`Enter`&&t.collapsible.value){e.preventDefault(),B.value!==void 0&&B.value<=t.collapsedSize.value+.1?k(t.id):O(t.id);return}if(e.key===`Home`){e.preventDefault(),A(R.value,(V.value?.min??0)-(B.value??0));return}if(e.key===`End`){e.preventDefault(),A(R.value,(V.value?.max??0)-(B.value??0));return}S.value===`vertical`?(e.key===`ArrowDown`&&(r=n),e.key===`ArrowUp`&&(r=-n)):C.value===`rtl`?(e.key===`ArrowLeft`&&(r=n),e.key===`ArrowRight`&&(r=-n)):(e.key===`ArrowRight`&&(r=n),e.key===`ArrowLeft`&&(r=-n)),r!==0&&(e.preventDefault(),A(R.value,r))}return l(()=>{Y()}),(e,t)=>(u(),o(p(n),c(p(x),{ref:p(y),as:s.as,"as-child":s.asChild,"data-soybean-splitter-resize-handle":``,class:p(b),role:`separator`,"data-splitter-resize-handle":``,tabindex:s.disabled?void 0:s.tabindex,"data-panel-group-id":p(w),"data-state":P.value,"data-disabled":s.disabled?``:void 0,"data-orientation":p(S),"aria-controls":G.value,"aria-disabled":s.disabled?`true`:void 0,"aria-orientation":p(S),"aria-valuenow":H.value,"aria-valuemin":U.value,"aria-valuemax":W.value,onBlur:t[0]||(t[0]=e=>F.value=!1),onFocus:t[1]||(t[1]=e=>F.value=!0),onKeydown:Q,onMouseenter:t[2]||(t[2]=e=>P.value=I.value===null?`hover`:P.value),onMouseleave:t[3]||(t[3]=e=>P.value=I.value===null?`inactive`:P.value),onPointerdown:Z}),{default:m(()=>[d(e.$slots,`default`,{active:P.value===`drag`,focused:F.value})]),_:3},16,[`as`,`as-child`,`class`,`tabindex`,`data-panel-group-id`,`data-state`,`data-disabled`,`data-orientation`,`aria-controls`,`aria-disabled`,`aria-orientation`,`aria-valuenow`,`aria-valuemin`,`aria-valuemax`]))}});export{h as default};

package/dist/components/splitter/splitter-resize-handle.vue.d.ts

@@ -1,4 +1,3 @@
-import { AsTag } from "../primitive/types.js";
 import { SplitterResizeHandleProps } from "./types.js";
 import * as _$vue from "vue";
 
@@ -17,7 +16,6 @@ declare const __VLS_base: _$vue.DefineComponent<SplitterResizeHandleProps, {}, {
 }>, {
   tabindex: number;
   disabled: boolean;
-  as: AsTag | _$vue.Component;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

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

@@ -1,13 +1,13 @@
 import { DataOrientation, Direction, UiClass } from "../../types/common.js";
 import { PropsToContext } from "../../types/vue.js";
-import { PrimitiveProps } from "../primitive/types.js";
-import { CSSProperties, ComputedRef, HTMLAttributes, ShallowRef } from "vue";
+import { PrimitiveWithBaseProps } from "../primitive/types.js";
+import { CSSProperties, ComputedRef, ShallowRef } from "vue";
 
 //#region src/components/splitter/types.d.ts
 /**
  * Properties for the SplitterGroup component.
  */
-interface SplitterGroupProps extends PrimitiveProps, /** @vue-ignore */HTMLAttributes {
+interface SplitterGroupProps extends PrimitiveWithBaseProps {
   /**
    * The orientation of the splitter group.
    *
@@ -39,7 +39,7 @@ type SplitterGroupEmits = {
 /**
  * Properties for the SplitterPanel component.
  */
-interface SplitterPanelProps extends PrimitiveProps, /** @vue-ignore */HTMLAttributes {
+interface SplitterPanelProps extends PrimitiveWithBaseProps {
   /**
    * The initial size of the panel as a percentage of the group.
    */
@@ -85,7 +85,7 @@ type SplitterPanelEmits = {
 /**
  * Properties for the SplitterResizeHandle component.
  */
-interface SplitterResizeHandleProps extends PrimitiveProps, /** @vue-ignore */HTMLAttributes {
+interface SplitterResizeHandleProps extends PrimitiveWithBaseProps {
   /**
    * Whether the resize handle is disabled.
    */

package/dist/components/stepper/context.js

@@ -1 +1 @@
-import{useContext as e}from"../../composables/use-context.js";import{useUiContext as t}from"../../composables/use-ui-context.js";import"../../composables/index.js";import{useDirection as n}from"../config-provider/context.js";import{shallowRef as r,useId as i}from"vue";const[a,o]=e(`StepperRoot`,e=>{let t=n(e.dir);return{...e,dir:t}}),[s,c]=e(`StepperItem`,e=>{let t=r(`soybean-stepper-title-${i()}`),n=r(`soybean-stepper-description-${i()}`);return{...e,titleId:t,descriptionId:n}}),[l,u]=t(`StepperUi`);export{s as provideStepperItemContext,a as provideStepperRootContext,l as provideStepperUi,c as useStepperItemContext,o as useStepperRootContext,u as useStepperUi};
+import{useContext as e}from"../../composables/use-context.js";import{useDirection as t}from"../config-provider/context.js";import{useUiContext as n}from"../../composables/use-ui-context.js";import"../../composables/index.js";import{shallowRef as r,useId as i}from"vue";const[a,o]=e(`StepperRoot`,e=>{let n=t(e.dir);return{...e,dir:n}}),[s,c]=e(`StepperItem`,e=>{let t=r(`soybean-stepper-title-${i()}`),n=r(`soybean-stepper-description-${i()}`);return{...e,titleId:t,descriptionId:n}}),[l,u]=n(`StepperUi`);export{s as provideStepperItemContext,a as provideStepperRootContext,l as provideStepperUi,c as useStepperItemContext,o as useStepperRootContext,u as useStepperUi};

package/dist/components/stepper/stepper-description.js

@@ -1 +1 @@
-import{useOmitProps as e}from"../../composables/use-props.js";import"../../composables/index.js";import{Primitive as t}from"../primitive/primitive.js";import"../primitive/index.js";import{useStepperItemContext as n,useStepperUi as r}from"./context.js";import{createBlock as i,defineComponent as a,mergeProps as o,openBlock as s,renderSlot as c,unref as l,withCtx as u}from"vue";const d=a({name:`StepperDescription`,__name:`stepper-description`,props:{asChild:{type:Boolean},as:{default:`p`}},setup(a){let d=a,{descriptionId:f}=n(`StepperDescription`),p=r(`description`),m=e(d,[]);return(e,n)=>(s(),i(l(t),o(l(m),{id:l(f),as:a.as,"as-child":a.asChild,class:l(p)}),{default:u(()=>[c(e.$slots,`default`)]),_:3},16,[`id`,`as`,`as-child`,`class`]))}});export{d as default};
+import{useOmitProps as e}from"../../composables/use-props.js";import"../../composables/index.js";import{Primitive as t}from"../primitive/primitive.js";import"../primitive/index.js";import{useStepperItemContext as n,useStepperUi as r}from"./context.js";import{createBlock as i,defineComponent as a,mergeProps as o,openBlock as s,renderSlot as c,unref as l,withCtx as u}from"vue";const d=a({name:`StepperDescription`,__name:`stepper-description`,props:{asChild:{type:Boolean},as:{default:`p`}},setup(a){let d=a,{descriptionId:f}=n(`StepperDescription`),p=r(`description`),m=e(d,[]);return(e,n)=>(s(),i(l(t),o(l(m),{id:l(f),as:a.as,"as-child":a.asChild,"data-soybean-stepper-description":``,class:l(p)}),{default:u(()=>[c(e.$slots,`default`)]),_:3},16,[`id`,`as`,`as-child`,`class`]))}});export{d as default};

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

@@ -1 +1 @@
-import{useOmitProps as e}from"../../composables/use-props.js";import"../../composables/index.js";import{Primitive as t}from"../primitive/primitive.js";import"../primitive/index.js";import{useStepperItemContext as n,useStepperUi as r}from"./context.js";import{createBlock as i,createTextVNode as a,defineComponent as o,mergeProps as s,openBlock as c,renderSlot as l,toDisplayString as u,unref as d,withCtx as f}from"vue";const p=o({name:`StepperIndicator`,__name:`stepper-indicator`,props:{asChild:{type:Boolean},as:{default:`span`}},setup(o){let p=o,{step:m}=n(`StepperIndicator`),h=r(`indicator`),g=e(p,[]);return(e,n)=>(c(),i(d(t),s(d(g),{as:o.as,"as-child":o.asChild,class:d(h)}),{default:f(()=>[l(e.$slots,`default`,{step:d(m)},()=>[a(`Step `+u(d(m)),1)])]),_:3},16,[`as`,`as-child`,`class`]))}});export{p as default};
+import{interpolate as e}from"../../shared/string.js";import{useLocaleMessages as t}from"../../locale/hooks.js";import"../../locale/index.js";import"../../shared/index.js";import{useOmitProps as n}from"../../composables/use-props.js";import"../../composables/index.js";import{Primitive as r}from"../primitive/primitive.js";import"../primitive/index.js";import{useStepperItemContext as i,useStepperUi as a}from"./context.js";import{createBlock as o,createTextVNode as s,defineComponent as c,mergeProps as l,openBlock as u,renderSlot as d,toDisplayString as f,unref as p,withCtx as m}from"vue";const h=c({name:`StepperIndicator`,__name:`stepper-indicator`,props:{asChild:{type:Boolean},as:{default:`span`}},setup(c){let h=c,{step:g}=i(`StepperIndicator`),_=t(),v=a(`indicator`),y=n(h,[]);return(t,n)=>(u(),o(p(r),l(p(y),{as:c.as,"as-child":c.asChild,"data-soybean-stepper-indicator":``,class:p(v)}),{default:m(()=>[d(t.$slots,`default`,{step:p(g)},()=>[s(f(p(e)(p(_).stepper.step,{step:String(p(g))})),1)])]),_:3},16,[`as`,`as-child`,`class`]))}});export{h as default};

package/dist/components/stepper/stepper-item.js

@@ -1 +1 @@
-import{transformPropsToContext as e}from"../../shared/vue.js";import"../../shared/index.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{provideStepperItemContext as r,useStepperRootContext as i,useStepperUi as a}from"./context.js";import{computed as o,createBlock as s,defineComponent as c,mergeProps as l,openBlock as u,renderSlot as d,unref as f,withCtx as p}from"vue";const m=c({name:`StepperItem`,__name:`stepper-item`,props:{step:{},disabled:{type:Boolean,default:!1},completed:{type:Boolean,default:!1},asChild:{type:Boolean},as:{default:`div`}},setup(c){let m=c,h=a(`item`),g=t(m,[`step`,`disabled`,`completed`]),{modelValue:_,linear:v,orientation:y}=i(`StepperItem`),b=o(()=>_.value??1),x=o(()=>m.completed?`completed`:b.value===m.step?`active`:b.value>m.step?`completed`:`inactive`),S=o(()=>m.disabled?!1:v.value?m.step<=b.value||m.step===b.value+1:!0),C=o(()=>m.disabled||!S.value?``:void 0);return r({...e(m,[`step`,`disabled`,`completed`]),state:x,isFocusable:S,dataDisabled:C}),(e,t)=>(u(),s(f(n),l(f(g),{as:c.as,"as-child":c.asChild,class:f(h),"aria-current":x.value===`active`?`step`:void 0,"data-disabled":C.value,"data-orientation":f(y),"data-state":x.value}),{default:p(()=>[d(e.$slots,`default`,{state:x.value})]),_:3},16,[`as`,`as-child`,`class`,`aria-current`,`data-disabled`,`data-orientation`,`data-state`]))}});export{m as default};
+import{transformPropsToContext as e}from"../../shared/vue.js";import"../../shared/index.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{provideStepperItemContext as r,useStepperRootContext as i,useStepperUi as a}from"./context.js";import{computed as o,createBlock as s,defineComponent as c,mergeProps as l,openBlock as u,renderSlot as d,unref as f,withCtx as p}from"vue";const m=c({name:`StepperItem`,__name:`stepper-item`,props:{step:{},disabled:{type:Boolean,default:!1},completed:{type:Boolean,default:!1},asChild:{type:Boolean},as:{}},setup(c){let m=c,h=a(`item`),g=t(m,[`step`,`disabled`,`completed`]),{modelValue:_,linear:v,orientation:y}=i(`StepperItem`),b=o(()=>_.value??1),x=o(()=>m.completed?`completed`:b.value===m.step?`active`:b.value>m.step?`completed`:`inactive`),S=o(()=>m.disabled?!1:v.value?m.step<=b.value||m.step===b.value+1:!0),C=o(()=>m.disabled||!S.value?``:void 0);return r({...e(m,[`step`,`disabled`,`completed`]),state:x,isFocusable:S,dataDisabled:C}),(e,t)=>(u(),s(f(n),l(f(g),{as:c.as,"as-child":c.asChild,"data-soybean-stepper-item":``,class:f(h),"aria-current":x.value===`active`?`step`:void 0,"data-disabled":C.value,"data-orientation":f(y),"data-state":x.value}),{default:p(()=>[d(e.$slots,`default`,{state:x.value})]),_:3},16,[`as`,`as-child`,`class`,`aria-current`,`data-disabled`,`data-orientation`,`data-state`]))}});export{m as default};

package/dist/components/stepper/stepper-item.vue.d.ts

@@ -1,4 +1,3 @@
-import { AsTag } from "../primitive/types.js";
 import { StepperItemProps, StepperState } from "./types.js";
 import * as _$vue from "vue";
 
@@ -11,7 +10,6 @@ type __VLS_Slots = {} & {
 };
 declare const __VLS_base: _$vue.DefineComponent<StepperItemProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<StepperItemProps> & Readonly<{}>, {
   disabled: boolean;
-  as: AsTag | _$vue.Component;
   completed: boolean;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

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

@@ -1 +1 @@
-import{getCollectionItemElements as e,isElementHasAttribute as t}from"../../shared/dom.js";import{transformPropsToContext as n}from"../../shared/vue.js";import"../../shared/index.js";import{useControllableState as r}from"../../composables/use-controllable-state.js";import{useForwardElement as i}from"../../composables/use-forward-element.js";import{useOmitProps as a}from"../../composables/use-props.js";import"../../composables/index.js";import{Primitive as o}from"../primitive/primitive.js";import"../primitive/index.js";import s from"../visually-hidden/visually-hidden.js";import"../visually-hidden/index.js";import{provideStepperRootContext as c,useStepperUi as l}from"./context.js";import{computed as u,createBlock as d,createCommentVNode as f,createTextVNode as p,defineComponent as m,mergeProps as h,openBlock as g,renderSlot as _,shallowRef as v,toDisplayString as y,unref as b,useAttrs as x,withCtx as S}from"vue";const C=m({name:`StepperRoot`,__name:`stepper-root`,props:{defaultValue:{default:1},modelValue:{default:void 0},orientation:{default:`horizontal`},dir:{},linear:{type:Boolean,default:!0},asChild:{type:Boolean},as:{default:`div`}},emits:[`update:modelValue`],setup(m,{expose:C,emit:w}){let T=m,E=w,D=x(),O=l(`root`),k=r(()=>T.modelValue,e=>{typeof e==`number`&&E(`update:modelValue`,e)},T.defaultValue),A=a(T,[`defaultValue`,`modelValue`,`orientation`,`dir`,`linear`]),[j,M]=i(),N=v([]),P=u(()=>j.value?e(j.value).filter(e=>N.value.includes(e)):N.value),F=u(()=>P.value.length),I=u(()=>k.value??1),L=u(()=>I.value===1),R=u(()=>F.value>0&&I.value===F.value),z=u(()=>P.value[I.value]),B=u(()=>P.value[I.value-2]),V=u(()=>z.value?t(z.value,`disabled`):!0),H=u(()=>B.value?t(B.value,`disabled`):!0),U=e=>{if(e<1||e>F.value)return!1;let n=P.value[e-1];return!(!n||t(n,`disabled`)||T.linear&&e>I.value+1)},W=e=>{U(e)&&(k.value=e)},G=()=>{W(I.value+1)},K=()=>{W(I.value-1)},q=()=>I.value<F.value,J=()=>I.value>1;function Y(e){return typeof e==`string`&&e.trim().length>0?e:void 0}let X=u(()=>Y(D[`aria-label`])??`Step-by-step progress`),Z=e=>{N.value.includes(e)||(N.value=[...N.value,e])},Q=e=>{e&&(N.value=N.value.filter(t=>t!==e))},{dir:$}=c({...n(T,[`orientation`,`dir`,`linear`]),modelValue:k,stepperItems:P,totalSteps:F,changeModelValue:W,registerStepperItem:Z,unregisterStepperItem:Q});return C({modelValue:k,totalSteps:F,isNextDisabled:V,isPrevDisabled:H,isFirstStep:L,isLastStep:R,goToStep:W,nextStep:G,prevStep:K,hasNext:q,hasPrev:J,registerStepperItem:Z,unregisterStepperItem:Q}),(e,t)=>(g(),d(b(o),h({ref:b(M)},b(A),{as:m.as,"as-child":m.asChild,class:b(O),dir:b($),role:`group`,"aria-label":X.value,"data-linear":m.linear?``:void 0,"data-orientation":m.orientation}),{default:S(()=>[_(e.$slots,`default`,{modelValue:b(k),totalSteps:F.value,isNextDisabled:V.value,isPrevDisabled:H.value,isFirstStep:L.value,isLastStep:R.value,goToStep:W,nextStep:G,prevStep:K,hasNext:q,hasPrev:J}),F.value>0?(g(),d(b(s),{key:0,as:`span`,role:`status`,"aria-live":`polite`,"aria-atomic":`true`},{default:S(()=>[p(` Step `+y(I.value)+` of `+y(F.value),1)]),_:1})):f(`v-if`,!0)]),_:3},16,[`as`,`as-child`,`class`,`dir`,`aria-label`,`data-linear`,`data-orientation`]))}});export{C as default};
+import{getCollectionItemElements as e,isElementHasAttribute as t}from"../../shared/dom.js";import{transformPropsToContext as n}from"../../shared/vue.js";import"../../shared/index.js";import{useControllableState as r}from"../../composables/use-controllable-state.js";import{useForwardElement as i}from"../../composables/use-forward-element.js";import{useOmitProps as a}from"../../composables/use-props.js";import"../../composables/index.js";import{Primitive as o}from"../primitive/primitive.js";import"../primitive/index.js";import s from"../visually-hidden/visually-hidden.js";import"../visually-hidden/index.js";import{provideStepperRootContext as c,useStepperUi as l}from"./context.js";import{computed as u,createBlock as d,createCommentVNode as f,createTextVNode as p,defineComponent as m,mergeProps as h,openBlock as g,renderSlot as _,shallowRef as v,toDisplayString as y,unref as b,useAttrs as x,withCtx as S}from"vue";const C=m({name:`StepperRoot`,__name:`stepper-root`,props:{defaultValue:{default:1},modelValue:{default:void 0},orientation:{default:`horizontal`},dir:{},linear:{type:Boolean,default:!0},asChild:{type:Boolean},as:{}},emits:[`update:modelValue`],setup(m,{expose:C,emit:w}){let T=m,E=w,D=x(),O=l(`root`),k=r(()=>T.modelValue,e=>{E(`update:modelValue`,e)},T.defaultValue),A=a(T,[`defaultValue`,`modelValue`,`orientation`,`dir`,`linear`]),[j,M]=i(),N=v([]),P=u(()=>j.value?e(j.value).filter(e=>N.value.includes(e)):N.value),F=u(()=>P.value.length),I=u(()=>k.value??1),L=u(()=>I.value===1),R=u(()=>F.value>0&&I.value===F.value),z=u(()=>P.value[I.value]),B=u(()=>P.value[I.value-2]),V=u(()=>z.value?t(z.value,`disabled`):!0),H=u(()=>B.value?t(B.value,`disabled`):!0),U=e=>{if(e<1||e>F.value)return!1;let n=P.value[e-1];return!(!n||t(n,`disabled`)||T.linear&&e>I.value+1)},W=e=>{U(e)&&(k.value=e)},G=()=>{W(I.value+1)},K=()=>{W(I.value-1)},q=()=>I.value<F.value,J=()=>I.value>1;function Y(e){return typeof e==`string`&&e.trim().length>0?e:void 0}let X=u(()=>Y(D[`aria-label`])??`Step-by-step progress`),Z=e=>{N.value.includes(e)||(N.value=[...N.value,e])},Q=e=>{e&&(N.value=N.value.filter(t=>t!==e))},{dir:$}=c({...n(T,[`orientation`,`dir`,`linear`]),modelValue:k,stepperItems:P,totalSteps:F,changeModelValue:W,registerStepperItem:Z,unregisterStepperItem:Q});return C({modelValue:k,totalSteps:F,isNextDisabled:V,isPrevDisabled:H,isFirstStep:L,isLastStep:R,goToStep:W,nextStep:G,prevStep:K,hasNext:q,hasPrev:J,registerStepperItem:Z,unregisterStepperItem:Q}),(e,t)=>(g(),d(b(o),h({ref:b(M)},b(A),{as:m.as,"as-child":m.asChild,"data-soybean-stepper-root":``,class:b(O),dir:b($),role:`group`,"aria-label":X.value,"data-linear":m.linear?``:void 0,"data-orientation":m.orientation}),{default:S(()=>[_(e.$slots,`default`,{modelValue:b(k),totalSteps:F.value,isNextDisabled:V.value,isPrevDisabled:H.value,isFirstStep:L.value,isLastStep:R.value,goToStep:W,nextStep:G,prevStep:K,hasNext:q,hasPrev:J}),F.value>0?(g(),d(b(s),{key:0,as:`span`,role:`status`,"aria-live":`polite`,"aria-atomic":`true`},{default:S(()=>[p(` Step `+y(I.value)+` of `+y(F.value),1)]),_:1})):f(`v-if`,!0)]),_:3},16,[`as`,`as-child`,`class`,`dir`,`aria-label`,`data-linear`,`data-orientation`]))}});export{C as default};

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

@@ -1,11 +1,10 @@
 import { DataOrientation } from "../../types/common.js";
-import { AsTag } from "../primitive/types.js";
 import { StepperRootProps } from "./types.js";
 import * as _$vue from "vue";
 
 //#region src/components/stepper/stepper-root.vue.d.ts
 declare var __VLS_8: {
-  modelValue: number | undefined;
+  modelValue: number;
   totalSteps: number;
   isNextDisabled: boolean;
   isPrevDisabled: boolean;
@@ -21,7 +20,7 @@ type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_8) => any;
 };
 declare const __VLS_base: _$vue.DefineComponent<StepperRootProps, {
-  modelValue: _$vue.ShallowRef<number | undefined>;
+  modelValue: _$vue.ShallowRef<number>;
   totalSteps: _$vue.ComputedRef<number>;
   isNextDisabled: _$vue.ComputedRef<boolean>;
   isPrevDisabled: _$vue.ComputedRef<boolean>;
@@ -40,7 +39,6 @@ declare const __VLS_base: _$vue.DefineComponent<StepperRootProps, {
   "onUpdate:modelValue"?: ((payload: number) => any) | undefined;
 }>, {
   orientation: DataOrientation;
-  as: AsTag | _$vue.Component;
   modelValue: number;
   defaultValue: number;
   linear: boolean;

package/dist/components/stepper/stepper-separator.js

@@ -1 +1 @@
-import{useOmitProps as e}from"../../composables/use-props.js";import"../../composables/index.js";import t from"../separator/separator-root.js";import"../separator/index.js";import{useStepperItemContext as n,useStepperRootContext as r,useStepperUi as i}from"./context.js";import{createBlock as a,defineComponent as o,mergeProps as s,openBlock as c,renderSlot as l,unref as u,withCtx as d}from"vue";const f=o({name:`StepperSeparator`,__name:`stepper-separator`,props:{orientation:{},decorative:{type:Boolean,default:!0}},setup(o){let f=e(o,[`orientation`,`decorative`]),{orientation:p}=r(`StepperSeparator`),{state:m}=n(`StepperSeparator`),h=i(`separator`);return(e,n)=>(c(),a(u(t),s(u(f),{class:u(h),orientation:u(p),decorative:o.decorative,"data-state":u(m)}),{default:d(()=>[l(e.$slots,`default`)]),_:3},16,[`class`,`orientation`,`decorative`,`data-state`]))}});export{f as default};
+import{useOmitProps as e}from"../../composables/use-props.js";import"../../composables/index.js";import t from"../separator/separator-root.js";import"../separator/index.js";import{useStepperItemContext as n,useStepperRootContext as r,useStepperUi as i}from"./context.js";import{createBlock as a,defineComponent as o,mergeProps as s,openBlock as c,renderSlot as l,unref as u,withCtx as d}from"vue";const f=o({name:`StepperSeparator`,__name:`stepper-separator`,props:{orientation:{},decorative:{type:Boolean,default:!0}},setup(o){let f=e(o,[`orientation`,`decorative`]),{orientation:p}=r(`StepperSeparator`),{state:m}=n(`StepperSeparator`),h=i(`separator`);return(e,n)=>(c(),a(u(t),s(u(f),{class:u(h),"data-soybean-stepper-separator":``,orientation:u(p),decorative:o.decorative,"data-state":u(m)}),{default:d(()=>[l(e.$slots,`default`)]),_:3},16,[`class`,`orientation`,`decorative`,`data-state`]))}});export{f as default};

package/dist/components/stepper/stepper-title.js

@@ -1 +1 @@
-import{useOmitProps as e}from"../../composables/use-props.js";import"../../composables/index.js";import{Primitive as t}from"../primitive/primitive.js";import"../primitive/index.js";import{useStepperItemContext as n,useStepperUi as r}from"./context.js";import{createBlock as i,defineComponent as a,mergeProps as o,openBlock as s,renderSlot as c,unref as l,withCtx as u}from"vue";const d=a({name:`StepperTitle`,__name:`stepper-title`,props:{asChild:{type:Boolean},as:{default:`h4`}},setup(a){let d=a,{titleId:f}=n(`StepperTitle`),p=r(`title`),m=e(d,[]);return(e,n)=>(s(),i(l(t),o(l(m),{id:l(f),as:a.as,"as-child":a.asChild,class:l(p)}),{default:u(()=>[c(e.$slots,`default`)]),_:3},16,[`id`,`as`,`as-child`,`class`]))}});export{d as default};
+import{useOmitProps as e}from"../../composables/use-props.js";import"../../composables/index.js";import{Primitive as t}from"../primitive/primitive.js";import"../primitive/index.js";import{useStepperItemContext as n,useStepperUi as r}from"./context.js";import{createBlock as i,defineComponent as a,mergeProps as o,openBlock as s,renderSlot as c,unref as l,withCtx as u}from"vue";const d=a({name:`StepperTitle`,__name:`stepper-title`,props:{asChild:{type:Boolean},as:{default:`h4`}},setup(a){let d=a,{titleId:f}=n(`StepperTitle`),p=r(`title`),m=e(d,[]);return(e,n)=>(s(),i(l(t),o(l(m),{id:l(f),as:a.as,"as-child":a.asChild,"data-soybean-stepper-title":``,class:l(p)}),{default:u(()=>[c(e.$slots,`default`)]),_:3},16,[`id`,`as`,`as-child`,`class`]))}});export{d as default};

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

@@ -1 +1 @@
-import{useArrowNavigation as e}from"../../composables/use-arrow-navigation.js";import{useForwardElement as t}from"../../composables/use-forward-element.js";import{useOmitProps as n}from"../../composables/use-props.js";import"../../composables/index.js";import{Primitive as r}from"../primitive/primitive.js";import"../primitive/index.js";import{useStepperItemContext as i,useStepperRootContext as a,useStepperUi as o}from"./context.js";import{createBlock as s,defineComponent as c,mergeProps as l,onBeforeUnmount as u,onMounted as d,openBlock as f,renderSlot as p,unref as m,withCtx as h,withKeys as g,withModifiers as _}from"vue";const v=c({name:`StepperTrigger`,__name:`stepper-trigger`,props:{asChild:{type:Boolean},as:{default:`button`}},setup(c){let v=c,{orientation:y,dir:b,stepperItems:x,changeModelValue:S,registerStepperItem:C,unregisterStepperItem:w}=a(`StepperTrigger`),{step:T,disabled:E,state:D,isFocusable:O,titleId:k,descriptionId:A}=i(`StepperTrigger`),j=o(`trigger`),M=n(v,[]),[N,P]=t(),F=e=>{if(E.value||!O.value){e.preventDefault();return}if(e.ctrlKey){e.preventDefault();return}S(T.value)},I=t=>{if(E.value||!O.value){t.preventDefault();return}if(t.key===`Enter`||t.key===` `){t.preventDefault(),S(T.value);return}e(t,t.currentTarget,void 0,{itemsArray:x.value,focus:!0,loop:!1,arrowKeyOptions:y.value,dir:b.value})};return d(()=>{N.value&&C(N.value)}),u(()=>{w(N.value)}),(e,t)=>(f(),s(m(r),l({ref:m(P)},m(M),{as:c.as,"as-child":c.asChild,class:m(j),type:c.as===`button`?`button`:void 0,disabled:m(E)||!m(O)?!0:void 0,"data-disabled":m(E)||!m(O)?``:void 0,"data-orientation":m(y),"data-state":m(D),tabindex:m(O)?0:-1,"aria-describedby":m(A),"aria-labelledby":m(k),"data-soybean-collection-item":``,onMousedown:_(F,[`left`]),onKeydown:g(I,[`enter`,`space`,`left`,`right`,`up`,`down`,`home`,`end`])}),{default:h(()=>[p(e.$slots,`default`)]),_:3},16,[`as`,`as-child`,`class`,`type`,`disabled`,`data-disabled`,`data-orientation`,`data-state`,`tabindex`,`aria-describedby`,`aria-labelledby`]))}});export{v as default};
+import{useArrowNavigation as e}from"../../composables/use-arrow-navigation.js";import{useForwardElement as t}from"../../composables/use-forward-element.js";import{useOmitProps as n}from"../../composables/use-props.js";import"../../composables/index.js";import{Primitive as r}from"../primitive/primitive.js";import"../primitive/index.js";import{useStepperItemContext as i,useStepperRootContext as a,useStepperUi as o}from"./context.js";import{createBlock as s,defineComponent as c,mergeProps as l,onBeforeUnmount as u,onMounted as d,openBlock as f,renderSlot as p,unref as m,withCtx as h,withKeys as g,withModifiers as _}from"vue";const v=c({name:`StepperTrigger`,__name:`stepper-trigger`,props:{asChild:{type:Boolean},as:{default:`button`}},setup(c){let v=c,{orientation:y,dir:b,stepperItems:x,changeModelValue:S,registerStepperItem:C,unregisterStepperItem:w}=a(`StepperTrigger`),{step:T,disabled:E,state:D,isFocusable:O,titleId:k,descriptionId:A}=i(`StepperTrigger`),j=o(`trigger`),M=n(v,[]),[N,P]=t(),F=e=>{if(E.value||!O.value){e.preventDefault();return}if(e.ctrlKey){e.preventDefault();return}S(T.value)},I=t=>{if(E.value||!O.value){t.preventDefault();return}if(t.key===`Enter`||t.key===` `){t.preventDefault(),S(T.value);return}e(t,t.currentTarget,void 0,{itemsArray:x.value,focus:!0,loop:!1,arrowKeyOptions:y.value,dir:b.value})};return d(()=>{N.value&&C(N.value)}),u(()=>{w(N.value)}),(e,t)=>(f(),s(m(r),l({ref:m(P)},m(M),{as:c.as,"as-child":c.asChild,"data-soybean-stepper-trigger":``,"data-soybean-collection-item":``,class:m(j),type:c.as===`button`?`button`:void 0,disabled:m(E)||!m(O)?!0:void 0,"data-disabled":m(E)||!m(O)?``:void 0,"data-orientation":m(y),"data-state":m(D),tabindex:m(O)?0:-1,"aria-describedby":m(A),"aria-labelledby":m(k),onMousedown:_(F,[`left`]),onKeydown:g(I,[`enter`,`space`,`left`,`right`,`up`,`down`,`home`,`end`])}),{default:h(()=>[p(e.$slots,`default`)]),_:3},16,[`as`,`as-child`,`class`,`type`,`disabled`,`data-disabled`,`data-orientation`,`data-state`,`tabindex`,`aria-describedby`,`aria-labelledby`]))}});export{v as default};

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

@@ -1,7 +1,7 @@
 import { DataOrientation, Direction, UiClass } from "../../types/common.js";
-import { PrimitiveProps } from "../primitive/types.js";
+import { PrimitiveWithBaseProps } from "../primitive/types.js";
 import { SeparatorRootProps } from "../separator/types.js";
-import { ComputedRef, HTMLAttributes, ShallowRef } from "vue";
+import { ComputedRef, ShallowRef } from "vue";
 
 //#region src/components/stepper/types.d.ts
 /**
@@ -11,7 +11,7 @@ type StepperState = 'completed' | 'active' | 'inactive';
 /**
  * Properties for the StepperRoot component.
  */
-interface StepperRootProps extends PrimitiveProps, /** @vue-ignore */HTMLAttributes {
+interface StepperRootProps extends PrimitiveWithBaseProps {
   /**
    * The value of the step that should be active when initially rendered.
    *
@@ -51,7 +51,7 @@ type StepperRootEmits = {
 /**
  * Properties for the StepperItem component.
  */
-interface StepperItemProps extends PrimitiveProps, /** @vue-ignore */HTMLAttributes {
+interface StepperItemProps extends PrimitiveWithBaseProps {
   /** The step index, starting from `1`. */
   step: number;
   /** When `true`, prevents the user from interacting with the step. */
@@ -62,19 +62,19 @@ interface StepperItemProps extends PrimitiveProps, /** @vue-ignore */HTMLAttribu
 /**
  * Properties for the StepperTrigger component.
  */
-interface StepperTriggerProps extends PrimitiveProps, /** @vue-ignore */HTMLAttributes {}
+interface StepperTriggerProps extends PrimitiveWithBaseProps {}
 /**
  * Properties for the StepperIndicator component.
  */
-interface StepperIndicatorProps extends PrimitiveProps, /** @vue-ignore */HTMLAttributes {}
+interface StepperIndicatorProps extends PrimitiveWithBaseProps {}
 /**
  * Properties for the StepperTitle component.
  */
-interface StepperTitleProps extends PrimitiveProps, /** @vue-ignore */HTMLAttributes {}
+interface StepperTitleProps extends PrimitiveWithBaseProps {}
 /**
  * Properties for the StepperDescription component.
  */
-interface StepperDescriptionProps extends PrimitiveProps, /** @vue-ignore */HTMLAttributes {}
+interface StepperDescriptionProps extends PrimitiveWithBaseProps {}
 /**
  * Available UI slots for the Stepper component.
  */

package/dist/components/switch/context.js

@@ -1 +1 @@
-import{isNullish as e}from"../../shared/guard.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}from"vue";const[i,a]=t(`SwitchRoot`,t=>{let{modelValue:n,disabled:i,trueValue:a,falseValue:o}=t;function s(){i.value||(e(n.value)?n.value=a.value:n.value=n.value===a.value?o.value:a.value)}let c=r(()=>n?.value===a.value?`checked`:`unchecked`),l=r(()=>i.value?``:void 0);return{...t,toggleCheck:s,dataState:c,dataDisabled:l}}),[o,s]=n(`SwitchUi`);export{i as provideSwitchRootContext,o as provideSwitchUi,a as useSwitchRootContext,s as useSwitchUi};
+import{isNullish as e}from"../../shared/guard.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}from"vue";const[i,a]=t(`SwitchRoot`,t=>{let{modelValue:n,disabled:i,trueValue:a,falseValue:o}=t;function s(){i.value||(e(n.value)?n.value=a.value:n.value=n.value===a.value?o.value:a.value)}let c=r(()=>n?.value===a.value?`checked`:`unchecked`),l=r(()=>i.value?``:void 0);return{...t,toggleCheck:s,dataState:c,dataDisabled:l}}),[o,s]=n(`SwitchUi`);export{i as provideSwitchRootContext,o as provideSwitchUi,a as useSwitchRootContext,s as useSwitchUi};

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

@@ -1,6 +1,7 @@
-import { SwitchControlProps, SwitchRootEmits, SwitchRootProps, SwitchThumbProps, SwitchUi, SwitchUiSlot } from "./types.js";
-import { _default as _default$1 } from "./switch-root.vue.js";
-import { _default } from "./switch-control.vue.js";
-import { _default as _default$2 } from "./switch-thumb.vue.js";
+import { SwitchCompactEmits, SwitchCompactProps, SwitchCompactSlotProps, SwitchCompactSlots, SwitchControlProps, SwitchRootEmits, SwitchRootProps, SwitchThumbProps, SwitchUi, SwitchUiSlot } from "./types.js";
+import { _default as _default$2 } from "./switch-root.vue.js";
+import { _default as _default$1 } from "./switch-control.vue.js";
+import { _default as _default$3 } from "./switch-thumb.vue.js";
+import { _default } from "./switch-compact.vue.js";
 import { provideSwitchUi } from "./context.js";
-export { _default as SwitchControl, type SwitchControlProps, _default$1 as SwitchRoot, type SwitchRootEmits, type SwitchRootProps, _default$2 as SwitchThumb, type SwitchThumbProps, type SwitchUi, type SwitchUiSlot, provideSwitchUi };
+export { _default as SwitchCompact, type SwitchCompactEmits, type SwitchCompactProps, type SwitchCompactSlotProps, type SwitchCompactSlots, _default$1 as SwitchControl, type SwitchControlProps, _default$2 as SwitchRoot, type SwitchRootEmits, type SwitchRootProps, _default$3 as SwitchThumb, type SwitchThumbProps, type SwitchUi, type SwitchUiSlot, provideSwitchUi };

package/dist/components/switch/index.js

@@ -1 +1 @@
-import{provideSwitchUi as e}from"./context.js";import t from"./switch-root.js";import n from"./switch-control.js";import r from"./switch-thumb.js";export{n as SwitchControl,t as SwitchRoot,r as SwitchThumb,e as provideSwitchUi};
+import{provideSwitchUi as e}from"./context.js";import t from"./switch-root.js";import n from"./switch-control.js";import r from"./switch-thumb.js";import i from"./switch-compact.js";export{i as SwitchCompact,n as SwitchControl,t as SwitchRoot,r as SwitchThumb,e as provideSwitchUi};

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

@@ -0,0 +1 @@
+import{useOmitProps as e}from"../../composables/use-props.js";import"../../composables/index.js";import t from"./switch-root.js";import n from"./switch-control.js";import r from"./switch-thumb.js";import{computed as i,createBlock as a,createVNode as o,defineComponent as s,guardReactiveProps as c,mergeProps as l,normalizeProps as u,openBlock as d,renderSlot as f,unref as p,useId as m,withCtx as h}from"vue";const g=s({name:`SwitchCompact`,__name:`switch-compact`,props:{controlProps:{},thumbProps:{},defaultValue:{},modelValue:{default:void 0},disabled:{type:Boolean},value:{},name:{},required:{type:Boolean},trueValue:{default:!0},falseValue:{default:!1}},emits:[`update:modelValue`],setup(s,{emit:g}){let _=s,v=g,y=e(_,[`controlProps`,`thumbProps`]),b=m(),x=i(()=>_.controlProps?.id||`switch-${b}`);return(e,i)=>(d(),a(t,l(p(y),{"onUpdate:modelValue":i[0]||(i[0]=e=>v(`update:modelValue`,e))}),{default:h(t=>[f(e.$slots,`leading`,u(c(t))),o(n,l(s.controlProps,{id:x.value}),{default:h(()=>[o(r,u(c(s.thumbProps)),{default:h(()=>[f(e.$slots,`default`,u(c(t)))]),_:2},1040)]),_:2},1040,[`id`]),f(e.$slots,`trailing`,u(c(t)))]),_:3},16))}});export{g as default};

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

@@ -0,0 +1,22 @@
+import { AcceptableBooleanValue } from "../../types/common.js";
+import { SwitchCompactProps, SwitchCompactSlots } from "./types.js";
+import * as _$vue from "vue";
+
+//#region src/components/switch/switch-compact.vue.d.ts
+declare const __VLS_export: <T extends AcceptableBooleanValue = boolean>(__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<SwitchCompactProps<T> & {
+    "onUpdate:modelValue"?: ((payload: NonNullable<T>) => any) | undefined;
+  }> & (typeof globalThis extends {
+    __VLS_PROPS_FALLBACK: infer P;
+  } ? P : {});
+  expose: (exposed: {}) => void;
+  attrs: any;
+  slots: SwitchCompactSlots<T>;
+  emit: (evt: "update:modelValue", payload: NonNullable<T>) => 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/switch/switch-control.js

@@ -1 +1 @@
-import{getAriaLabel as e}from"../../shared/dom.js";import"../../shared/index.js";import{useForwardElement as t}from"../../composables/use-forward-element.js";import"../../composables/index.js";import{useSwitchRootContext as n,useSwitchUi as r}from"./context.js";import{computed as i,createElementBlock as a,defineComponent as o,normalizeClass as s,openBlock as c,renderSlot as l,unref as u,useAttrs as d,withKeys as f,withModifiers as p}from"vue";const m=[`id`,`aria-checked`,`aria-label`,`aria-required`,`data-disabled`,`data-state`],h=o({name:`SwitchControl`,__name:`switch-control`,props:{id:{}},setup(o){let h=o,g=d(),{modelValue:_,dataDisabled:v,dataState:y,toggleCheck:b,required:x}=n(`SwitchControl`),[S,C]=t(),w=r(`control`),T=i(()=>e(S.value,h.id,g[`aria-label`]));return(e,t)=>(c(),a(`button`,{id:o.id,ref:u(C),class:s(u(w)),"aria-checked":u(y)===`checked`,"aria-label":T.value,"aria-required":u(x),"data-disabled":u(v),"data-state":u(y),role:`switch`,onClick:t[0]||(t[0]=(...e)=>u(b)&&u(b)(...e)),onKeydown:t[1]||(t[1]=f(p((...e)=>u(b)&&u(b)(...e),[`prevent`]),[`enter`]))},[l(e.$slots,`default`,{modelValue:u(_)})],42,m))}});export{h as default};
+import{getAriaLabel as e}from"../../shared/dom.js";import"../../shared/index.js";import{useForwardElement as t}from"../../composables/use-forward-element.js";import"../../composables/index.js";import n from"../button/button.js";import{useSwitchRootContext as r,useSwitchUi as i}from"./context.js";import{computed as a,createBlock as o,defineComponent as s,mergeProps as c,openBlock as l,renderSlot as u,unref as d,useAttrs as f,withCtx as p,withKeys as m,withModifiers as h}from"vue";const g=s({name:`SwitchControl`,__name:`switch-control`,props:{id:{},type:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{}},setup(s){let g=s,_=f(),{modelValue:v,disabled:y,dataState:b,toggleCheck:x,required:S}=r(`SwitchControl`),[C,w]=t(),T=i(`control`),E=a(()=>y.value||g.disabled),D=a(()=>e(C.value,g.id,_[`aria-label`]));return(e,t)=>(l(),o(n,c(g,{ref:d(w),"data-soybean-switch-control":``,class:d(T),disabled:E.value,"aria-checked":d(b)===`checked`,"aria-label":D.value,"aria-required":d(S),"data-state":d(b),role:`switch`,onClick:d(x),onKeydown:m(h(d(x),[`prevent`]),[`enter`])}),{default:p(()=>[u(e.$slots,`default`,{modelValue:d(v)})]),_:3},16,[`class`,`disabled`,`aria-checked`,`aria-label`,`aria-required`,`data-state`,`onClick`,`onKeydown`]))}});export{g as default};

package/dist/components/switch/switch-control.vue.d.ts

@@ -3,11 +3,11 @@ import { SwitchControlProps } from "./types.js";
 import * as _$vue from "vue";
 
 //#region src/components/switch/switch-control.vue.d.ts
-declare var __VLS_1: {
+declare var __VLS_11: {
   modelValue: AcceptableBooleanValue;
 };
 type __VLS_Slots = {} & {
-  default?: (props: typeof __VLS_1) => any;
+  default?: (props: typeof __VLS_11) => any;
 };
 declare const __VLS_base: _$vue.DefineComponent<SwitchControlProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<SwitchControlProps> & Readonly<{}>, {}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/components/switch/switch-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{useForwardElement as i}from"../../composables/use-forward-element.js";import"../../composables/index.js";import a from"../visually-hidden/visually-hidden-input.js";import"../visually-hidden/index.js";import{provideSwitchRootContext as o,useSwitchUi as s}from"./context.js";import{computed as c,createBlock as l,createCommentVNode as u,createElementBlock as d,defineComponent as f,normalizeClass as p,openBlock as m,renderSlot as h,unref as g}from"vue";const _=[`data-state`],v=f({name:`SwitchRoot`,__name:`switch-root`,props:{defaultValue:{},modelValue:{default:void 0},disabled:{type:Boolean},value:{default:`on`},name:{},required:{type:Boolean},trueValue:{default:!0},falseValue:{default:!1}},emits:[`update:modelValue`],setup(f,{emit:v}){let y=f,b=v,[x,S]=i(),C=s(`root`),w=r(()=>y.modelValue,e=>{b(`update:modelValue`,e)},y.defaultValue),T=c(()=>t(x.value));function E(){if(e(y.trueValue)||e(y.falseValue))throw Error(`trueValue and falseValue cannot be nullish`)}E();let{dataState:D}=o({...n(y,[`modelValue`,`disabled`,`required`,`trueValue`,`falseValue`]),modelValue:w});return(e,t)=>(m(),d(`div`,{ref:g(S),class:p(g(C)),"data-state":g(D)},[h(e.$slots,`default`,{modelValue:g(w)}),T.value&&f.name?(m(),l(g(a),{key:0,type:`checkbox`,name:f.name,disabled:f.disabled,required:f.required,value:f.value,checked:!!g(w)},null,8,[`name`,`disabled`,`required`,`value`,`checked`])):u(`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{useControllableState as r}from"../../composables/use-controllable-state.js";import{useForwardElement as i}from"../../composables/use-forward-element.js";import"../../composables/index.js";import a from"../visually-hidden/visually-hidden-input.js";import"../visually-hidden/index.js";import{provideSwitchRootContext as o,useSwitchUi as s}from"./context.js";import{computed as c,createBlock as l,createCommentVNode as u,createElementBlock as d,defineComponent as f,normalizeClass as p,openBlock as m,renderSlot as h,unref as g}from"vue";const _=[`data-state`],v=f({name:`SwitchRoot`,__name:`switch-root`,props:{defaultValue:{},modelValue:{default:void 0},disabled:{type:Boolean},value:{default:`on`},name:{},required:{type:Boolean},trueValue:{default:!0},falseValue:{default:!1}},emits:[`update:modelValue`],setup(f,{emit:v}){let y=f,b=v,[x,S]=i(),C=s(`root`),w=r(()=>y.modelValue,e=>{b(`update:modelValue`,e)},y.defaultValue??null),T=c(()=>t(x.value));function E(){if(e(y.trueValue)||e(y.falseValue))throw Error(`trueValue and falseValue cannot be nullish`)}E();let{dataState:D}=o({...n(y,[`modelValue`,`disabled`,`required`,`trueValue`,`falseValue`]),modelValue:w});return(e,t)=>(m(),d(`div`,{ref:g(S),"data-soybean-switch-root":``,class:p(g(C)),"data-state":g(D)},[h(e.$slots,`default`,{modelValue:g(w)}),T.value&&f.name?(m(),l(g(a),{key:0,type:`checkbox`,name:f.name,disabled:f.disabled,required:f.required,value:f.value,checked:!!g(w)},null,8,[`name`,`disabled`,`required`,`value`,`checked`])):u(`v-if`,!0)],10,_))}});export{v as default};

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

@@ -13,7 +13,7 @@ declare const __VLS_export: <T extends AcceptableBooleanValue = boolean>(__VLS_p
   attrs: any;
   slots: {
     default?: (props: {
-      modelValue: T | undefined;
+      modelValue: (T | undefined) & Exclude<T, undefined>;
     }) => any;
   };
   emit: (evt: "update:modelValue", payload: NonNullable<T>) => void;

package/dist/components/switch/switch-thumb.js

@@ -1 +1 @@
-import{Primitive as e}from"../primitive/primitive.js";import"../primitive/index.js";import{useSwitchRootContext as t,useSwitchUi as n}from"./context.js";import{createBlock as r,defineComponent as i,normalizeClass as a,openBlock as o,renderSlot as s,unref as c,withCtx as l}from"vue";const u=i({name:`SwitchThumb`,__name:`switch-thumb`,props:{asChild:{type:Boolean},as:{default:`span`}},setup(i){let{dataState:u,dataDisabled:d}=t(`SwitchThumb`),f=n(`thumb`);return(t,n)=>(o(),r(c(e),{as:i.as,"as-child":i.asChild,class:a(c(f)),"data-disabled":c(d),"data-state":c(u)},{default:l(()=>[s(t.$slots,`default`)]),_:3},8,[`as`,`as-child`,`class`,`data-disabled`,`data-state`]))}});export{u as default};
+import{Primitive as e}from"../primitive/primitive.js";import"../primitive/index.js";import{useSwitchRootContext as t,useSwitchUi as n}from"./context.js";import{createBlock as r,defineComponent as i,normalizeClass as a,openBlock as o,renderSlot as s,unref as c,withCtx as l}from"vue";const u=i({name:`SwitchThumb`,__name:`switch-thumb`,props:{asChild:{type:Boolean},as:{default:`span`}},setup(i){let{dataState:u,dataDisabled:d}=t(`SwitchThumb`),f=n(`thumb`);return(t,n)=>(o(),r(c(e),{as:i.as,"as-child":i.asChild,"data-soybean-switch-thumb":``,class:a(c(f)),"data-disabled":c(d),"data-state":c(u)},{default:l(()=>[s(t.$slots,`default`)]),_:3},8,[`as`,`as-child`,`class`,`data-disabled`,`data-state`]))}});export{u as default};