@soybeanjs/headless 0.29.0-beta.9 → 0.29.0

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

@@ -0,0 +1,48 @@
+import { SplitterPanelProps } from "./types.js";
+
+//#region src/components/splitter/splitter-panel.vue.d.ts
+declare function collapse(): void;
+declare function expand(): void;
+declare function resize(sizeValue: number): void;
+declare var __VLS_8: {
+  isCollapsed: boolean;
+  isExpanded: boolean;
+  collapse: typeof collapse;
+  expand: typeof expand;
+  resize: typeof resize;
+};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<SplitterPanelProps, {
+  collapse: typeof collapse;
+  expand: typeof expand;
+  getSize: () => number | undefined;
+  resize: typeof resize;
+  isCollapsed: import("vue").ComputedRef<boolean>;
+  isExpanded: import("vue").ComputedRef<boolean>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+  resize: (size: number, prevSize: number | undefined) => any;
+  collapse: () => any;
+  expand: () => any;
+}, string, import("vue").PublicProps, Readonly<SplitterPanelProps> & Readonly<{
+  onResize?: ((size: number, prevSize: number | undefined) => any) | undefined;
+  onCollapse?: (() => any) | undefined;
+  onExpand?: (() => any) | undefined;
+}>, {
+  collapsible: boolean;
+  order: number;
+  defaultSize: number;
+  collapsedSize: number;
+  maxSize: number;
+  minSize: 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-resize-handle.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{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

@@ -0,0 +1,27 @@
+import { SplitterResizeHandleProps } from "./types.js";
+
+//#region src/components/splitter/splitter-resize-handle.vue.d.ts
+declare var __VLS_15: {
+  active: boolean;
+  focused: boolean;
+};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_15) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<SplitterResizeHandleProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+  dragging: (value: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<SplitterResizeHandleProps> & Readonly<{
+  onDragging?: ((value: boolean) => any) | undefined;
+}>, {
+  disabled: boolean;
+  tabindex: 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/types.d.ts

@@ -0,0 +1,241 @@
+import { DataOrientation, Direction, UiClass } from "../../types/common.js";
+import { PropsToContext } from "../../types/vue.js";
+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 PrimitiveWithBaseProps {
+  /**
+   * The orientation of the splitter group.
+   *
+   * Either `horizontal` or `vertical`. Defaults to `horizontal`.
+   */
+  direction?: DataOrientation;
+  /**
+   * The reading direction of the splitter group.
+   */
+  dir?: Direction;
+  /**
+   * The initial layout percentages for the panels.
+   */
+  defaultLayout?: number[];
+  /**
+   * The percentage step size used for keyboard resizing.
+   */
+  keyboardResizeBy?: number;
+}
+/**
+ * Events for the SplitterGroup component.
+ */
+type SplitterGroupEmits = {
+  /**
+   * Event handler called when the group layout changes.
+   */
+  layout: [value: number[]];
+};
+/**
+ * Properties for the SplitterPanel component.
+ */
+interface SplitterPanelProps extends PrimitiveWithBaseProps {
+  /**
+   * The initial size of the panel as a percentage of the group.
+   */
+  defaultSize?: number;
+  /**
+   * Whether the panel can collapse.
+   */
+  collapsible?: boolean;
+  /**
+   * The size of the panel when collapsed.
+   */
+  collapsedSize?: number;
+  /**
+   * The maximum size of the panel.
+   */
+  maxSize?: number;
+  /**
+   * The minimum size of the panel when expanded.
+   */
+  minSize?: number;
+  /**
+   * The order of the panel within the group.
+   */
+  order?: number;
+}
+/**
+ * Events for the SplitterPanel component.
+ */
+type SplitterPanelEmits = {
+  /**
+   * Event handler called when the panel collapses.
+   */
+  collapse: [];
+  /**
+   * Event handler called when the panel expands.
+   */
+  expand: [];
+  /**
+   * Event handler called when the panel size changes.
+   */
+  resize: [size: number, prevSize: number | undefined];
+};
+/**
+ * Properties for the SplitterResizeHandle component.
+ */
+interface SplitterResizeHandleProps extends PrimitiveWithBaseProps {
+  /**
+   * Whether the resize handle is disabled.
+   */
+  disabled?: boolean;
+  /**
+   * The tabindex of the resize handle.
+   */
+  tabindex?: number;
+}
+/**
+ * Events for the SplitterResizeHandle component.
+ */
+type SplitterResizeHandleEmits = {
+  /**
+   * Event handler called when dragging state changes.
+   */
+  dragging: [value: boolean];
+};
+/**
+ * Type information for SplitterPanelRecord.
+ */
+interface SplitterPanelRecord {
+  /**
+   * Id.
+   */
+  id: string;
+  /**
+   * Registration index.
+   */
+  registrationIndex: number;
+  /**
+   * Order.
+   */
+  order: ComputedRef<number | undefined>;
+  /**
+   * Default size.
+   */
+  defaultSize: ComputedRef<number | undefined>;
+  /**
+   * Min size.
+   */
+  minSize: ComputedRef<number>;
+  /**
+   * Max size.
+   */
+  maxSize: ComputedRef<number>;
+  /**
+   * Whether the component can be collapsed.
+   */
+  collapsible: ComputedRef<boolean>;
+  /**
+   * Collapsed size.
+   */
+  collapsedSize: ComputedRef<number>;
+  /**
+   * Callback invoked when the collapse event fires.
+   */
+  onCollapse: () => void;
+  /**
+   * Callback invoked when the expand event fires.
+   */
+  onExpand: () => void;
+  /**
+   * Callback invoked when the resize event fires.
+   */
+  onResize: (size: number, prevSize: number | undefined) => void;
+}
+/**
+ * Type information for SplitterPanelRegistration.
+ */
+type SplitterPanelRegistration = Omit<SplitterPanelRecord, 'registrationIndex'>;
+/**
+ * Context for the SplitterGroup component.
+ */
+interface SplitterGroupContext extends PropsToContext<SplitterGroupProps, 'direction' | 'dir' | 'keyboardResizeBy'> {
+  /**
+   * Group id used by the component context.
+   */
+  groupId: string;
+  /**
+   * Layout used by the component context.
+   */
+  layout: ShallowRef<number[]>;
+  /**
+   * Reference to the root element.
+   */
+  rootElement: ShallowRef<HTMLElement | undefined>;
+  /**
+   * Register panel used by the component context.
+   */
+  registerPanel: (panel: SplitterPanelRegistration) => void;
+  /**
+   * Unregister panel used by the component context.
+   */
+  unregisterPanel: (panelId: string) => void;
+  /**
+   * Refresh layout used by the component context.
+   */
+  refreshLayout: () => void;
+  /**
+   * Get panel style used by the component context.
+   */
+  getPanelStyle: (panelId: string) => CSSProperties;
+  /**
+   * Get panel size used by the component context.
+   */
+  getPanelSize: (panelId: string) => number | undefined;
+  /**
+   * Whether a panel collapsed.
+   */
+  isPanelCollapsed: (panelId: string) => boolean;
+  /**
+   * Collapse panel used by the component context.
+   */
+  collapsePanel: (panelId: string) => void;
+  /**
+   * Expand panel used by the component context.
+   */
+  expandPanel: (panelId: string) => void;
+  /**
+   * Resize panel used by the component context.
+   */
+  resizePanel: (panelId: string, size: number) => void;
+  /**
+   * Resize panel pair used by the component context.
+   */
+  resizePanelPair: (pairIndex: number, delta: number) => void;
+  /**
+   * Get panel record by index used by the component context.
+   */
+  getPanelRecordByIndex: (index: number) => SplitterPanelRecord | undefined;
+  /**
+   * Get panel bounds used by the component context.
+   */
+  getPanelBounds: (panelId: string) => {
+    min: number;
+    max: number;
+  } | undefined;
+  /**
+   * Get group size used by the component context.
+   */
+  getGroupSize: () => number;
+}
+/**
+ * Available UI slots for the Splitter component.
+ */
+type SplitterUiSlot = 'root' | 'panel' | 'resizeHandle';
+/**
+ * UI class overrides for the Splitter component.
+ */
+type SplitterUi = UiClass<SplitterUiSlot>;
+//#endregion
+export { SplitterGroupContext, SplitterGroupEmits, SplitterGroupProps, SplitterPanelEmits, SplitterPanelProps, SplitterResizeHandleEmits, SplitterResizeHandleProps, SplitterUi, SplitterUiSlot };

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

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

package/dist/components/stepper/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";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/index.d.ts

@@ -0,0 +1,11 @@
+import { StepperCompactEmits, StepperCompactProps, StepperCompactSlots, StepperDescriptionProps, StepperIndicatorProps, StepperItemData, StepperItemProps, StepperRootEmits, StepperRootProps, StepperSeparatorProps, StepperState, StepperTitleProps, StepperTriggerProps, StepperUi, StepperUiSlot } from "./types.js";
+import { _default as _default$4 } from "./stepper-root.vue.js";
+import { _default as _default$3 } from "./stepper-item.vue.js";
+import { _default as _default$7 } from "./stepper-trigger.vue.js";
+import { _default as _default$2 } from "./stepper-indicator.vue.js";
+import { _default as _default$5 } from "./stepper-separator.vue.js";
+import { _default as _default$6 } from "./stepper-title.vue.js";
+import { _default as _default$1 } from "./stepper-description.vue.js";
+import { _default } from "./stepper-compact.vue.js";
+import { provideStepperUi } from "./context.js";
+export { _default as StepperCompact, type StepperCompactEmits, type StepperCompactProps, type StepperCompactSlots, _default$1 as StepperDescription, type StepperDescriptionProps, _default$2 as StepperIndicator, type StepperIndicatorProps, _default$3 as StepperItem, type StepperItemData, type StepperItemProps, _default$4 as StepperRoot, type StepperRootEmits, type StepperRootProps, _default$5 as StepperSeparator, type StepperSeparatorProps, type StepperState, _default$6 as StepperTitle, type StepperTitleProps, _default$7 as StepperTrigger, type StepperTriggerProps, type StepperUi, type StepperUiSlot, provideStepperUi };

package/dist/components/stepper/index.js

@@ -0,0 +1 @@
+import{provideStepperUi as e}from"./context.js";import t from"./stepper-root.js";import n from"./stepper-item.js";import r from"./stepper-trigger.js";import i from"./stepper-indicator.js";import a from"./stepper-separator.js";import o from"./stepper-title.js";import s from"./stepper-description.js";import c from"./stepper-compact.js";export{c as StepperCompact,s as StepperDescription,i as StepperIndicator,n as StepperItem,t as StepperRoot,a as StepperSeparator,o as StepperTitle,r as StepperTrigger,e as provideStepperUi};

package/dist/components/stepper/stepper-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"../_icon/icon.js";import{useStepperUi as r}from"./context.js";import i from"./stepper-root.js";import a from"./stepper-item.js";import o from"./stepper-trigger.js";import s from"./stepper-indicator.js";import c from"./stepper-separator.js";import l from"./stepper-title.js";import u from"./stepper-description.js";import{Fragment as d,computed as f,createBlock as p,createCommentVNode as m,createElementBlock as h,createElementVNode as g,createTextVNode as _,createVNode as v,defineComponent as y,mergeProps as b,normalizeClass as x,openBlock as S,renderList as C,renderSlot as w,toDisplayString as T,toHandlers as E,unref as D,useSlots as O,withCtx as k}from"vue";const A={key:1},j=y({name:`StepperCompact`,__name:`stepper-compact`,props:{items:{},itemProps:{},triggerProps:{},indicatorProps:{},separatorProps:{},titleProps:{},descriptionProps:{},defaultValue:{},modelValue:{},orientation:{},dir:{},linear:{type:Boolean},asChild:{type:Boolean},as:{}},emits:[`update:modelValue`],setup(y,{emit:j}){let M=y,N=j,P=O(),F=t(M,[`items`,`itemProps`,`triggerProps`,`indicatorProps`,`separatorProps`,`titleProps`,`descriptionProps`]),I=e(N),L=f(()=>M.items.map((e,t)=>({...e,step:t+1}))),R=r();return(e,t)=>(S(),p(i,b(D(F),E(D(I))),{default:k(t=>[(S(!0),h(d,null,C(L.value,(r,i)=>(S(),p(a,b({key:r.step,ref_for:!0},y.itemProps,{step:r.step,disabled:r.disabled,completed:r.completed}),{default:k(a=>[w(e.$slots,`item`,b({ref_for:!0},{...r,...t,...a}),()=>[v(o,b({ref_for:!0},y.triggerProps),{default:k(()=>[v(s,b({ref_for:!0},y.indicatorProps),{default:k(()=>[w(e.$slots,`indicator`,b({ref_for:!0},{...r,...t,...a}),()=>[a.state===`completed`?(S(),p(n,{key:0,icon:`lucide:check`,class:x(D(R).indicatorIcon),"aria-hidden":!0},null,8,[`class`])):(S(),h(`span`,A,T(r.step),1))])]),_:2},1040),g(`div`,{class:x(D(R).itemContent)},[v(l,b({ref_for:!0},y.titleProps),{default:k(()=>[w(e.$slots,`title`,b({ref_for:!0},{...r,...t,...a}),()=>[_(T(r.title??`Step ${r.step}`),1)])]),_:2},1040),r.description||P.description?(S(),p(u,b({key:0,ref_for:!0},y.descriptionProps),{default:k(()=>[w(e.$slots,`description`,b({ref_for:!0},{...r,...t,...a}),()=>[_(T(r.description),1)])]),_:2},1040)):m(`v-if`,!0)],2)]),_:2},1040),i<L.value.length-1?w(e.$slots,`separator`,b({key:0,ref_for:!0},{...r,...t,...a}),()=>[v(c,b({ref_for:!0},y.separatorProps),null,16)]):m(`v-if`,!0)])]),_:2},1040,[`step`,`disabled`,`completed`]))),128))]),_:3},16))}});export{j as default};

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

@@ -0,0 +1,18 @@
+import { StepperCompactProps, StepperCompactSlots } from "./types.js";
+
+//#region src/components/stepper/stepper-compact.vue.d.ts
+type __VLS_Slots = StepperCompactSlots;
+declare const __VLS_base: import("vue").DefineComponent<StepperCompactProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+  "update:modelValue": (payload: number) => any;
+}, string, import("vue").PublicProps, Readonly<StepperCompactProps> & Readonly<{
+  "onUpdate:modelValue"?: ((payload: 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/stepper/stepper-description.js

@@ -0,0 +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,"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-description.vue.d.ts

@@ -0,0 +1,20 @@
+import { AsTag } from "../primitive/types.js";
+import { StepperDescriptionProps } from "./types.js";
+
+//#region src/components/stepper/stepper-description.vue.d.ts
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<StepperDescriptionProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<StepperDescriptionProps> & Readonly<{}>, {
+  as: AsTag | import("vue").Component;
+}, {}, {}, {}, 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/stepper/stepper-indicator.js

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

@@ -0,0 +1,22 @@
+import { AsTag } from "../primitive/types.js";
+import { StepperIndicatorProps } from "./types.js";
+
+//#region src/components/stepper/stepper-indicator.vue.d.ts
+declare var __VLS_8: {
+  step: number;
+};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<StepperIndicatorProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<StepperIndicatorProps> & Readonly<{}>, {
+  as: AsTag | import("vue").Component;
+}, {}, {}, {}, 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/stepper/stepper-item.js

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

@@ -0,0 +1,22 @@
+import { StepperItemProps, StepperState } from "./types.js";
+
+//#region src/components/stepper/stepper-item.vue.d.ts
+declare var __VLS_8: {
+  state: StepperState;
+};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<StepperItemProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<StepperItemProps> & Readonly<{}>, {
+  disabled: boolean;
+  completed: boolean;
+}, {}, {}, {}, 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/stepper/stepper-root.js

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

@@ -0,0 +1,52 @@
+import { DataOrientation } from "../../types/common.js";
+import { StepperRootProps } from "./types.js";
+//#region src/components/stepper/stepper-root.vue.d.ts
+declare var __VLS_8: {
+  modelValue: number;
+  totalSteps: number;
+  isNextDisabled: boolean;
+  isPrevDisabled: boolean;
+  isFirstStep: boolean;
+  isLastStep: boolean;
+  goToStep: (step: number) => void;
+  nextStep: () => void;
+  prevStep: () => void;
+  hasNext: () => boolean;
+  hasPrev: () => boolean;
+};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<StepperRootProps, {
+  modelValue: import("vue").ShallowRef<number>;
+  totalSteps: import("vue").ComputedRef<number>;
+  isNextDisabled: import("vue").ComputedRef<boolean>;
+  isPrevDisabled: import("vue").ComputedRef<boolean>;
+  isFirstStep: import("vue").ComputedRef<boolean>;
+  isLastStep: import("vue").ComputedRef<boolean>;
+  goToStep: (step: number) => void;
+  nextStep: () => void;
+  prevStep: () => void;
+  hasNext: () => boolean;
+  hasPrev: () => boolean;
+  registerStepperItem: (element: HTMLElement) => void;
+  unregisterStepperItem: (element: HTMLElement | undefined) => void;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+  "update:modelValue": (payload: number) => any;
+}, string, import("vue").PublicProps, Readonly<StepperRootProps> & Readonly<{
+  "onUpdate:modelValue"?: ((payload: number) => any) | undefined;
+}>, {
+  orientation: DataOrientation;
+  modelValue: number;
+  defaultValue: number;
+  linear: boolean;
+}, {}, {}, {}, 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/stepper/stepper-separator.js

@@ -0,0 +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),"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-separator.vue.d.ts

@@ -0,0 +1,18 @@
+import { SeparatorRootProps } from "../separator/types.js";
+//#region src/components/stepper/stepper-separator.vue.d.ts
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<SeparatorRootProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<SeparatorRootProps> & Readonly<{}>, {
+  decorative: boolean;
+}, {}, {}, {}, 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/stepper/stepper-title.js

@@ -0,0 +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,"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-title.vue.d.ts

@@ -0,0 +1,20 @@
+import { AsTag } from "../primitive/types.js";
+import { StepperTitleProps } from "./types.js";
+
+//#region src/components/stepper/stepper-title.vue.d.ts
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<StepperTitleProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<StepperTitleProps> & Readonly<{}>, {
+  as: AsTag | import("vue").Component;
+}, {}, {}, {}, 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/stepper/stepper-trigger.js

@@ -0,0 +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,"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/stepper-trigger.vue.d.ts

@@ -0,0 +1,20 @@
+import { AsTag } from "../primitive/types.js";
+import { StepperTriggerProps } from "./types.js";
+
+//#region src/components/stepper/stepper-trigger.vue.d.ts
+declare var __VLS_11: {};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_11) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<StepperTriggerProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<StepperTriggerProps> & Readonly<{}>, {
+  as: AsTag | import("vue").Component;
+}, {}, {}, {}, 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 };