@soybeanjs/headless 0.29.0-beta.9 → 0.29.0

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

@@ -0,0 +1,55 @@
+import { DataOrientation, UiClass } from "../../types/common.js";
+import { BaseProps } from "../../types/vue.js";
+//#region src/components/separator/types.d.ts
+/**
+ * Properties for the SeparatorLabel component.
+ */
+interface SeparatorLabelProps extends BaseProps {}
+/**
+ * Properties for the SeparatorRoot component.
+ */
+interface SeparatorRootProps extends BaseProps {
+  /**
+   * Orientation of the component.
+   *
+   * Either `vertical` or `horizontal`. Defaults to `horizontal`.
+   */
+  orientation?: DataOrientation;
+  /**
+   * Whether or not the component is purely decorative. <br>When `true`, accessibility-related attributes are updated so
+   * that that the rendered element is removed from the accessibility tree.
+   */
+  decorative?: boolean;
+}
+/**
+ * Properties for the SeparatorCompact component.
+ */
+interface SeparatorCompactProps extends SeparatorRootProps {
+  /**
+   * Label text rendered by the component.
+   */
+  label?: string;
+  /**
+   * Properties forwarded to the label element.
+   */
+  labelProps?: SeparatorLabelProps;
+}
+/**
+ * Slots for the SeparatorCompact component.
+ */
+type SeparatorCompactSlots = {
+  /**
+   * Custom content for the label slot.
+   */
+  default?: () => any;
+};
+/**
+ * Available UI slots for the Separator component.
+ */
+type SeparatorUiSlot = 'root' | 'label';
+/**
+ * UI class overrides for the Separator component.
+ */
+type SeparatorUi = UiClass<SeparatorUiSlot>;
+//#endregion
+export { SeparatorCompactProps, SeparatorCompactSlots, SeparatorLabelProps, SeparatorRootProps, SeparatorUi, SeparatorUiSlot };

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

@@ -0,0 +1,3 @@
+import { SkeletonProps } from "./types.js";
+import { _default } from "./skeleton.vue.js";
+export { _default as Skeleton, type SkeletonProps };

package/dist/components/skeleton/index.js

@@ -0,0 +1 @@
+import e from"./skeleton.js";export{e as Skeleton};

package/dist/components/skeleton/skeleton.js

@@ -0,0 +1 @@
+import{Primitive as e}from"../primitive/primitive.js";import"../primitive/index.js";import{computed as t,createBlock as n,defineComponent as r,openBlock as i,renderSlot as a,unref as o,useAttrs as s,withCtx as c}from"vue";const l=r({name:`Skeleton`,__name:`skeleton`,props:{asChild:{type:Boolean},as:{}},setup(r){let l=s(),u=t(()=>l[`aria-hidden`]??!0);return(t,s)=>(i(),n(o(e),{"data-soybean-skeleton":``,as:r.as,"as-child":r.asChild,"aria-hidden":u.value},{default:c(()=>[a(t.$slots,`default`)]),_:3},8,[`as`,`as-child`,`aria-hidden`]))}});export{l as default};

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

@@ -0,0 +1,17 @@
+import { SkeletonProps } from "./types.js";
+
+//#region src/components/skeleton/skeleton.vue.d.ts
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<SkeletonProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<SkeletonProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default };

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

@@ -0,0 +1,9 @@
+import { PrimitiveWithBaseProps } from "../primitive/types.js";
+
+//#region src/components/skeleton/types.d.ts
+/**
+ * Properties for the Skeleton component.
+ */
+interface SkeletonProps extends PrimitiveWithBaseProps {}
+//#endregion
+export { SkeletonProps };

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

@@ -0,0 +1,7 @@
+import { UiClass } from "../../types/common.js";
+import { UseUiConsumer } from "../../composables/use-ui-context.js";
+import { SliderUiSlot } from "./types.js";
+//#region src/components/slider/context.d.ts
+declare const provideSliderUi: (ui: import("vue").ComputedRef<Partial<UiClass<SliderUiSlot>>>) => import("vue").ComputedRef<Partial<UiClass<SliderUiSlot>>>, useSliderUi: UseUiConsumer<SliderUiSlot>;
+//#endregion
+export { provideSliderUi };

package/dist/components/slider/context.js

@@ -0,0 +1 @@
+import{useContext as e}from"../../composables/use-context.js";import{useUiContext as t}from"../../composables/use-ui-context.js";import"../../composables/index.js";const[n,r]=e(`SliderRoot`),[i,a]=t(`SliderUi`);export{n as provideSliderRootContext,i as provideSliderUi,r as useSliderRootContext,a as useSliderUi};

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

@@ -0,0 +1,8 @@
+import { SliderCompactEmits, SliderCompactProps, SliderCompactSlotProps, SliderCompactSlots, SliderRangeProps, SliderRootContext, SliderRootEmits, SliderRootProps, SliderSlideDirection, SliderThumbAlignment, SliderThumbProps, SliderTrackProps, SliderUi, SliderUiSlot } from "./types.js";
+import { _default } from "./slider-compact.vue.js";
+import { _default as _default$2 } from "./slider-root.vue.js";
+import { _default as _default$4 } from "./slider-track.vue.js";
+import { _default as _default$1 } from "./slider-range.vue.js";
+import { _default as _default$3 } from "./slider-thumb.vue.js";
+import { provideSliderUi } from "./context.js";
+export { _default as SliderCompact, type SliderCompactEmits, type SliderCompactProps, type SliderCompactSlotProps, type SliderCompactSlots, _default$1 as SliderRange, type SliderRangeProps, _default$2 as SliderRoot, type SliderRootContext, type SliderRootEmits, type SliderRootProps, type SliderSlideDirection, _default$3 as SliderThumb, type SliderThumbAlignment, type SliderThumbProps, _default$4 as SliderTrack, type SliderTrackProps, type SliderUi, type SliderUiSlot, provideSliderUi };

package/dist/components/slider/index.js

@@ -0,0 +1 @@
+import{provideSliderUi as e}from"./context.js";import t from"./slider-range.js";import n from"./slider-root.js";import r from"./slider-thumb.js";import i from"./slider-track.js";import a from"./slider-compact.js";export{a as SliderCompact,t as SliderRange,n as SliderRoot,r as SliderThumb,i as SliderTrack,e as provideSliderUi};

package/dist/components/slider/shared.js

@@ -0,0 +1 @@
+import{interpolate as e}from"../../shared/string.js";import{clamp as t,snapValueToStep as n}from"../../shared/value.js";import"../../shared/index.js";const r=[0],i=[`PageUp`,`PageDown`],a=[`ArrowUp`,`ArrowDown`,`ArrowLeft`,`ArrowRight`],o={"from-left":[`Home`,`PageDown`,`ArrowDown`,`ArrowLeft`],"from-right":[`Home`,`PageDown`,`ArrowDown`,`ArrowRight`],"from-bottom":[`Home`,`PageDown`,`ArrowDown`,`ArrowLeft`],"from-top":[`Home`,`PageUp`,`ArrowUp`,`ArrowLeft`]};function s(e){return typeof e==`number`&&!Number.isNaN(e)?e:0}function c(e,t){return typeof e==`number`&&!Number.isNaN(e)&&e>t?e:Math.max(100,t+1)}function l(e){return typeof e==`number`&&!Number.isNaN(e)&&e>0?e:1}function u(e){return typeof e==`number`&&!Number.isNaN(e)&&e>=0?Math.floor(e):0}function d(e,t){return Array.isArray(e)&&e.length>0?e:t?.length?t:r}function f(e,t){return[...d(e,t.defaultValue)].map(e=>n(e,t.min,t.max,t.step)).sort((e,t)=>e-t)}function p(e,t){return e===t?!0:!e||!t||e.length!==t.length?!1:e.every((e,n)=>e===t[n])}function m(e,t,n){let r=[...e];return r[n]=t,r.sort((e,t)=>e-t)}function h(e,t){if(e.length<=1)return 0;let n=e.map(e=>Math.abs(e-t)),r=Math.min(...n);return n.indexOf(r)}function g(e,t){return n=>{if(e[0]===e[1]||t[0]===t[1])return t[0];let r=(t[1]-t[0])/(e[1]-e[0]);return t[0]+r*(n-e[0])}}function _(e){return e.slice(0,-1).map((t,n)=>e[n+1]-t)}function v(e,t){if(t<=0)return!0;let n=_(e);return Math.min(...n)>=t}function y(e,n,r){let i=r-n;return i<=0?0:t((e-n)/i*100,0,100)}function b(e,t,n){let r=e/2;return(r-g([0,50],[0,r])(t)*n)*n}function x(t,n,r){if(n>2)return e(r.valueN,{index:String(t+1),total:String(n)});if(n===2)return[r.minimum,r.maximum][t]}function S(e,t,n){return e===`vertical`?n?{startEdge:`top`,endEdge:`bottom`,slideDirection:`from-top`}:{startEdge:`bottom`,endEdge:`top`,slideDirection:`from-bottom`}:t===`ltr`&&!n||t===`rtl`&&n?{startEdge:`left`,endEdge:`right`,slideDirection:`from-left`}:{startEdge:`right`,endEdge:`left`,slideDirection:`from-right`}}function C(e,n,r){let i=r.orientation===`horizontal`?n.width:n.height;if(i<=0)return r.min;let a=t((r.orientation===`horizontal`?r.startEdge===`left`?e.clientX-n.left:n.right-e.clientX:r.startEdge===`bottom`?n.bottom-e.clientY:e.clientY-n.top)/i,0,1);return r.min+a*(r.max-r.min)}export{a as ARROW_KEYS,o as BACK_KEYS,i as PAGE_KEYS,y as convertValueToPercentage,h as getClosestValueIndex,m as getNextSortedValues,S as getSliderSideState,C as getSliderValueFromPointer,b as getThumbInBoundsOffset,x as getThumbLabel,u as getValidMinStepsBetweenThumbs,c as getValidSliderMax,s as getValidSliderMin,l as getValidSliderStep,v as hasMinStepsBetweenValues,p as isSliderValuesEqual,f as normalizeSliderValues};

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

@@ -0,0 +1 @@
+import{useForwardListeners as e}from"../../composables/use-forward-listeners.js";import{useOmitProps as t}from"../../composables/use-props.js";import"../../composables/index.js";import n from"./slider-range.js";import r from"./slider-root.js";import i from"./slider-thumb.js";import a from"./slider-track.js";import{Fragment as o,createBlock as s,createElementBlock as c,createVNode as l,defineComponent as u,guardReactiveProps as d,mergeProps as f,normalizeProps as p,openBlock as m,renderList as h,renderSlot as g,toHandlers as _,unref as v,withCtx as y}from"vue";const b=u({name:`SliderCompact`,__name:`slider-compact`,props:{trackProps:{},rangeProps:{},thumbProps:{},modelValue:{},defaultValue:{},disabled:{type:Boolean},orientation:{},dir:{},inverted:{type:Boolean},min:{},max:{},step:{},minStepsBetweenThumbs:{},thumbAlignment:{},name:{},required:{type:Boolean},asChild:{type:Boolean},as:{}},emits:[`update:modelValue`,`valueCommit`],setup(u,{emit:b}){let x=u,S=b,C=t(x,[`trackProps`,`rangeProps`,`thumbProps`]),w=e(S);return(e,t)=>(m(),s(r,f(v(C),_(v(w))),{default:y(({modelValue:t})=>[l(a,p(d(u.trackProps)),{default:y(()=>[l(n,p(d(u.rangeProps)),null,16)]),_:1},16),(m(!0),c(o,null,h(t,(n,r)=>(m(),s(i,f({key:`${r}-${n}`},{ref_for:!0},u.thumbProps,{index:r}),{default:y(()=>[g(e.$slots,`default`,{index:r,modelValue:t,value:n})]),_:2},1040,[`index`]))),128))]),_:3},16))}});export{b as default};

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

@@ -0,0 +1,20 @@
+import { SliderCompactProps, SliderCompactSlots } from "./types.js";
+
+//#region src/components/slider/slider-compact.vue.d.ts
+type __VLS_Slots = SliderCompactSlots;
+declare const __VLS_base: import("vue").DefineComponent<SliderCompactProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+  "update:modelValue": (value: number[]) => any;
+  valueCommit: (value: number[]) => any;
+}, string, import("vue").PublicProps, Readonly<SliderCompactProps> & Readonly<{
+  "onUpdate:modelValue"?: ((value: number[]) => any) | undefined;
+  onValueCommit?: ((value: number[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default };

package/dist/components/slider/slider-range.js

@@ -0,0 +1 @@
+import{Primitive as e}from"../primitive/primitive.js";import"../primitive/index.js";import{useSliderRootContext as t,useSliderUi as n}from"./context.js";import{computed as r,createBlock as i,defineComponent as a,normalizeClass as o,normalizeStyle as s,openBlock as c,renderSlot as l,unref as u,withCtx as d}from"vue";const f=a({name:`SliderRange`,__name:`slider-range`,props:{asChild:{type:Boolean},as:{}},setup(a){let f=n(`range`),{currentModelValue:p,disabled:m,orientation:h,startEdge:g,endEdge:_,getPercentage:v}=t(`SliderRange`),y=r(()=>p.value.map(e=>v(e))),b=r(()=>p.value.length>1?Math.min(...y.value):0),x=r(()=>100-Math.max(...y.value,0)),S=r(()=>({[g.value]:`${b.value}%`,[_.value]:`${x.value}%`}));return(t,n)=>(c(),i(u(e),{as:a.as,"as-child":a.asChild,"data-soybean-slider-range":``,class:o(u(f)),"data-disabled":u(m)?``:void 0,"data-orientation":u(h),style:s(S.value)},{default:d(()=>[l(t.$slots,`default`)]),_:3},8,[`as`,`as-child`,`class`,`data-disabled`,`data-orientation`,`style`]))}});export{f as default};

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

@@ -0,0 +1,17 @@
+import { SliderRangeProps } from "./types.js";
+
+//#region src/components/slider/slider-range.vue.d.ts
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<SliderRangeProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<SliderRangeProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default };

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

@@ -0,0 +1 @@
+import{snapValueToStep as e}from"../../shared/value.js";import{isFormControl as t}from"../../shared/vue.js";import{useDirection as n}from"../config-provider/context.js";import{useLocaleMessages as r}from"../../locale/hooks.js";import"../../locale/index.js";import"../../shared/index.js";import{useControllableState as i}from"../../composables/use-controllable-state.js";import{useForwardElement as a}from"../../composables/use-forward-element.js";import"../../composables/index.js";import{Primitive as o}from"../primitive/primitive.js";import"../primitive/index.js";import ee from"../visually-hidden/visually-hidden-input.js";import"../visually-hidden/index.js";import{provideSliderRootContext as te,useSliderUi as ne}from"./context.js";import{ARROW_KEYS as s,BACK_KEYS as re,PAGE_KEYS as c,convertValueToPercentage as ie,getClosestValueIndex as ae,getNextSortedValues as oe,getSliderSideState as se,getSliderValueFromPointer as ce,getThumbLabel as le,getValidMinStepsBetweenThumbs as ue,getValidSliderMax as de,getValidSliderMin as fe,getValidSliderStep as pe,hasMinStepsBetweenValues as me,isSliderValuesEqual as l,normalizeSliderValues as he}from"./shared.js";import{computed as u,createBlock as d,createCommentVNode as ge,defineComponent as f,nextTick as _e,normalizeClass as ve,onBeforeUnmount as ye,openBlock as p,renderSlot as be,shallowRef as m,unref as h,watch as g,withCtx as xe}from"vue";const _=f({name:`SliderRoot`,__name:`slider-root`,props:{modelValue:{default:void 0},defaultValue:{default:()=>[0]},disabled:{type:Boolean,default:!1},orientation:{default:`horizontal`},dir:{default:void 0},inverted:{type:Boolean,default:!1},min:{default:0},max:{default:100},step:{default:1},minStepsBetweenThumbs:{default:0},thumbAlignment:{default:`contain`},name:{},required:{type:Boolean},asChild:{type:Boolean},as:{}},emits:[`update:modelValue`,`valueCommit`],setup(f,{emit:_}){let v=f,y=_,[Se,Ce]=a(),we=ne(`root`),Te=r(),b=i(()=>v.modelValue,e=>{y(`update:modelValue`,e)},v.defaultValue),x=n(()=>v.dir),S=u(()=>v.disabled),Ee=u(()=>S.value?``:void 0),C=u(()=>v.orientation===`vertical`?`vertical`:`horizontal`),w=u(()=>v.inverted),T=u(()=>fe(v.min)),E=u(()=>de(v.max,T.value)),D=u(()=>pe(v.step)),O=u(()=>ue(v.minStepsBetweenThumbs)),De=u(()=>v.thumbAlignment===`overflow`?`overflow`:`contain`),k=u(()=>he(b.value,{defaultValue:v.defaultValue,min:T.value,max:E.value,step:D.value})),A=m(),j=u(()=>A.value??k.value),Oe=u(()=>t(Se.value)),ke=u(()=>C.value===`horizontal`),M=u(()=>se(C.value,x.value,w.value)),N=u(()=>M.value.startEdge),Ae=u(()=>M.value.endEdge),P=u(()=>M.value.slideDirection),F=m(0),I=m(),L=m([]),R=m(0),z=m(null),B=m(j.value);function je(e){I.value!==e&&(I.value=e)}function Me(e,t){if(L.value[e]===t)return;let n=[...L.value];n[e]=t,L.value=n}function Ne(e){return ie(e,T.value,E.value)}function V(e){_e(()=>{L.value[e]?.focus()})}function H(e){return ae(j.value,e)}function U(e){return z.value===e}let W=null;function G(){W?.(),W=null}function K(e){G();let t=e=>{X(e)},n=e=>{Z(e.pointerId)};e.addEventListener(`pointermove`,t),e.addEventListener(`pointerup`,n),e.addEventListener(`pointercancel`,n),W=()=>{e.removeEventListener(`pointermove`,t),e.removeEventListener(`pointerup`,n),e.removeEventListener(`pointercancel`,n)}}function q(){let e=A.value??j.value;l(B.value,e)||y(`valueCommit`,[...e])}function J(t,n,r={}){let i=e(t,T.value,E.value,D.value),a=oe(j.value,i,n);if(!me(a,O.value*D.value))return;let o=a.indexOf(i);if(F.value=o,l(a,j.value)){r.focus&&V(o),r.commit&&q();return}A.value=a,b.value=a,r.focus&&V(o),r.commit&&(y(`valueCommit`,[...a]),B.value=a,A.value=void 0)}function Y(e){return I.value?ce(e,I.value.getBoundingClientRect(),{min:T.value,max:E.value,orientation:C.value,startEdge:N.value}):null}function Pe(e){let t=Y(e);S.value||t===null||(z.value=e.pointerId,I.value?.ownerDocument&&K(I.value.ownerDocument),B.value=[...j.value],R.value=0,J(t,H(t),{focus:!0}))}function Fe(e,t){if(S.value)return;z.value=t.pointerId,I.value?.ownerDocument&&K(I.value.ownerDocument),B.value=[...j.value],F.value=e,V(e);let n=Y(t);R.value=n===null?0:j.value[e]-n}function X(e){let t=Y(e);S.value||t===null||!U(e.pointerId)||J(t+R.value,F.value)}function Z(e){if(S.value||typeof e==`number`&&!U(e))return;let t=A.value??j.value;z.value=null,G(),R.value=0,q(),B.value=[...t],A.value=void 0}function Q(e,t,n=1){let r=j.value[e];S.value||typeof r!=`number`||J(r+D.value*t*n,e,{commit:!0,focus:!0})}function $(e,t){J(t===`min`?T.value:E.value,e,{commit:!0,focus:!0})}function Ie(e){if(S.value||typeof F.value!=`number`)return;if(e.key===`Home`){e.preventDefault(),$(F.value,`min`);return}if(e.key===`End`){e.preventDefault(),$(F.value,`max`);return}if(!c.concat(s).includes(e.key))return;e.preventDefault();let t=re[P.value].includes(e.key),n=c.includes(e.key)||e.shiftKey&&s.includes(e.key)?10:1;Q(F.value,t?-1:1,n)}return te({modelValue:b,currentModelValue:j,disabled:S,orientation:C,dir:x,inverted:w,min:T,max:E,step:D,minStepsBetweenThumbs:O,thumbAlignment:De,isHorizontal:ke,startEdge:N,endEdge:Ae,slideDirection:P,activeThumbIndex:F,trackElement:I,thumbElements:L,setTrackElement:je,setThumbElement:Me,getPercentage:Ne,getClosestValueIndex:H,getThumbLabel:e=>le(e,j.value.length,Te.value.slider),beginTrackDrag:Pe,beginThumbDrag:Fe,moveDrag:X,endDrag:Z,stepValue:Q,setToLimit:$}),g(k,e=>{l(e,b.value)||(b.value=e),A.value&&l(e,A.value)&&(A.value=void 0)},{immediate:!0}),g(()=>j.value.length,e=>{L.value=L.value.slice(0,e)}),ye(()=>{G()}),(e,t)=>(p(),d(h(o),{ref:h(Ce),as:f.as,"as-child":f.asChild,"data-soybean-slider-root":``,class:ve(h(we)),dir:h(x),"data-disabled":Ee.value,"data-orientation":C.value,onKeydown:Ie},{default:xe(()=>[be(e.$slots,`default`,{modelValue:j.value}),Oe.value&&f.name?(p(),d(h(ee),{key:0,type:`number`,name:f.name,value:j.value,disabled:S.value,required:f.required},null,8,[`name`,`value`,`disabled`,`required`])):ge(`v-if`,!0)]),_:3},8,[`as`,`as-child`,`class`,`dir`,`data-disabled`,`data-orientation`]))}});export{_ as default};

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

@@ -0,0 +1,37 @@
+import { DataOrientation, Direction } from "../../types/common.js";
+import { SliderRootProps, SliderThumbAlignment } from "./types.js";
+//#region src/components/slider/slider-root.vue.d.ts
+declare var __VLS_10: {
+  modelValue: number[];
+};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_10) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<SliderRootProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+  "update:modelValue": (value: number[]) => any;
+  valueCommit: (value: number[]) => any;
+}, string, import("vue").PublicProps, Readonly<SliderRootProps> & Readonly<{
+  "onUpdate:modelValue"?: ((value: number[]) => any) | undefined;
+  onValueCommit?: ((value: number[]) => any) | undefined;
+}>, {
+  disabled: boolean;
+  max: number;
+  min: number;
+  orientation: DataOrientation;
+  dir: Direction;
+  step: number;
+  modelValue: number[];
+  defaultValue: number[];
+  inverted: boolean;
+  minStepsBetweenThumbs: number;
+  thumbAlignment: SliderThumbAlignment;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default };

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

@@ -0,0 +1 @@
+import{useForwardElement as e}from"../../composables/use-forward-element.js";import"../../composables/index.js";import{Primitive as t}from"../primitive/primitive.js";import"../primitive/index.js";import{useSliderRootContext as n,useSliderUi as r}from"./context.js";import{getThumbInBoundsOffset as i}from"./shared.js";import{computed as a,createBlock as o,defineComponent as s,normalizeClass as c,normalizeStyle as l,openBlock as u,renderSlot as d,unref as f,useAttrs as p,withCtx as m}from"vue";import{useElementSize as h}from"@vueuse/core";const g=s({name:`SliderThumb`,__name:`slider-thumb`,props:{index:{},asChild:{type:Boolean},as:{}},setup(s){let g=s,_=p(),v=r(`thumb`),{currentModelValue:y,disabled:b,orientation:x,min:S,max:C,startEdge:w,isHorizontal:T,thumbAlignment:E,activeThumbIndex:D,getPercentage:O,getThumbLabel:k,setThumbElement:A,beginThumbDrag:j}=n(`SliderThumb`),[M,N]=e(e=>{A(g.index,e)}),{width:P,height:F}=h(M),I=a(()=>y.value[g.index]),L=a(()=>O(I.value??S.value)),R=a(()=>k(g.index)),z=a(()=>{let e=_[`aria-label`];return typeof e==`string`?e:R.value});function B(e,t){return e?`${t===`right`&&E.value===`overflow`?`translateX(50%)`:`translateX(-50%)`} translateY(-50%)`:`translateX(-50%) ${t===`top`&&E.value===`overflow`?`translateY(-50%)`:`translateY(50%)`}`}let V=a(()=>{if(E.value===`overflow`)return 0;let e=T.value?P.value:F.value;if(!e)return 0;let t=T.value?w.value===`left`?1:-1:w.value===`bottom`?1:-1;return i(e,L.value,t)}),H=a(()=>{let e=B(T.value,w.value);return{position:`absolute`,...T.value?{top:`50%`}:{left:`50%`},[w.value]:`calc(${L.value}% + ${V.value}px)`,transform:e}});function U(e){b.value||(e.preventDefault(),e.stopPropagation(),e.currentTarget.focus(),j(g.index,e))}function W(){D.value=g.index}return(e,n)=>(u(),o(f(t),{ref:f(N),as:s.as,"as-child":s.asChild,"data-soybean-slider-thumb":``,class:c(f(v)),"data-disabled":f(b)?``:void 0,"data-orientation":f(x),"aria-disabled":f(b)||void 0,"aria-label":z.value,"aria-valuenow":I.value,"aria-valuemin":f(S),"aria-valuemax":f(C),"aria-orientation":f(x),tabindex:f(b)?void 0:0,role:`slider`,style:l(H.value),onFocus:W,onPointerdown:U},{default:m(()=>[d(e.$slots,`default`)]),_:3},8,[`as`,`as-child`,`class`,`data-disabled`,`data-orientation`,`aria-disabled`,`aria-label`,`aria-valuenow`,`aria-valuemin`,`aria-valuemax`,`aria-orientation`,`tabindex`,`style`]))}});export{g as default};

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

@@ -0,0 +1,17 @@
+import { SliderThumbProps } from "./types.js";
+
+//#region src/components/slider/slider-thumb.vue.d.ts
+declare var __VLS_11: {};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_11) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<SliderThumbProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<SliderThumbProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default };

package/dist/components/slider/slider-track.js

@@ -0,0 +1 @@
+import{useForwardElement as e}from"../../composables/use-forward-element.js";import"../../composables/index.js";import{Primitive as t}from"../primitive/primitive.js";import"../primitive/index.js";import{useSliderRootContext as n,useSliderUi as r}from"./context.js";import{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:`SliderTrack`,__name:`slider-track`,props:{asChild:{type:Boolean},as:{}},setup(a){let d=r(`track`),{disabled:f,orientation:p,setTrackElement:m,beginTrackDrag:h}=n(`SliderTrack`),g=e(e=>{m(e)})[1];function _(e){f.value||(e.preventDefault(),h(e))}return(e,n)=>(s(),i(l(t),{ref:l(g),as:a.as,"as-child":a.asChild,"data-soybean-slider-track":``,class:o(l(d)),"data-disabled":l(f)?``:void 0,"data-orientation":l(p),onPointerdown:_},{default:u(()=>[c(e.$slots,`default`)]),_:3},8,[`as`,`as-child`,`class`,`data-disabled`,`data-orientation`]))}});export{d as default};

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

@@ -0,0 +1,17 @@
+import { SliderTrackProps } from "./types.js";
+
+//#region src/components/slider/slider-track.vue.d.ts
+declare var __VLS_10: {};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_10) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<SliderTrackProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<SliderTrackProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default };

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

@@ -0,0 +1,206 @@
+import { DataOrientation, Direction, Side, UiClass } from "../../types/common.js";
+import { FormFieldCommonProps } from "../../types/component.js";
+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
+/**
+ * Type information for SliderThumbAlignment.
+ */
+type SliderThumbAlignment = 'contain' | 'overflow';
+/**
+ * Properties for the SliderRoot component.
+ */
+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. */
+  defaultValue?: number[];
+  /** Whether the slider is disabled. */
+  disabled?: boolean;
+  /** The orientation of the slider. */
+  orientation?: DataOrientation;
+  /** The reading direction of the slider. */
+  dir?: Direction;
+  /** Whether the slider value direction is inverted. */
+  inverted?: boolean;
+  /** The minimum value. */
+  min?: number;
+  /** The maximum value. */
+  max?: number;
+  /** The stepping interval. */
+  step?: number;
+  /** The minimum permitted steps between multiple thumbs. */
+  minStepsBetweenThumbs?: number;
+  /** Whether thumbs stay within the track bounds or may overflow it. */
+  thumbAlignment?: SliderThumbAlignment;
+}
+/**
+ * Events for the SliderRoot component.
+ */
+type SliderRootEmits = {
+  /** Event handler called when the slider value changes. */'update:modelValue': [value: number[]]; /** Event handler called when a slider interaction is committed. */
+  valueCommit: [value: number[]];
+};
+/**
+ * Properties for the SliderTrack component.
+ */
+interface SliderTrackProps extends PrimitiveWithBaseProps {}
+/**
+ * Properties for the SliderRange component.
+ */
+interface SliderRangeProps extends PrimitiveWithBaseProps {}
+/**
+ * Properties for the SliderThumb component.
+ */
+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.
+ */
+type SliderCompactSlots = {
+  /**
+   * Custom content for the default slot.
+   */
+  default?: (props: SliderCompactSlotProps) => any;
+};
+/**
+ * Type information for SliderSlideDirection.
+ */
+type SliderSlideDirection = 'from-left' | 'from-right' | 'from-bottom' | 'from-top';
+/**
+ * Context for the SliderRoot component.
+ */
+interface SliderRootContext extends PropsToContext<SliderRootProps, 'disabled' | 'orientation' | 'dir' | 'inverted' | 'min' | 'max' | 'step' | 'minStepsBetweenThumbs' | 'thumbAlignment'> {
+  /**
+   * Current model value.
+   */
+  modelValue: ShallowRef<number[] | undefined>;
+  /**
+   * Current model value used by the component context.
+   */
+  currentModelValue: ComputedRef<number[]>;
+  /**
+   * Whether the orientation is horizontal.
+   */
+  isHorizontal: ComputedRef<boolean>;
+  /**
+   * Start edge used by the component context.
+   */
+  startEdge: ComputedRef<Side>;
+  /**
+   * End edge used by the component context.
+   */
+  endEdge: ComputedRef<Side>;
+  /**
+   * Slide direction used by the component context.
+   */
+  slideDirection: ComputedRef<SliderSlideDirection>;
+  /**
+   * Active thumb index used by the component context.
+   */
+  activeThumbIndex: ShallowRef<number>;
+  /**
+   * Track element used by the component context.
+   */
+  trackElement: ShallowRef<HTMLElement | undefined>;
+  /**
+   * Thumb elements used by the component context.
+   */
+  thumbElements: ShallowRef<(HTMLElement | undefined)[]>;
+  /**
+   * Set track element used by the component context.
+   */
+  setTrackElement: (el: HTMLElement) => void;
+  /**
+   * Set thumb element used by the component context.
+   */
+  setThumbElement: (index: number, el: HTMLElement) => void;
+  /**
+   * Get percentage used by the component context.
+   */
+  getPercentage: (value: number) => number;
+  /**
+   * Get closest value index used by the component context.
+   */
+  getClosestValueIndex: (value: number) => number;
+  /**
+   * Get thumb label used by the component context.
+   */
+  getThumbLabel: (index: number) => string | undefined;
+  /**
+   * Begin track drag used by the component context.
+   */
+  beginTrackDrag: (event: PointerEvent) => void;
+  /**
+   * Begin thumb drag used by the component context.
+   */
+  beginThumbDrag: (index: number, event: PointerEvent) => void;
+  /**
+   * Move drag used by the component context.
+   */
+  moveDrag: (event: PointerEvent) => void;
+  /**
+   * End drag used by the component context.
+   */
+  endDrag: (pointerId?: number) => void;
+  /**
+   * Step value used by the component context.
+   */
+  stepValue: (index: number, direction: number, multiplier?: number) => void;
+  /**
+   * Set to limit used by the component context.
+   */
+  setToLimit: (index: number, limit: 'min' | 'max') => void;
+}
+/**
+ * Available UI slots for the Slider component.
+ */
+type SliderUiSlot = 'root' | 'track' | 'range' | 'thumb';
+/**
+ * UI class overrides for the Slider component.
+ */
+type SliderUi = UiClass<SliderUiSlot>;
+//#endregion
+export { SliderCompactEmits, SliderCompactProps, SliderCompactSlotProps, SliderCompactSlots, SliderRangeProps, SliderRootContext, SliderRootEmits, SliderRootProps, SliderSlideDirection, SliderThumbAlignment, SliderThumbProps, SliderTrackProps, SliderUi, SliderUiSlot };

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

@@ -0,0 +1,2 @@
+import { Slot } from "./slot.js";
+export { Slot };

package/dist/components/slot/index.js

@@ -0,0 +1 @@
+import{Slot as e}from"./slot.js";export{e as Slot};

package/dist/components/slot/slot.d.ts

@@ -0,0 +1,4 @@
+//#region src/components/slot/slot.d.ts
+declare const Slot: import("vue").DefineSetupFnComponent<Record<string, any>, {}, {}, Record<string, any> & {}, import("vue").PublicProps>;
+//#endregion
+export { Slot };

package/dist/components/slot/slot.js

@@ -0,0 +1 @@
+import{getRawChildren as e}from"../../shared/vue.js";import"../../shared/index.js";import{Comment as t,cloneVNode as n,defineComponent as r}from"vue";const i=r((r,{slots:i,attrs:a})=>()=>{if(!i.default)return null;let r=e(i.default());if(!r?.length)return null;let o=r.find(e=>e.type!==t);return o?n(o,a,!0):null},{name:`Slot`});export{i as Slot};

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

@@ -0,0 +1,7 @@
+import { UiClass } from "../../types/common.js";
+import { UseUiConsumer } from "../../composables/use-ui-context.js";
+import { SplitterUiSlot } from "./types.js";
+//#region src/components/splitter/context.d.ts
+declare const provideSplitterUi: (ui: import("vue").ComputedRef<Partial<UiClass<SplitterUiSlot>>>) => import("vue").ComputedRef<Partial<UiClass<SplitterUiSlot>>>, useSplitterUi: UseUiConsumer<SplitterUiSlot>;
+//#endregion
+export { provideSplitterUi };

package/dist/components/splitter/context.js

@@ -0,0 +1 @@
+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/index.d.ts

@@ -0,0 +1,6 @@
+import { SplitterGroupContext, SplitterGroupEmits, SplitterGroupProps, SplitterPanelEmits, SplitterPanelProps, SplitterResizeHandleEmits, SplitterResizeHandleProps, SplitterUi, SplitterUiSlot } from "./types.js";
+import { _default } from "./splitter-group.vue.js";
+import { _default as _default$1 } from "./splitter-panel.vue.js";
+import { _default as _default$2 } from "./splitter-resize-handle.vue.js";
+import { provideSplitterUi } from "./context.js";
+export { _default as SplitterGroup, type SplitterGroupContext, type SplitterGroupEmits, type SplitterGroupProps, _default$1 as SplitterPanel, type SplitterPanelEmits, type SplitterPanelProps, _default$2 as SplitterResizeHandle, type SplitterResizeHandleEmits, type SplitterResizeHandleProps, type SplitterUi, type SplitterUiSlot, provideSplitterUi };

package/dist/components/splitter/index.js

@@ -0,0 +1 @@
+import{provideSplitterUi as e}from"./context.js";import t from"./splitter-group.js";import n from"./splitter-panel.js";import r from"./splitter-resize-handle.js";export{t as SplitterGroup,n as SplitterPanel,r as SplitterResizeHandle,e as provideSplitterUi};

package/dist/components/splitter/shared.js

@@ -0,0 +1 @@
+import{clamp as e}from"../../shared/value.js";import"../../shared/index.js";const t=.01;function n(e){return Number(e.toFixed(3))}function r(t){return e(t.minSize.value,0,100)}function i(t){return e(t.collapsedSize.value,0,100)}function a(t,n){return e(t.maxSize.value,n,100)}function o(e){return e.collapsible.value?Math.min(r(e),i(e)):r(e)}function s(o,s){if(!s.collapsible.value)return e(o,r(s),a(s,r(s)));let c=i(s),l=r(s),u=e(o,c,a(s,l));return u<=c+t?n(c):n(u<l?u<=c+(l-c)/2?c:l:u)}function c(e,i,o){if(Math.abs(o)<=t)return e;let s=[...e],c=o,l=0;for(;Math.abs(c)>t&&l<20;){l+=1;let e=s.map((e,n)=>{let o=i[n];if(!o)return null;let s=r(o),l=a(o,s),u=c>0?l-e:e-s;return u<=t?null:{index:n,room:u}}).filter(Boolean);if(e.length===0)break;for(let t=0;t<e.length;t+=1){let r=e[t];if(!r)continue;let i=e.length-t,a=c/i,o=c>0?Math.min(a,r.room):-Math.min(-a,r.room);s[r.index]=n(s[r.index]+o),c-=o}}if(Math.abs(c)>t){let e=s.findIndex((e,n)=>{let o=i[n];return o?c>0?a(o,r(o))-s[n]>t:s[n]-r(o)>t:!1});e>=0&&(s[e]=n(s[e]+c))}return s}function l(e,i){let o=[...e],s=n(100-o.reduce((e,t)=>e+t,0));if(Math.abs(s)<=t)return o.map(n);let c=o.findIndex((e,n)=>{let o=i[n];if(!o)return!1;let c=r(o),l=a(o,c),u=e+s;return u>=c-t&&u<=l+t});return c>=0&&(o[c]=n(o[c]+s)),o.map(n)}function u(e){return[...e].sort((e,t)=>{let n=e.order.value,r=t.order.value;return n==null&&r==null?e.registrationIndex-t.registrationIndex:n==null?-1:r==null?1:n===r?e.registrationIndex-t.registrationIndex:n-r})}function d(e,n){return e.length===n.length?e.every((e,r)=>Math.abs(e-(n[r]??0))<=t):!1}function f(e,r){if(e.length===0)return[];let i=e.map(e=>r?.get(e.id)??e.defaultSize.value),a=i.reduce((e,t)=>e+(t??0),0),o=i.filter(e=>e===void 0).length,s=o>0?Math.max(100-a,0)/o:0,c=i.map(e=>e??s),l=c.reduce((e,t)=>e+t,0);return l<=t?e.map(()=>n(100/e.length)):c.map(e=>n(e/l*100))}function p(t,i){if(i.length===0)return[];let o=t.map((t,o)=>{let s=i[o],c=r(s);return n(e(t,c,a(s,c)))}),s=o.reduce((e,t)=>e+t,0);return o=c(o,i,n(100-s)),l(o,i)}function m(t,i,c,l){let u=i[c],d=i[c+1];if(!u||!d)return t;let f=t[c]+t[c+1],p=o(u),m=o(d),h=Math.min(a(u,r(u)),f-m),g=Math.min(a(d,r(d)),f-p),_=s(t[c]+l,u);_=e(_,p,h);let v=s(f-_,d);v=e(v,m,g),_=e(f-v,p,h),_=s(_,u),v=n(f-_);let y=[...t];return y[c]=n(_),y[c+1]=n(v),y}function h(e,n){if(!(!n.collapsible.value||e===void 0))return e<=i(n)+t?`collapsed`:`expanded`}function g(e,t=100){let i=o(e),s=Math.min(a(e,r(e)),t);return{min:n(i),max:n(s)}}export{d as areLayoutsEqual,f as getDefaultLayout,g as getPanelBounds,h as getPanelState,p as normalizeLayout,m as resizeLayoutPair,u as sortPanels};

package/dist/components/splitter/splitter-group.js

@@ -0,0 +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{areLayoutsEqual as r,getDefaultLayout as i,getPanelBounds as a,getPanelState as o,normalizeLayout as s,resizeLayoutPair as c,sortPanels as l}from"./shared.js";import{provideSplitterGroupContext as u,useSplitterUi as d}from"./context.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=d(`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(()=>l(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],s=j.value[r.id];r.onResize(a,s);let c=o(a,r)===`collapsed`,l=M.value[r.id];c!==l&&(c?r.onCollapse():l!==void 0&&r.onExpand()),c||(N.value={...N.value,[r.id]:a}),t[r.id]=a,n[r.id]=c}),j.value=t,M.value=n}function H(e){r(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(s(C.defaultLayout?.length===R.value.length?C.defaultLayout:i(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(c(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 a(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?o(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}=u({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

@@ -0,0 +1,28 @@
+import { DataOrientation, Direction } from "../../types/common.js";
+import { SplitterGroupProps } from "./types.js";
+//#region src/components/splitter/splitter-group.vue.d.ts
+declare var __VLS_8: {
+  layout: number[];
+};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<SplitterGroupProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+  layout: (value: number[]) => any;
+}, string, import("vue").PublicProps, Readonly<SplitterGroupProps> & Readonly<{
+  onLayout?: ((value: number[]) => any) | undefined;
+}>, {
+  direction: DataOrientation;
+  dir: Direction;
+  defaultLayout: number[];
+  keyboardResizeBy: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default };

package/dist/components/splitter/splitter-panel.js

@@ -0,0 +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:{}},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};