@soybeanjs/headless 0.30.0 → 0.40.0-beta.1

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

@@ -1,5 +1,5 @@
 import { DataOrientation, Direction, UiClass } from "../../types/common.js";
-import { PropsToContext } from "../../types/vue.js";
+import { ToContext } from "../../types/vue.js";
 import "../../types/index.js";
 import { PrimitiveWithBaseProps } from "../primitive/types.js";
 import { CSSProperties, ComputedRef, ShallowRef } from "vue";
@@ -7,7 +7,7 @@ import { CSSProperties, ComputedRef, ShallowRef } from "vue";
 /**
  * Properties for the SplitterGroup component.
  */
-interface SplitterGroupProps extends PrimitiveWithBaseProps {
+export interface SplitterGroupProps extends PrimitiveWithBaseProps {
   /**
    * The orientation of the splitter group.
    *
@@ -30,7 +30,7 @@ interface SplitterGroupProps extends PrimitiveWithBaseProps {
 /**
  * Events for the SplitterGroup component.
  */
-type SplitterGroupEmits = {
+export type SplitterGroupEmits = {
   /**
    * Event handler called when the group layout changes.
    */
@@ -39,7 +39,7 @@ type SplitterGroupEmits = {
 /**
  * Properties for the SplitterPanel component.
  */
-interface SplitterPanelProps extends PrimitiveWithBaseProps {
+export interface SplitterPanelProps extends PrimitiveWithBaseProps {
   /**
    * The initial size of the panel as a percentage of the group.
    */
@@ -68,7 +68,7 @@ interface SplitterPanelProps extends PrimitiveWithBaseProps {
 /**
  * Events for the SplitterPanel component.
  */
-type SplitterPanelEmits = {
+export type SplitterPanelEmits = {
   /**
    * Event handler called when the panel collapses.
    */
@@ -85,7 +85,7 @@ type SplitterPanelEmits = {
 /**
  * Properties for the SplitterResizeHandle component.
  */
-interface SplitterResizeHandleProps extends PrimitiveWithBaseProps {
+export interface SplitterResizeHandleProps extends PrimitiveWithBaseProps {
   /**
    * Whether the resize handle is disabled.
    */
@@ -98,7 +98,7 @@ interface SplitterResizeHandleProps extends PrimitiveWithBaseProps {
 /**
  * Events for the SplitterResizeHandle component.
  */
-type SplitterResizeHandleEmits = {
+export type SplitterResizeHandleEmits = {
   /**
    * Event handler called when dragging state changes.
    */
@@ -107,7 +107,7 @@ type SplitterResizeHandleEmits = {
 /**
  * Type information for SplitterPanelRecord.
  */
-interface SplitterPanelRecord {
+export interface SplitterPanelRecord {
   /**
    * Id.
    */
@@ -156,11 +156,11 @@ interface SplitterPanelRecord {
 /**
  * Type information for SplitterPanelRegistration.
  */
-type SplitterPanelRegistration = Omit<SplitterPanelRecord, 'registrationIndex'>;
+export type SplitterPanelRegistration = Omit<SplitterPanelRecord, 'registrationIndex'>;
 /**
  * Context for the SplitterGroup component.
  */
-interface SplitterGroupContext extends PropsToContext<SplitterGroupProps, 'direction' | 'dir' | 'keyboardResizeBy'> {
+export interface SplitterGroupContext extends ToContext<SplitterGroupProps, 'direction' | 'dir' | 'keyboardResizeBy'> {
   /**
    * Group id used by the component context.
    */
@@ -232,10 +232,9 @@ interface SplitterGroupContext extends PropsToContext<SplitterGroupProps, 'direc
 /**
  * Available UI slots for the Splitter component.
  */
-type SplitterUiSlot = 'root' | 'panel' | 'resizeHandle';
+export type SplitterUiSlot = 'root' | 'panel' | 'resizeHandle';
 /**
  * UI class overrides for the Splitter component.
  */
-type SplitterUi = UiClass<SplitterUiSlot>;
-//#endregion
-export { SplitterGroupContext, SplitterGroupEmits, SplitterGroupProps, SplitterPanelEmits, SplitterPanelProps, SplitterPanelRecord, SplitterPanelRegistration, SplitterResizeHandleEmits, SplitterResizeHandleProps, SplitterUi, SplitterUiSlot };
+export type SplitterUi = UiClass<SplitterUiSlot>;
+//#endregion

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

@@ -1,8 +1,8 @@
 import { UiClass } from "../../types/common.js";
-import { UseUiConsumer } from "../../composables/use-ui-context.js";
-import "../../composables/index.js";
 import { StepperUiSlot } from "./types.js";
 import "../../index.js";
+import { UseUiConsumer } from "../../composables/use-ui-context.js";
+import "../../composables/index.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

package/dist/components/stepper/context.js

@@ -1 +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};
+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{shallowRef as r,useId as i}from"vue";const[a,o]=e(`StepperRoot`,e=>{let n=t(e.dir);return{...e,dir:n}}),[s,c]=e(`StepperItem`,e=>{let t=r(`soybean-stepper-title-${i()}`),n=r(`soybean-stepper-description-${i()}`);return{...e,titleId:t,descriptionId:n}}),[l,u]=n(`StepperUi`);export{s as provideStepperItemContext,a as provideStepperRootContext,l as provideStepperUi,c as useStepperItemContext,o as useStepperRootContext,u as useStepperUi};

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

@@ -1 +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,"data-first":i===0?``:void 0,"data-last":i===L.value.length-1?``:void 0}),{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({ref_for:!0},{...r,...t,...a}),()=>[v(c,b({ref_for:!0},y.separatorProps),null,16)],void 0,0):m(`v-if`,!0)])]),_:2},1040,[`step`,`disabled`,`completed`,`data-first`,`data-last`]))),128))]),_:3},16))}});export{j as default};
+import{useForwardListeners as e}from"../../composables/use-forward-listeners.js";import{useOmitProps as t}from"../../composables/use-props.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,"data-first":i===0?``:void 0,"data-last":i===L.value.length-1?``:void 0}),{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({ref_for:!0},{...r,...t,...a}),()=>[v(c,b({ref_for:!0},y.separatorProps),null,16)],void 0,0):m(`v-if`,!0)])]),_:2},1040,[`step`,`disabled`,`completed`,`data-first`,`data-last`]))),128))]),_:3},16))}});export{j as default};

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

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

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

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

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

@@ -1 +1 @@
-import{transformPropsToContext as e}from"../../shared/vue.js";import"../../shared/index.js";import{useOmitProps as t}from"../../composables/use-props.js";import"../../composables/index.js";import{Primitive as n}from"../primitive/primitive.js";import"../primitive/index.js";import{provideStepperItemContext as r,useStepperRootContext as i,useStepperUi as a}from"./context.js";import{computed as o,createBlock as s,defineComponent as c,mergeProps as l,openBlock as u,renderSlot as d,unref as f,withCtx as p}from"vue";const m=c({name:`StepperItem`,__name:`stepper-item`,props:{step:{},disabled:{type:Boolean,default:!1},completed:{type:Boolean,default:!1},asChild:{type:Boolean},as:{}},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),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};
+import{toContext as e}from"../../shared/vue.js";import{useOmitProps as t}from"../../composables/use-props.js";import{Primitive as n}from"../primitive/primitive.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),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-root.js

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

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

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

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

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

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

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

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

@@ -7,11 +7,11 @@ import { ComputedRef, ShallowRef } from "vue";
 /**
  * State values for StepperState.
  */
-type StepperState = 'completed' | 'active' | 'inactive';
+export type StepperState = 'completed' | 'active' | 'inactive';
 /**
  * Properties for the StepperRoot component.
  */
-interface StepperRootProps extends PrimitiveWithBaseProps {
+export interface StepperRootProps extends PrimitiveWithBaseProps {
   /**
    * The value of the step that should be active when initially rendered.
    *
@@ -42,7 +42,7 @@ interface StepperRootProps extends PrimitiveWithBaseProps {
 /**
  * Events for the StepperRoot component.
  */
-type StepperRootEmits = {
+export type StepperRootEmits = {
   /**
    * Emitted when the model value changes.
    */
@@ -51,7 +51,7 @@ type StepperRootEmits = {
 /**
  * Properties for the StepperItem component.
  */
-interface StepperItemProps extends PrimitiveWithBaseProps {
+export interface StepperItemProps extends PrimitiveWithBaseProps {
   /** The step index, starting from `1`. */
   step: number;
   /** When `true`, prevents the user from interacting with the step. */
@@ -62,35 +62,35 @@ interface StepperItemProps extends PrimitiveWithBaseProps {
 /**
  * Properties for the StepperTrigger component.
  */
-interface StepperTriggerProps extends PrimitiveWithBaseProps {}
+export interface StepperTriggerProps extends PrimitiveWithBaseProps {}
 /**
  * Properties for the StepperIndicator component.
  */
-interface StepperIndicatorProps extends PrimitiveWithBaseProps {}
+export interface StepperIndicatorProps extends PrimitiveWithBaseProps {}
 /**
  * Properties for the StepperTitle component.
  */
-interface StepperTitleProps extends PrimitiveWithBaseProps {}
+export interface StepperTitleProps extends PrimitiveWithBaseProps {}
 /**
  * Properties for the StepperDescription component.
  */
-interface StepperDescriptionProps extends PrimitiveWithBaseProps {}
+export interface StepperDescriptionProps extends PrimitiveWithBaseProps {}
 /**
  * Available UI slots for the Stepper component.
  */
-type StepperUiSlot = 'root' | 'item' | 'trigger' | 'indicator' | 'indicatorIcon' | 'itemContent' | 'separator' | 'title' | 'description';
+export type StepperUiSlot = 'root' | 'item' | 'trigger' | 'indicator' | 'indicatorIcon' | 'itemContent' | 'separator' | 'title' | 'description';
 /**
  * UI class overrides for the Stepper component.
  */
-type StepperUi = UiClass<StepperUiSlot>;
+export type StepperUi = UiClass<StepperUiSlot>;
 /**
  * Properties for the StepperSeparator component.
  */
-type StepperSeparatorProps = SeparatorRootProps;
+export type StepperSeparatorProps = SeparatorRootProps;
 /**
  * Type information for StepperItemData.
  */
-interface StepperItemData {
+export interface StepperItemData {
   /**
    * Title text rendered by the component.
    */
@@ -111,7 +111,7 @@ interface StepperItemData {
 /**
  * Properties for the StepperCompact component.
  */
-interface StepperCompactProps extends StepperRootProps {
+export interface StepperCompactProps extends StepperRootProps {
   /**
    * Items rendered by the component.
    */
@@ -144,11 +144,11 @@ interface StepperCompactProps extends StepperRootProps {
 /**
  * Events for the StepperCompact component.
  */
-type StepperCompactEmits = StepperRootEmits;
+export type StepperCompactEmits = StepperRootEmits;
 /**
  * Slots for the StepperCompact component.
  */
-type StepperCompactSlots = {
+export type StepperCompactSlots = {
   /**
    * Custom content for the item slot.
    */
@@ -185,5 +185,4 @@ type StepperCompactSlots = {
     state: StepperState;
   }) => any;
 };
-//#endregion
-export { StepperCompactEmits, StepperCompactProps, StepperCompactSlots, StepperDescriptionProps, StepperIndicatorProps, StepperItemData, StepperItemProps, StepperRootEmits, StepperRootProps, StepperSeparatorProps, StepperState, StepperTitleProps, StepperTriggerProps, StepperUi, StepperUiSlot };
+//#endregion

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

@@ -1,9 +1,9 @@
 import { UiClass } from "../../types/common.js";
 import "../../types/index.js";
-import { UseUiConsumer } from "../../composables/use-ui-context.js";
-import "../../composables/index.js";
 import { SwitchUiSlot } from "./types.js";
 import "../../index.js";
+import { UseUiConsumer } from "../../composables/use-ui-context.js";
+import "../../composables/index.js";
 //#region src/components/switch/context.d.ts
 declare const provideSwitchUi: (ui: import("vue").ComputedRef<Partial<UiClass<SwitchUiSlot>>>) => import("vue").ComputedRef<Partial<UiClass<SwitchUiSlot>>>, useSwitchUi: UseUiConsumer<SwitchUiSlot>;
 //#endregion

package/dist/components/switch/context.js

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

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

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

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

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

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

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

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

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

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

@@ -9,7 +9,7 @@ import { HtmlHTMLAttributes, ShallowRef } from "vue";
 /**
  * Type information for SwitchValueConfig.
  */
-interface SwitchValueConfig<T extends AcceptableBooleanValue = boolean> {
+export interface SwitchValueConfig<T extends AcceptableBooleanValue = boolean> {
   /**
    * The value given as data when submitted with a `name`.
    *
@@ -26,7 +26,7 @@ interface SwitchValueConfig<T extends AcceptableBooleanValue = boolean> {
 /**
  * Properties for the SwitchRoot component.
  */
-interface SwitchRootProps<T extends AcceptableBooleanValue> extends FormFieldCommonProps, SwitchValueConfig<T>, BaseProps<HtmlHTMLAttributes> {
+export interface SwitchRootProps<T extends AcceptableBooleanValue> extends FormFieldCommonProps, SwitchValueConfig<T>, BaseProps<HtmlHTMLAttributes> {
   /** The state of the switch when it is initially rendered. Use when you do not need to control its state. */
   defaultValue?: NonNullable<T>;
   /** The controlled state of the switch. Can be bind as `v-model`. */
@@ -41,25 +41,25 @@ interface SwitchRootProps<T extends AcceptableBooleanValue> extends FormFieldCom
 /**
  * Events for the SwitchRoot component.
  */
-type SwitchRootEmits<T extends AcceptableBooleanValue = boolean> = {
+export type SwitchRootEmits<T extends AcceptableBooleanValue = boolean> = {
   /** Event handler called when the value of the switch changes. */
   'update:modelValue': [payload: NonNullable<T>];
 };
 /**
  * Properties for the SwitchControl component.
  */
-interface SwitchControlProps extends ButtonProps {
+export interface SwitchControlProps extends ButtonProps {
   /** Id of the element */
   id?: string;
 }
 /**
  * Properties for the SwitchThumb component.
  */
-interface SwitchThumbProps extends PrimitiveWithBaseProps {}
+export interface SwitchThumbProps extends PrimitiveWithBaseProps {}
 /**
  * Slot properties for the SwitchCompact component.
  */
-interface SwitchCompactSlotProps<T extends AcceptableBooleanValue = boolean> {
+export interface SwitchCompactSlotProps<T extends AcceptableBooleanValue = boolean> {
   /**
    * Current model value.
    */
@@ -68,7 +68,7 @@ interface SwitchCompactSlotProps<T extends AcceptableBooleanValue = boolean> {
 /**
  * Properties for the SwitchCompact component.
  */
-interface SwitchCompactProps<T extends AcceptableBooleanValue = boolean> extends SwitchRootProps<T> {
+export interface SwitchCompactProps<T extends AcceptableBooleanValue = boolean> extends SwitchRootProps<T> {
   /**
    * Properties forwarded to the control element.
    */
@@ -81,11 +81,11 @@ interface SwitchCompactProps<T extends AcceptableBooleanValue = boolean> extends
 /**
  * Events for the SwitchCompact component.
  */
-type SwitchCompactEmits<T extends AcceptableBooleanValue = boolean> = SwitchRootEmits<T>;
+export type SwitchCompactEmits<T extends AcceptableBooleanValue = boolean> = SwitchRootEmits<T>;
 /**
  * Slots for the SwitchCompact component.
  */
-type SwitchCompactSlots<T extends AcceptableBooleanValue = boolean> = {
+export type SwitchCompactSlots<T extends AcceptableBooleanValue = boolean> = {
   /**
    * Custom content for the default slot.
    */
@@ -102,10 +102,9 @@ type SwitchCompactSlots<T extends AcceptableBooleanValue = boolean> = {
 /**
  * Available UI slots for the Switch component.
  */
-type SwitchUiSlot = 'root' | 'control' | 'thumb';
+export type SwitchUiSlot = 'root' | 'control' | 'thumb';
 /**
  * UI class overrides for the Switch component.
  */
-type SwitchUi = UiClass<SwitchUiSlot>;
-//#endregion
-export { SwitchCompactEmits, SwitchCompactProps, SwitchCompactSlotProps, SwitchCompactSlots, SwitchControlProps, SwitchRootEmits, SwitchRootProps, SwitchThumbProps, SwitchUi, SwitchUiSlot, SwitchValueConfig };
+export type SwitchUi = UiClass<SwitchUiSlot>;
+//#endregion

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

@@ -1,8 +1,8 @@
 import { UiClass } from "../../types/common.js";
-import { UseUiConsumer } from "../../composables/use-ui-context.js";
-import "../../composables/index.js";
 import { TableUiSlot } from "./types.js";
 import "../../index.js";
+import { UseUiConsumer } from "../../composables/use-ui-context.js";
+import "../../composables/index.js";
 //#region src/components/table/context.d.ts
 declare const provideTableUi: (ui: import("vue").ComputedRef<Partial<UiClass<TableUiSlot>>>) => import("vue").ComputedRef<Partial<UiClass<TableUiSlot>>>, useTableUi: UseUiConsumer<TableUiSlot>;
 //#endregion

package/dist/components/table/context.js

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

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

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

@@ -9,32 +9,31 @@ import { CSSProperties } from "vue";
  *
  * Falls back to common display fields (`name`, `title`, `label`) before using the row key.
  */
-declare function getTableRowLabel<T extends TableBaseData, R extends string | number>(row: T, rowKey: (row: T) => R): string;
-declare function getTableTreeRows<T extends TableBaseData, R extends string | number>(nodes: TableTreeNode<T, R>[]): T[];
-declare function getTableRowValueByDataIndex<T extends TableBaseData, K extends Path<TableRowValue<T>>>(row: T, dataIndex: K): PathValue<TableRowValue<T>, K>;
-declare function getTableColumnKey<T extends TableBaseData>(column: TableColumn<T>): string;
-declare function isTableGroupColumn<T extends TableBaseData>(column: TableColumn<T>): column is TableGroupColumn<T>;
-declare function isTableDataColumn<T extends TableBaseData>(column: TableColumn<T>): column is TableDataColumn<T>;
-declare function filterTableColumns<T extends TableBaseData>(columns: TableColumn<T>[]): TableColumn<T>[];
-declare function getTableLeafColumns<T extends TableBaseData>(columns: TableColumn<T>[]): TableColumn<T>[];
-declare function getTableHeaderRows<T extends TableBaseData>(columns: TableColumn<T>[]): TableHeaderCell<T>[][];
-declare function getTableColumnByKey<T extends TableBaseData>(columns: TableColumn<T>[], key: string): TableColumn<T> | undefined;
-declare function getTableColumnFilterValue(state: TableFilterState, key: string): string;
-declare function getTableColumnFilterValues(state: TableFilterState, key: string): string[];
-declare function getTableColumnFilterStateValue(state: TableFilterState, key: string): TableFilterValue | undefined;
-declare function isTableColumnFiltered(state: TableFilterState, key: string): boolean;
-declare function toggleTableSortState(current: TableSortState | undefined, key: string): TableSortState | undefined;
-declare function getNextTableFilterState(state: TableFilterState, key: string, value: TableFilterValue | undefined): TableFilterState;
-declare function getNextTableFilterKeywordState(state: TableFilterState, key: string, keyword: string): TableFilterState;
-declare function getNextTableFilterValuesState(state: TableFilterState, key: string, values: string[]): TableFilterState;
-declare function toggleTableFilterOption(state: TableFilterState, key: string, value: string): TableFilterState;
-declare function isTableFilterOptionSelected(state: TableFilterState, key: string, value: string): boolean;
-declare function sortTableData<T extends TableBaseData>(data: T[], column: TableDataColumn<T>, sortState: TableSortState | undefined): T[];
-declare function getTableFilterPlaceholder<T extends TableBaseData>(column: TableDataColumn<T>): string | undefined;
-declare function getTableColumnFilterOptions<T extends TableBaseData>(rows: T[], column: TableDataColumn<T>): TableColumnFilterOption[];
-declare function matchesTableColumnFilter<T extends TableBaseData>(row: T, column: TableDataColumn<T>, filterValue: TableFilterValue | undefined): boolean;
-declare function getTableAriaSort(order?: TableSortOrder): "none" | "ascending" | "descending";
-declare function parseTableColumnWidth(width?: string): number | undefined;
-declare function getTableColumnWidthValue<T extends TableBaseData>(column: TableColumn<T>, columnWidths?: TableColumnWidthState): string | undefined;
-//#endregion
-export { 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 };
+export declare function getTableRowLabel<T extends TableBaseData, R extends string | number>(row: T, rowKey: (row: T) => R): string;
+export declare function getTableTreeRows<T extends TableBaseData, R extends string | number>(nodes: TableTreeNode<T, R>[]): T[];
+export declare function getTableRowValueByDataIndex<T extends TableBaseData, K extends Path<TableRowValue<T>>>(row: T, dataIndex: K): PathValue<TableRowValue<T>, K>;
+export declare function getTableColumnKey<T extends TableBaseData>(column: TableColumn<T>): string;
+export declare function isTableGroupColumn<T extends TableBaseData>(column: TableColumn<T>): column is TableGroupColumn<T>;
+export declare function isTableDataColumn<T extends TableBaseData>(column: TableColumn<T>): column is TableDataColumn<T>;
+export declare function filterTableColumns<T extends TableBaseData>(columns: TableColumn<T>[]): TableColumn<T>[];
+export declare function getTableLeafColumns<T extends TableBaseData>(columns: TableColumn<T>[]): TableColumn<T>[];
+export declare function getTableHeaderRows<T extends TableBaseData>(columns: TableColumn<T>[]): TableHeaderCell<T>[][];
+export declare function getTableColumnByKey<T extends TableBaseData>(columns: TableColumn<T>[], key: string): TableColumn<T> | undefined;
+export declare function getTableColumnFilterValue(state: TableFilterState, key: string): string;
+export declare function getTableColumnFilterValues(state: TableFilterState, key: string): string[];
+export declare function getTableColumnFilterStateValue(state: TableFilterState, key: string): TableFilterValue | undefined;
+export declare function isTableColumnFiltered(state: TableFilterState, key: string): boolean;
+export declare function toggleTableSortState(current: TableSortState | undefined, key: string): TableSortState | undefined;
+export declare function getNextTableFilterState(state: TableFilterState, key: string, value: TableFilterValue | undefined): TableFilterState;
+export declare function getNextTableFilterKeywordState(state: TableFilterState, key: string, keyword: string): TableFilterState;
+export declare function getNextTableFilterValuesState(state: TableFilterState, key: string, values: string[]): TableFilterState;
+export declare function toggleTableFilterOption(state: TableFilterState, key: string, value: string): TableFilterState;
+export declare function isTableFilterOptionSelected(state: TableFilterState, key: string, value: string): boolean;
+export declare function sortTableData<T extends TableBaseData>(data: T[], column: TableDataColumn<T>, sortState: TableSortState | undefined): T[];
+export declare function getTableFilterPlaceholder<T extends TableBaseData>(column: TableDataColumn<T>): string | undefined;
+export declare function getTableColumnFilterOptions<T extends TableBaseData>(rows: T[], column: TableDataColumn<T>): TableColumnFilterOption[];
+export declare function matchesTableColumnFilter<T extends TableBaseData>(row: T, column: TableDataColumn<T>, filterValue: TableFilterValue | undefined): boolean;
+export declare function getTableAriaSort(order?: TableSortOrder): "none" | "ascending" | "descending";
+export declare function parseTableColumnWidth(width?: string): number | undefined;
+export declare function getTableColumnWidthValue<T extends TableBaseData>(column: TableColumn<T>, columnWidths?: TableColumnWidthState): string | undefined;
+//#endregion