@soybeanjs/headless 0.13.8 → 0.15.0-beta.1

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

@@ -0,0 +1,127 @@
+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";
+
+//#region src/components/splitter/types.d.ts
+interface SplitterGroupProps extends PrimitiveProps, /** @vue-ignore */HTMLAttributes {
+  /**
+   * 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;
+}
+type SplitterGroupEmits = {
+  /**
+   * Event handler called when the group layout changes.
+   */
+  layout: [value: number[]];
+};
+interface SplitterPanelProps extends PrimitiveProps, /** @vue-ignore */HTMLAttributes {
+  /**
+   * 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;
+}
+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];
+};
+interface SplitterResizeHandleProps extends PrimitiveProps, /** @vue-ignore */HTMLAttributes {
+  /**
+   * Whether the resize handle is disabled.
+   */
+  disabled?: boolean;
+  /**
+   * The tabindex of the resize handle.
+   */
+  tabindex?: number;
+}
+type SplitterResizeHandleEmits = {
+  /**
+   * Event handler called when dragging state changes.
+   */
+  dragging: [value: boolean];
+};
+interface SplitterPanelRecord {
+  id: string;
+  registrationIndex: number;
+  order: ComputedRef<number | undefined>;
+  defaultSize: ComputedRef<number | undefined>;
+  minSize: ComputedRef<number>;
+  maxSize: ComputedRef<number>;
+  collapsible: ComputedRef<boolean>;
+  collapsedSize: ComputedRef<number>;
+  onCollapse: () => void;
+  onExpand: () => void;
+  onResize: (size: number, prevSize: number | undefined) => void;
+}
+type SplitterPanelRegistration = Omit<SplitterPanelRecord, 'registrationIndex'>;
+interface SplitterGroupContext extends PropsToContext<SplitterGroupProps, 'direction' | 'dir' | 'keyboardResizeBy'> {
+  groupId: string;
+  layout: ShallowRef<number[]>;
+  rootElement: ShallowRef<HTMLElement | undefined>;
+  registerPanel: (panel: SplitterPanelRegistration) => void;
+  unregisterPanel: (panelId: string) => void;
+  refreshLayout: () => void;
+  getPanelStyle: (panelId: string) => CSSProperties;
+  getPanelSize: (panelId: string) => number | undefined;
+  isPanelCollapsed: (panelId: string) => boolean;
+  collapsePanel: (panelId: string) => void;
+  expandPanel: (panelId: string) => void;
+  resizePanel: (panelId: string, size: number) => void;
+  resizePanelPair: (pairIndex: number, delta: number) => void;
+  getPanelRecordByIndex: (index: number) => SplitterPanelRecord | undefined;
+  getPanelBounds: (panelId: string) => {
+    min: number;
+    max: number;
+  } | undefined;
+  getGroupSize: () => number;
+}
+type SplitterUiSlot = 'root' | 'panel' | 'resizeHandle';
+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,8 @@
+import { ClassValue, UiClass } from "../../types/common.js";
+import { StepperUiSlot } from "./types.js";
+import * as _$vue from "vue";
+
+//#region src/components/stepper/context.d.ts
+declare const provideStepperUi: (ui: _$vue.ComputedRef<Partial<UiClass<StepperUiSlot>>>) => _$vue.ComputedRef<Partial<UiClass<StepperUiSlot>>>, useStepperUi: <S extends StepperUiSlot | undefined = undefined>(slot?: S | undefined) => S extends StepperUiSlot ? _$vue.ComputedRef<ClassValue> : _$vue.ComputedRef<Partial<UiClass<StepperUiSlot>>>;
+//#endregion
+export { provideStepperUi };

package/dist/components/stepper/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";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};

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

@@ -0,0 +1,10 @@
+import { StepperDescriptionProps, StepperIndicatorProps, StepperItemProps, StepperRootEmits, StepperRootProps, StepperSeparatorProps, StepperState, StepperTitleProps, StepperTriggerProps, StepperUi, StepperUiSlot } from "./types.js";
+import { _default as _default$3 } from "./stepper-root.vue.js";
+import { _default as _default$2 } from "./stepper-item.vue.js";
+import { _default as _default$6 } from "./stepper-trigger.vue.js";
+import { _default as _default$1 } from "./stepper-indicator.vue.js";
+import { _default as _default$4 } from "./stepper-separator.vue.js";
+import { _default as _default$5 } from "./stepper-title.vue.js";
+import { _default } from "./stepper-description.vue.js";
+import { provideStepperUi } from "./context.js";
+export { _default as StepperDescription, type StepperDescriptionProps, _default$1 as StepperIndicator, type StepperIndicatorProps, _default$2 as StepperItem, type StepperItemProps, _default$3 as StepperRoot, type StepperRootEmits, type StepperRootProps, _default$4 as StepperSeparator, type StepperSeparatorProps, type StepperState, _default$5 as StepperTitle, type StepperTitleProps, _default$6 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";export{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-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,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,21 @@
+import { AsTag } from "../primitive/types.js";
+import { StepperDescriptionProps } from "./types.js";
+import * as _$vue from "vue";
+
+//#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: _$vue.DefineComponent<StepperDescriptionProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<StepperDescriptionProps> & Readonly<{}>, {
+  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;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default };

package/dist/components/stepper/stepper-indicator.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,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};

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

@@ -0,0 +1,23 @@
+import { AsTag } from "../primitive/types.js";
+import { StepperIndicatorProps } from "./types.js";
+import * as _$vue from "vue";
+
+//#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: _$vue.DefineComponent<StepperIndicatorProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<StepperIndicatorProps> & Readonly<{}>, {
+  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;
+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:{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};

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

@@ -0,0 +1,25 @@
+import { AsTag } from "../primitive/types.js";
+import { StepperItemProps, StepperState } from "./types.js";
+import * as _$vue from "vue";
+
+//#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: _$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>;
+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:{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};

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

@@ -0,0 +1,56 @@
+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;
+  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: _$vue.DefineComponent<StepperRootProps, {
+  modelValue: _$vue.ShallowRef<number | undefined>;
+  totalSteps: _$vue.ComputedRef<number>;
+  isNextDisabled: _$vue.ComputedRef<boolean>;
+  isPrevDisabled: _$vue.ComputedRef<boolean>;
+  isFirstStep: _$vue.ComputedRef<boolean>;
+  isLastStep: _$vue.ComputedRef<boolean>;
+  goToStep: (step: number) => void;
+  nextStep: () => void;
+  prevStep: () => void;
+  hasNext: () => boolean;
+  hasPrev: () => boolean;
+  registerStepperItem: (element: HTMLElement) => void;
+  unregisterStepperItem: (element: HTMLElement | undefined) => void;
+}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
+  "update:modelValue": (payload: number) => any;
+}, string, _$vue.PublicProps, Readonly<StepperRootProps> & Readonly<{
+  "onUpdate:modelValue"?: ((payload: number) => any) | undefined;
+}>, {
+  orientation: DataOrientation;
+  as: AsTag | _$vue.Component;
+  defaultValue: number;
+  modelValue: number;
+  linear: boolean;
+}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default };

package/dist/components/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),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,20 @@
+import { SeparatorRootProps } from "../separator/types.js";
+import * as _$vue from "vue";
+
+//#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: _$vue.DefineComponent<SeparatorRootProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<SeparatorRootProps> & Readonly<{}>, {
+  decorative: boolean;
+}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default };

package/dist/components/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,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,21 @@
+import { AsTag } from "../primitive/types.js";
+import { StepperTitleProps } from "./types.js";
+import * as _$vue from "vue";
+
+//#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: _$vue.DefineComponent<StepperTitleProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<StepperTitleProps> & Readonly<{}>, {
+  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;
+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,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};

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

@@ -0,0 +1,21 @@
+import { AsTag } from "../primitive/types.js";
+import { StepperTriggerProps } from "./types.js";
+import * as _$vue from "vue";
+
+//#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: _$vue.DefineComponent<StepperTriggerProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<StepperTriggerProps> & Readonly<{}>, {
+  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;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default };

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

@@ -0,0 +1,55 @@
+import { DataOrientation, Direction, UiClass } from "../../types/common.js";
+import { PrimitiveProps } from "../primitive/types.js";
+import { SeparatorRootProps } from "../separator/types.js";
+import { ComputedRef, HTMLAttributes, ShallowRef } from "vue";
+
+//#region src/components/stepper/types.d.ts
+type StepperState = 'completed' | 'active' | 'inactive';
+interface StepperRootProps extends PrimitiveProps, /** @vue-ignore */HTMLAttributes {
+  /**
+   * The value of the step that should be active when initially rendered.
+   *
+   * @defaultValue 1
+   */
+  defaultValue?: number;
+  /**
+   * The controlled value of the step to activate. Can be bind as `v-model`.
+   */
+  modelValue?: number;
+  /**
+   * The orientation of the stepper.
+   *
+   * @defaultValue 'horizontal'
+   */
+  orientation?: DataOrientation;
+  /**
+   * The reading direction of the stepper.
+   */
+  dir?: Direction;
+  /**
+   * Whether the steps must be completed in order.
+   *
+   * @defaultValue true
+   */
+  linear?: boolean;
+}
+type StepperRootEmits = {
+  'update:modelValue': [payload: number];
+};
+interface StepperItemProps extends PrimitiveProps, /** @vue-ignore */HTMLAttributes {
+  /** The step index, starting from `1`. */
+  step: number;
+  /** When `true`, prevents the user from interacting with the step. */
+  disabled?: boolean;
+  /** Shows whether the step is completed. */
+  completed?: boolean;
+}
+interface StepperTriggerProps extends PrimitiveProps, /** @vue-ignore */HTMLAttributes {}
+interface StepperIndicatorProps extends PrimitiveProps, /** @vue-ignore */HTMLAttributes {}
+interface StepperTitleProps extends PrimitiveProps, /** @vue-ignore */HTMLAttributes {}
+interface StepperDescriptionProps extends PrimitiveProps, /** @vue-ignore */HTMLAttributes {}
+type StepperUiSlot = 'root' | 'item' | 'trigger' | 'indicator' | 'separator' | 'title' | 'description';
+type StepperUi = UiClass<StepperUiSlot>;
+type StepperSeparatorProps = SeparatorRootProps;
+//#endregion
+export { StepperDescriptionProps, StepperIndicatorProps, StepperItemProps, StepperRootEmits, StepperRootProps, StepperSeparatorProps, StepperState, StepperTitleProps, StepperTriggerProps, StepperUi, StepperUiSlot };

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

@@ -1,8 +1,8 @@
 import { ClassValue, UiClass } from "../../types/common.js";
 import { SwitchUiSlot } from "./types.js";
-import * as vue from "vue";
+import * as _$vue from "vue";
 
 //#region src/components/switch/context.d.ts
-declare const provideSwitchUi: (ui: vue.ComputedRef<Partial<UiClass<SwitchUiSlot>>>) => vue.ComputedRef<Partial<UiClass<SwitchUiSlot>>>, useSwitchUi: <S extends SwitchUiSlot | undefined = undefined>(slot?: S | undefined) => S extends SwitchUiSlot ? vue.ComputedRef<ClassValue> : vue.ComputedRef<Partial<UiClass<SwitchUiSlot>>>;
+declare const provideSwitchUi: (ui: _$vue.ComputedRef<Partial<UiClass<SwitchUiSlot>>>) => _$vue.ComputedRef<Partial<UiClass<SwitchUiSlot>>>, useSwitchUi: <S extends SwitchUiSlot | undefined = undefined>(slot?: S | undefined) => S extends SwitchUiSlot ? _$vue.ComputedRef<ClassValue> : _$vue.ComputedRef<Partial<UiClass<SwitchUiSlot>>>;
 //#endregion
 export { provideSwitchUi };

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

@@ -1,6 +1,6 @@
 import { AcceptableBooleanValue } from "../../types/common.js";
 import { SwitchControlProps } from "./types.js";
-import * as vue from "vue";
+import * as _$vue from "vue";
 
 //#region src/components/switch/switch-control.vue.d.ts
 declare var __VLS_1: {
@@ -9,7 +9,7 @@ declare var __VLS_1: {
 type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_1) => 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_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>;
 declare const _default: typeof __VLS_export;
 type __VLS_WithSlots<T, S> = T & {

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

@@ -1,10 +1,10 @@
 import { AcceptableBooleanValue } from "../../types/common.js";
 import { SwitchRootProps } from "./types.js";
-import * as vue from "vue";
+import * as _$vue from "vue";
 
 //#region src/components/switch/switch-root.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<SwitchRootProps<T> & {
+  props: _$vue.PublicProps & __VLS_PrettifyLocal<SwitchRootProps<T> & {
     "onUpdate:modelValue"?: ((payload: NonNullable<T>) => any) | undefined;
   }> & (typeof globalThis extends {
     __VLS_PROPS_FALLBACK: infer P;
@@ -17,7 +17,7 @@ declare const __VLS_export: <T extends AcceptableBooleanValue = boolean>(__VLS_p
     }) => any;
   };
   emit: (evt: "update:modelValue", payload: NonNullable<T>) => void;
-}>) => vue.VNode & {
+}>) => _$vue.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };
 declare const _default: typeof __VLS_export;

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

@@ -1,15 +1,15 @@
 import { AsTag } from "../primitive/types.js";
 import { SwitchThumbProps } from "./types.js";
-import * as vue from "vue";
+import * as _$vue from "vue";
 
 //#region src/components/switch/switch-thumb.vue.d.ts
 declare var __VLS_8: {};
 type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_8) => any;
 };
-declare const __VLS_base: vue.DefineComponent<SwitchThumbProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<SwitchThumbProps> & Readonly<{}>, {
-  as: AsTag | vue.Component;
-}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: _$vue.DefineComponent<SwitchThumbProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<SwitchThumbProps> & Readonly<{}>, {
+  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;
 type __VLS_WithSlots<T, S> = T & {

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

@@ -1,8 +1,8 @@
 import { ClassValue, UiClass } from "../../types/common.js";
 import { TableUiSlot } from "./types.js";
-import * as vue from "vue";
+import * as _$vue from "vue";
 
 //#region src/components/table/context.d.ts
-declare const provideTableUi: (ui: vue.ComputedRef<Partial<UiClass<TableUiSlot>>>) => vue.ComputedRef<Partial<UiClass<TableUiSlot>>>, useTableUi: <S extends TableUiSlot | undefined = undefined>(slot?: S | undefined) => S extends TableUiSlot ? vue.ComputedRef<ClassValue> : vue.ComputedRef<Partial<UiClass<TableUiSlot>>>;
+declare const provideTableUi: (ui: _$vue.ComputedRef<Partial<UiClass<TableUiSlot>>>) => _$vue.ComputedRef<Partial<UiClass<TableUiSlot>>>, useTableUi: <S extends TableUiSlot | undefined = undefined>(slot?: S | undefined) => S extends TableUiSlot ? _$vue.ComputedRef<ClassValue> : _$vue.ComputedRef<Partial<UiClass<TableUiSlot>>>;
 //#endregion
 export { provideTableUi };

package/dist/components/table/context.js

@@ -1 +1 @@
-import{useUiContext as e}from"../../composables/use-ui-context.js";import"../../composables/index.js";const[t,n]=e(`Table`);export{t as provideTableUi,n as useTableUi};
+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(`TableCompact`),[i,a]=t(`Table`);export{n as provideTableCompactContext,i as provideTableUi,r as useTableCompactContext,a as useTableUi};

package/dist/components/table/hooks.js

@@ -0,0 +1 @@
+import{pick as e}from"../../shared/object.js";import{getElFromTemplateRef as t,getMergedRefsValue 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{useSelection as a}from"../../composables/use-selection.js";import"../../composables/index.js";import{useTableCompactContext as o,useTableUi as s}from"./context.js";import{buildTableTree as c,filterTableColumns as l,flattenTableTree as u,getDefaultTableExpandedKeys as d,getNextTableColumnWidths as f,getNextTableExpandedKeys as p,getNextTableFilterKeywordState as m,getNextTableFilterState as h,getNextTableFilterValuesState as g,getNextTableKeyboardResizeWidth as _,getNextTablePointerResizeWidth as v,getProcessedTableTree as y,getTableAlign as b,getTableAriaSort as x,getTableCellStyle as S,getTableColumnFilterOptions as C,getTableColumnFilterStateValue as w,getTableColumnFilterValue as ee,getTableColumnFilterValues as T,getTableColumnKey as E,getTableColumnLabel as te,getTableColumnResizeMinWidth as D,getTableColumnSortOrder as ne,getTableColumnWidthValue as re,getTableFixedColumnOffsets as O,getTableHeaderFixedState as ie,getTableHeaderRows as k,getTableHeaderSelectionState as A,getTableLeafColumns as ae,getTableLeafFixedState as j,getTableMeasuredColumnWidth as M,getTableMeasuredColumnWidths as N,getTableResizeHandleLabel as oe,getTableResolvedHeight as P,getTableRootStyle as se,getTableRowExpandLabel as F,getTableRowLabel as I,getTableRowValueByDataIndex as L,getTableSelectRowLabel as R,getTableSortButtonLabel as ce,getTableTreeCellStyle as z,getTableTreeColumnKey as B,getTableTreeRows as V,getTableVirtualMeasurements as H,getTableVirtualPaddingEnd as U,getTableVirtualPaddingStart as le,getTableVirtualRange as ue,getTableVisibleExpandedKeys as de,getTableVisibleRows as fe,hasTableTreeChildren as pe,isTableColumnFiltered as me,isTableColumnResizable as he,isTableDataColumn as ge,isTableFilterOptionSelected as _e,isTableFilterableColumn as ve,isTableRowExpanded as W,isTableSortableColumn as ye,isTableTreeColumn as G,shouldRenderTableExpandedRow as be,shouldShowTableInlineTreeToggle as xe,toggleTableFilterOption as Se,toggleTableSortState as Ce}from"./shared.js";import{computed as K,mergeProps as we,nextTick as q,onBeforeUnmount as Te,onMounted as Ee,shallowRef as J,toValue as Y,watch as X}from"vue";import{useEventListener as De,useResizeObserver as Z}from"@vueuse/core";function Oe(e){let{props:t,emit:n,hasExpandedRowSlot:i}=e,o=r(()=>t.expanded,e=>{n(`update:expanded`,e??[])},d(t.data,t.rowKey,{getChildren:t.getChildren,defaultExpandAll:t.defaultExpandAll,defaultExpanded:t.defaultExpanded,includeLeaves:!!Y(i)})),s=r(()=>t.sortState,e=>{n(`update:sortState`,e)},t.defaultSortState),c=r(()=>t.filterState,e=>{n(`update:filterState`,e??{})},t.defaultFilterState??{}),l=r(()=>t.columnWidths,e=>{n(`update:columnWidths`,e??{})},t.defaultColumnWidths??{}),{modelValue:u,onModelValueChange:f,setModelValue:p,resetModelValue:m,isMultiple:h,isValueSelected:g}=a(K(()=>({modelValue:t.selected,defaultValue:t.defaultSelected,multiple:t.multiple})),e=>{n(`update:selected`,e)});return{expanded:o,sortState:s,filterState:c,columnWidths:l,selected:u,multiple:h,onSelectedChange:f,setSelected:p,resetSelected:m,isValueSelected:g}}function ke(e){let{props:t,expanded:n,sortState:r,filterState:i,selected:a,hasExpandedRowSlot:o}=e,s=K(()=>l(t.columns)),d=K(()=>ae(s.value)),f=K(()=>k(s.value)),p=K(()=>new Map(d.value.map(e=>[E(e),e]))),m=K(()=>c(t.data,t.rowKey,t.getChildren)),h=K(()=>pe(m.value)),g=K(()=>V(m.value)),_=K(()=>y(m.value,i.value,p.value,r.value)),v=K(()=>Object.keys(i.value).length>0),b=K(()=>de(h.value,v.value,n.value,_.value)),x=K(()=>u(_.value,b.value)),S=K(()=>x.value.map(e=>e.key));return{visibleColumns:s,leafColumns:d,headerRows:f,sourceTree:m,hasTreeRows:h,sourceRows:g,processedTree:_,isFiltering:v,visibleExpandedKeys:b,displayRows:x,visibleRowKeys:S,treeColumnKey:K(()=>B(d.value)),hasExpandColumn:K(()=>d.value.some(e=>e.type===`expand`)),isHeaderSelectionDisabled:K(()=>x.value.length===0),headerSelection:K(()=>A(a.value,S.value)),hasExpandedRowSlot:o}}function Ae(e){let{leafColumns:t,columnWidths:n}=e,[r,a]=i(),o=J({}),s=J(null),c={};function l(){o.value=N(t.value,{columnWidths:n.value,headCellElements:c,measuredColumnWidths:o.value})}let u=K(()=>O(t.value,e=>M(e,n.value,o.value)));return X([t,n],()=>{q(l)},{deep:!0,flush:`post`}),Z(r,()=>{l()}),Te(()=>{s.value=null}),{setTableContentRef:a,tableContentTarget:r,headCellElements:c,measuredColumnWidths:o,syncMeasuredColumnWidths:l,resizingColumnKey:s,fixedColumnStates:u}}function je(e){let{virtual:t,height:n,virtualizerOptions:r,estimateSize:a,displayRows:o,syncMeasuredColumnWidths:s}=e,c=J(0),l=J(0),u=K(()=>!!(t.value&&n.value!==void 0));function d(){c.value=0,l.value=0}let[f,p]=i(e=>{u.value&&(c.value=e.clientHeight??0,l.value=e.scrollTop??0)}),m=K(()=>se(u.value,n.value)),h=K(()=>u.value?f.value:void 0),g=K(()=>u.value?r.value?.overscan??8:0),_=K(()=>u.value?P(c.value,n.value):0);function v(){if(!u.value){d();return}c.value=f.value?.clientHeight??_.value,l.value=f.value?.scrollTop??0}let y=K(()=>u.value?H(o.value,a.value):[]),b=K(()=>ue({isVirtual:u.value,rowCount:o.value.length,viewportHeight:_.value,scrollTop:l.value,measurements:y.value,overscan:g.value})),x=K(()=>le(u.value,b.value,y.value)),S=K(()=>U(u.value,b.value,y.value)),C=K(()=>fe(o.value,u.value,b.value));return X(o,()=>{u.value&&q(()=>{l.value=f.value?.scrollTop??0})},{deep:!0,flush:`post`}),X(u,e=>{if(!e){d();return}q(v)},{flush:`post`}),Z(h,e=>{c.value=e[0]?.contentRect.height??f.value?.clientHeight??0}),De(h,`scroll`,e=>{let t=e.target;t instanceof HTMLElement&&(l.value=t.scrollTop)}),Ee(()=>{q(()=>{s(),v()})}),{isVirtual:u,setTableRootRef:p,tableRootStyle:m,virtualPaddingStart:x,virtualPaddingEnd:S,visibleRows:C}}function Q(r){let{dir:i,headProps:a,headCellElements:c,columnWidths:l,measuredColumnWidths:u,fixedColumnStates:d,sortState:p,filterState:y,sourceRows:O,selected:k,multiple:A,visibleRowKeys:ae,resizingColumnKey:j,headerSelection:N,isHeaderSelectionDisabled:P}=o(`TableCompactHead`),se=s(),{column:F,colSpan:I,rowSpan:L}=r,R=K(()=>E(F.value)),z=K(()=>ne(F.value,p.value)),B=K(()=>ye(F.value)),V=K(()=>ve(F.value)),H=K(()=>he(F.value)),U=K(()=>te(F.value)),le=K(()=>ce(U.value,z.value)),ue=K(()=>x(z.value)),de=K(()=>V.value?ee(y.value,R.value):``),fe=K(()=>V.value?T(y.value,R.value):[]),pe=K(()=>{if(V.value)return w(y.value,R.value)}),ge=K(()=>ve(F.value)?C(O.value,F.value):[]),W=K(()=>V.value?me(y.value,R.value):!1),G=()=>{B.value&&(p.value=Ce(p.value,R.value))},be=e=>{V.value&&(y.value=m(y.value,R.value,e))},xe=e=>{V.value&&(y.value=g(y.value,R.value,e))},q=e=>{V.value&&(y.value=h(y.value,R.value,e))},Ee=e=>{V.value&&(y.value=Se(y.value,R.value,e))},J=e=>V.value?_e(y.value,R.value,e):!1,Y=()=>{q(void 0)},X=e=>{if(Array.isArray(k.value)){if(e===!0){k.value=[...ae.value];return}k.value=[]}},De=K(()=>{let e=ie(F.value,d.value),t=S({width:re(F.value,l.value),minWidth:F.value.minWidth,textAlign:b(F.value),fixedState:e,zIndex:3});return we({...a.value},{class:e?se.value.fixed:void 0,style:t,colspan:I.value,rowspan:L.value,"aria-sort":ue.value,"data-fixed":e?``:void 0,"data-fixed-side":e?.side})}),Z=K(()=>({...n({column:F,colSpan:I,rowSpan:L,sortable:B,filterable:V,filtered:W,resizable:H,sortOrder:z,multiple:A,checked:N,disabled:P,filterValue:de,filterValues:fe,filterState:pe,filterOptions:ge}),updateChecked:X,toggleSort:G,setFilterValue:be,setFilterValues:xe,setFilterState:q,toggleFilterOption:Ee,isFilterOptionSelected:J,clearFilter:Y})),Oe=K(()=>({column:F.value,multiple:A.value,checked:N.value,disabled:P.value,updateChecked:X})),ke=K(()=>e(Z.value,[`column`,`filterValue`,`filterValues`,`filterState`,`filtered`,`filterOptions`,`toggleFilterOption`,`isFilterOptionSelected`,`setFilterValue`,`setFilterValues`,`setFilterState`,`clearFilter`])),Ae=K(()=>({column:F.value,sortOrder:z.value,ariaLabel:le.value,toggleSort:G})),je=K(()=>({column:F.value,resizing:j.value===R.value,ariaLabel:oe(U.value),onPointerdown:e=>Me(e),onKeydown:e=>Ne(e)})),Q=null,$=()=>{Q?.(),Q=null,j.value=null},Me=e=>{if(!H.value)return;e.preventDefault(),e.stopPropagation();let t=R.value,n=e.clientX,r=c[t]?.getBoundingClientRect().width??M(F.value,l.value,u.value),a=D(F.value.minWidth),o=c[t]?.ownerDocument;if(!o)return;j.value=t;let s=e=>{let o=v(r,n,e.clientX,a,i.value);l.value=f(l.value,t,o)},d=()=>{$()};o.addEventListener(`pointermove`,s),o.addEventListener(`pointerup`,d),o.addEventListener(`pointercancel`,d),Q=()=>{o.removeEventListener(`pointermove`,s),o.removeEventListener(`pointerup`,d),o.removeEventListener(`pointercancel`,d)}},Ne=e=>{if(!H.value||e.key!==`ArrowLeft`&&e.key!==`ArrowRight`)return;e.preventDefault(),e.stopPropagation();let t=R.value,n=_(M(F.value,l.value,u.value),e.key===`ArrowRight`?`increase`:`decrease`,D(F.value.minWidth),i.value);l.value=f(l.value,t,n)};return Te(()=>{$()}),{bindProps:De,setElementRef:e=>{let n=t(e)??null;c[R.value]=n},headerSlotProps:Z,headerSelectionSlotProps:Oe,headerFilterSlotProps:ke,sortSlotProps:Ae,resizeSlotProps:je,columnSlotName:R,sortable:B,filterable:V,resizable:H}}function $(e){let{indent:t,rowKey:n,columnWidths:r,fixedColumnStates:i,visibleExpandedKeys:a,expanded:c,hasTreeRows:l,treeColumnKey:u,hasExpandColumn:d,isValueSelected:f,onSelectedChange:m,multiple:h,cellProps:g}=o(`TableCompactCell`),_=s(),{column:v,row:y,index:x}=e,C=e=>{c.value=p(c.value,e)},w=(e,t,n)=>({index:n,column:e,row:t.row,level:t.level,hasChildren:t.hasChildren,expanded:W(a.value,t.key),toggleExpand:()=>C(t.key)}),ee=K(()=>{let e=j(v.value,i.value),t=S({width:re(v.value,r.value),minWidth:v.value.minWidth,textAlign:b(v.value),fixedState:e,zIndex:2});return we({...g.value},{class:e?_.value.fixed:void 0,style:t,"data-fixed":e?``:void 0,"data-fixed-side":e?.side})}),T=K(()=>ge(v.value)?v.value:void 0),E=K(()=>{if(T.value)return{...w(T.value,y.value,x.value),value:L(y.value.row,T.value.dataIndex)}}),te=K(()=>G(v.value,l.value,u.value)),D=K(()=>xe(v.value,l.value,u.value,d.value)),ne=K(()=>z(l.value,y.value.level,t.value??16)),O=K(()=>({...w(v.value,y.value,x.value),ariaLabel:F(I(y.value.row,n),W(a.value,y.value.key))}));return{bindProps:ee,dataColumn:T,isTreeColumn:te,showInlineTreeToggle:D,treeCellStyle:ne,dataCellSlotProps:E,indexSlotProps:K(()=>({index:x.value,column:v.value,row:y.value.row,level:y.value.level,hasChildren:y.value.hasChildren})),selectionSlotProps:K(()=>({...w(v.value,y.value,x.value),multiple:h.value,checked:f(y.value.key),ariaLabel:R(I(y.value.row,n)),toggleSelect:()=>m(y.value.key)})),expandSlotProps:K(()=>({...w(v.value,y.value,x.value),ariaLabel:F(I(y.value.row,n),W(a.value,y.value.key))})),treeToggleSlotProps:O}}function Me(e){let{hasExpandColumn:t,hasExpandedRowSlot:r,visibleExpandedKeys:i,rowProps:a,cellProps:s}=o(`TableCompactExpandedRow`),{row:c,index:l}=e;return{visible:K(()=>be(c.value,n({hasExpandColumn:t,hasExpandedRowSlot:r,expandedKeys:i}))),expandedRowSlotProps:K(()=>{let{row:e,level:t,hasChildren:n}=c.value;return{index:l.value,row:e,level:t,hasChildren:n}}),rowProps:a,cellProps:s}}export{$ as useTableCompactCell,ke as useTableCompactData,Me as useTableCompactExpandedRow,Q as useTableCompactHead,Ae as useTableCompactResize,Oe as useTableCompactState,je as useTableCompactVirtual};

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

@@ -1,11 +1,13 @@
-import { TableBodyProps, TableCellProps, TableContentProps, TableFooterProps, TableHeadProps, TableHeaderProps, TableRootProps, TableRowProps, TableUi, TableUiSlot } from "./types.js";
-import { _default as _default$6 } from "./table-root.vue.js";
-import { _default as _default$2 } from "./table-content.vue.js";
-import { _default as _default$5 } from "./table-header.vue.js";
+import { TableAlign, TableBaseData, TableBodyProps, TableCellProps, TableCellSlotProps, TableColumn, TableColumnBase, TableColumnFilter, TableColumnFilterOption, TableColumnFilterValue, TableColumnType, TableColumnWidthState, TableCompactCellProps, TableCompactCellSlots, TableCompactContext, TableCompactEmits, TableCompactExpandedRowProps, TableCompactHeadProps, TableCompactProps, TableCompactRowProps, TableCompactSlots, TableContentProps, TableDataCellSlotProps, TableDataColumn, TableExpandSlotProps, TableExpandedRowSlotProps, TableFilterState, TableFilterValue, TableFixedColumnOffsets, TableFixedState, TableFooterProps, TableGroupColumn, TableHeadProps, TableHeaderCell, TableHeaderFilterSlotProps, TableHeaderProps, TableHeaderResizeSlotProps, TableHeaderSelectionSlotProps, TableHeaderSlotProps, TableHeaderSortSlotProps, TableIndexSlotProps, TableRootProps, TableRowChildrenResolver, TableRowProps, TableRowValue, TableSelectionProps, TableSelectionSlotProps, TableSortOrder, TableSortState, TableTreeNode, TableTreeRow, TableTreeToggleSlotProps, TableTypeColumn, TableUi, TableUiSlot, TableUnifiedKey, TableVirtualMeasurement, TableVirtualRange, TableVisibleRow } from "./types.js";
+import { _default as _default$7 } from "./table-root.vue.js";
+import { _default as _default$3 } from "./table-content.vue.js";
+import { _default as _default$6 } from "./table-header.vue.js";
 import { _default } from "./table-body.vue.js";
-import { _default as _default$3 } from "./table-footer.vue.js";
-import { _default as _default$7 } from "./table-row.vue.js";
-import { _default as _default$4 } from "./table-head.vue.js";
+import { _default as _default$4 } from "./table-footer.vue.js";
+import { _default as _default$8 } from "./table-row.vue.js";
+import { _default as _default$5 } from "./table-head.vue.js";
 import { _default as _default$1 } from "./table-cell.vue.js";
+import { _default as _default$2 } from "./table-compact.vue.js";
 import { provideTableUi } from "./context.js";
-export { _default as TableBody, TableBodyProps, _default$1 as TableCell, TableCellProps, _default$2 as TableContent, TableContentProps, _default$3 as TableFooter, TableFooterProps, _default$4 as TableHead, TableHeadProps, _default$5 as TableHeader, TableHeaderProps, _default$6 as TableRoot, TableRootProps, _default$7 as TableRow, TableRowProps, TableUi, TableUiSlot, provideTableUi };
+import { filterTableColumns, getNextTableFilterKeywordState, getNextTableFilterState, getNextTableFilterValuesState, getTableAriaSort, getTableColumnByKey, getTableColumnFilterOptions, getTableColumnFilterStateValue, getTableColumnFilterValue, getTableColumnFilterValues, getTableColumnKey, getTableColumnWidthValue, getTableFilterPlaceholder, getTableHeaderRows, getTableLeafColumns, getTableRowLabel, getTableRowValueByDataIndex, getTableTreeRows, isTableColumnFiltered, isTableDataColumn, isTableFilterOptionSelected, isTableGroupColumn, matchesTableColumnFilter, parseTableColumnWidth, sortTableData, toggleTableFilterOption, toggleTableSortState } from "./shared.js";
+export { TableAlign, TableBaseData, _default as TableBody, TableBodyProps, _default$1 as TableCell, TableCellProps, TableCellSlotProps, TableColumn, TableColumnBase, TableColumnFilter, TableColumnFilterOption, TableColumnFilterValue, TableColumnType, TableColumnWidthState, _default$2 as TableCompact, TableCompactCellProps, TableCompactCellSlots, TableCompactContext, TableCompactEmits, TableCompactExpandedRowProps, TableCompactHeadProps, TableCompactProps, TableCompactRowProps, TableCompactSlots, _default$3 as TableContent, TableContentProps, TableDataCellSlotProps, TableDataColumn, TableExpandSlotProps, TableExpandedRowSlotProps, TableFilterState, TableFilterValue, TableFixedColumnOffsets, TableFixedState, _default$4 as TableFooter, TableFooterProps, TableGroupColumn, _default$5 as TableHead, TableHeadProps, _default$6 as TableHeader, TableHeaderCell, TableHeaderFilterSlotProps, TableHeaderProps, TableHeaderResizeSlotProps, TableHeaderSelectionSlotProps, TableHeaderSlotProps, TableHeaderSortSlotProps, TableIndexSlotProps, _default$7 as TableRoot, TableRootProps, _default$8 as TableRow, TableRowChildrenResolver, TableRowProps, TableRowValue, TableSelectionProps, TableSelectionSlotProps, TableSortOrder, TableSortState, TableTreeNode, TableTreeRow, TableTreeToggleSlotProps, TableTypeColumn, TableUi, TableUiSlot, TableUnifiedKey, TableVirtualMeasurement, TableVirtualRange, TableVisibleRow, filterTableColumns, getNextTableFilterKeywordState, getNextTableFilterState, getNextTableFilterValuesState, getTableAriaSort, getTableColumnByKey, getTableColumnFilterOptions, getTableColumnFilterStateValue, getTableColumnFilterValue, getTableColumnFilterValues, getTableColumnKey, getTableColumnWidthValue, getTableFilterPlaceholder, getTableHeaderRows, getTableLeafColumns, getTableRowLabel, getTableRowValueByDataIndex, getTableTreeRows, isTableColumnFiltered, isTableDataColumn, isTableFilterOptionSelected, isTableGroupColumn, matchesTableColumnFilter, parseTableColumnWidth, provideTableUi, sortTableData, toggleTableFilterOption, toggleTableSortState };

package/dist/components/table/index.js

@@ -1 +1 @@
-import{provideTableUi as e}from"./context.js";import t from"./table-root.js";import n from"./table-content.js";import r from"./table-header.js";import i from"./table-body.js";import a from"./table-footer.js";import o from"./table-row.js";import s from"./table-head.js";import c from"./table-cell.js";export{i as TableBody,c as TableCell,n as TableContent,a as TableFooter,s as TableHead,r as TableHeader,t as TableRoot,o as TableRow,e as provideTableUi};
+import{provideTableUi as e}from"./context.js";import t from"./table-root.js";import n from"./table-content.js";import r from"./table-header.js";import i from"./table-body.js";import a from"./table-footer.js";import o from"./table-row.js";import s from"./table-head.js";import c from"./table-cell.js";import{filterTableColumns as l,getNextTableFilterKeywordState as u,getNextTableFilterState as d,getNextTableFilterValuesState as f,getTableAriaSort as p,getTableColumnByKey as m,getTableColumnFilterOptions as h,getTableColumnFilterStateValue as g,getTableColumnFilterValue as _,getTableColumnFilterValues as v,getTableColumnKey as y,getTableColumnWidthValue as b,getTableFilterPlaceholder as x,getTableHeaderRows as S,getTableLeafColumns as C,getTableRowLabel as w,getTableRowValueByDataIndex as T,getTableTreeRows as E,isTableColumnFiltered as D,isTableDataColumn as O,isTableFilterOptionSelected as k,isTableGroupColumn as A,matchesTableColumnFilter as j,parseTableColumnWidth as M,sortTableData as N,toggleTableFilterOption as P,toggleTableSortState as F}from"./shared.js";import I from"./table-compact.js";export{i as TableBody,c as TableCell,I as TableCompact,n as TableContent,a as TableFooter,s as TableHead,r as TableHeader,t as TableRoot,o as TableRow,l as filterTableColumns,u as getNextTableFilterKeywordState,d as getNextTableFilterState,f as getNextTableFilterValuesState,p as getTableAriaSort,m as getTableColumnByKey,h as getTableColumnFilterOptions,g as getTableColumnFilterStateValue,_ as getTableColumnFilterValue,v as getTableColumnFilterValues,y as getTableColumnKey,b as getTableColumnWidthValue,x as getTableFilterPlaceholder,S as getTableHeaderRows,C as getTableLeafColumns,w as getTableRowLabel,T as getTableRowValueByDataIndex,E as getTableTreeRows,D as isTableColumnFiltered,O as isTableDataColumn,k as isTableFilterOptionSelected,A as isTableGroupColumn,j as matchesTableColumnFilter,M as parseTableColumnWidth,e as provideTableUi,N as sortTableData,P as toggleTableFilterOption,F as toggleTableSortState};