@soybeanjs/headless 0.23.1 → 0.24.0

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

@@ -14,8 +14,8 @@ declare const __VLS_base: import("vue").DefineComponent<SplitterGroupProps, {},
 }>, {
   dir: Direction;
   direction: DataOrientation;
-  defaultLayout: number[];
   keyboardResizeBy: number;
+  defaultLayout: number[];
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

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

@@ -33,9 +33,9 @@ declare const __VLS_base: import("vue").DefineComponent<SplitterPanelProps, {
   collapsible: boolean;
   order: number;
   defaultSize: number;
-  minSize: number;
-  maxSize: number;
   collapsedSize: number;
+  maxSize: number;
+  minSize: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

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

@@ -37,8 +37,8 @@ declare const __VLS_base: import("vue").DefineComponent<StepperRootProps, {
   "onUpdate:modelValue"?: ((payload: number) => any) | undefined;
 }>, {
   orientation: DataOrientation;
-  modelValue: number;
   defaultValue: number;
+  modelValue: number;
   linear: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/components/table/index.js

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

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

@@ -1 +1 @@
-import{transformPropsToContext as e}from"../../shared/vue.js";import{useDirection as t}from"../config-provider/context.js";import"../../shared/index.js";import{provideTableCompactContext as n}from"./context.js";import{useTableCompactData as r,useTableCompactResize as ee,useTableCompactState as i,useTableCompactVirtual as a}from"./hooks.js";import o from"./table-body.js";import s from"./table-cell.js";import c from"./table-row.js";import l from"./table-compact-row.js";import u from"./table-compact-head.js";import d from"./table-content.js";import f from"./table-footer.js";import p from"./table-header.js";import m from"./table-root.js";import te from"./table-scroll.js";import ne from"./table-virtual-spacer-row.js";import{Fragment as h,computed as g,createBlock as _,createCommentVNode as v,createElementBlock as y,createSlots as b,createVNode as x,defineComponent as S,guardReactiveProps as C,mergeProps as w,normalizeProps as T,normalizeStyle as E,openBlock as D,renderList as O,renderSlot as k,unref as A,useSlots as re,withCtx as j}from"vue";const M=S({name:`TableCompact`,__name:`table-compact`,props:{columns:{},data:{},rowKey:{},defaultSortState:{},sortState:{default:void 0},defaultFilterState:{},filterState:{default:void 0},defaultColumnWidths:{},columnWidths:{default:void 0},getChildren:{},indent:{default:16},virtual:{type:Boolean},height:{},estimateSize:{},virtualizerOptions:{},defaultExpanded:{},expanded:{default:void 0},defaultExpandAll:{type:Boolean},contentProps:{},headerProps:{},bodyProps:{},footerProps:{},headProps:{},rowProps:{},cellProps:{},dir:{},defaultSelected:{},selected:{default:void 0},multiple:{default:!0}},emits:[`update:sortState`,`update:filterState`,`update:columnWidths`,`update:expanded`,`update:selected`],setup(S,{emit:M}){let N=S,P=M,F=re(),I=g(()=>Object.keys(F)),L=g(()=>!!F[`expanded-row`]),R=N,z=t(()=>N.dir),{expanded:B,sortState:V,filterState:H,columnWidths:U,selected:W,multiple:G,onSelectedChange:K,setSelected:q,resetSelected:J,isValueSelected:Y}=i({props:R,emit:P,hasExpandedRowSlot:L}),{leafColumns:X,headerRows:ie,sourceRows:ae,hasTreeRows:oe,visibleExpandedKeys:se,visibleRowKeys:ce,treeColumnKey:le,hasExpandColumn:ue,isHeaderSelectionDisabled:de,headerSelection:fe,displayRows:Z}=r({props:R,expanded:B,sortState:V,filterState:H,selected:W,hasExpandedRowSlot:L}),{setTableContentRef:pe,headCellElements:me,measuredColumnWidths:Q,syncMeasuredColumnWidths:he,resizingColumnKey:ge,fixedColumnStates:_e}=ee({leafColumns:X,columnWidths:U}),{isVirtual:ve,setTableScrollRef:ye,tableScrollStyle:be,virtualPaddingStart:xe,virtualPaddingEnd:Se,visibleRows:Ce}=a({...e(R,[`height`,`virtual`,`virtualizerOptions`,`estimateSize`]),displayRows:Z,syncMeasuredColumnWidths:he}),$=g(()=>Math.max(X.value.length,1)),we=g(()=>Z.value.length===0);return n({...e(N,[`indent`,`headProps`,`cellProps`,`rowProps`]),dir:z,rowKey:N.rowKey,expanded:B,sortState:V,filterState:H,columnWidths:U,selected:W,multiple:G,onSelectedChange:K,setSelected:q,resetSelected:J,isValueSelected:Y,leafColumns:X,sourceRows:ae,hasTreeRows:oe,treeColumnKey:le,hasExpandColumn:ue,hasExpandedRowSlot:L,visibleExpandedKeys:se,visibleRowKeys:ce,isHeaderSelectionDisabled:de,headerSelection:fe,fixedColumnStates:_e,resizingColumnKey:ge,measuredColumnWidths:Q,headCellElements:me}),(e,t)=>(D(),_(m,{dir:A(z)},{default:j(()=>[x(te,{ref:A(ye),style:E(A(be))},{default:j(()=>[x(d,w({ref:A(pe)},S.contentProps),{default:j(()=>[x(p,T(C(S.headerProps)),{default:j(()=>[(D(!0),y(h,null,O(A(ie),(t,n)=>(D(),_(c,w({key:n},{ref_for:!0},S.rowProps),{default:j(()=>[(D(!0),y(h,null,O(t,t=>(D(),_(u,{key:t.key,column:t.column,"col-span":t.colSpan,"row-span":t.rowSpan},b({_:2},[O(I.value,t=>({name:t,fn:j(n=>[k(e.$slots,t,w({ref_for:!0},n))])}))]),1032,[`column`,`col-span`,`row-span`]))),128))]),_:2},1040))),128))]),_:3},16),x(o,T(C(S.bodyProps)),{default:j(()=>[we.value?(D(),_(c,T(w({key:0},S.rowProps)),{default:j(()=>[x(s,w({colspan:$.value},S.cellProps),{default:j(()=>[k(e.$slots,`empty`,{columnSize:$.value})]),_:3},16,[`colspan`])]),_:3},16)):(D(),_(ne,{key:1,"is-virtual":A(ve),colspan:$.value,"padding-start":A(xe),"padding-end":A(Se)},{default:j(()=>[(D(!0),y(h,null,O(A(Ce),({item:t,index:n})=>(D(),_(l,{key:t.key,row:t,index:n,"leaf-columns":A(X)},b({_:2},[O(I.value,t=>({name:t,fn:j(n=>[k(e.$slots,t,w({ref_for:!0},n))])}))]),1032,[`row`,`index`,`leaf-columns`]))),128))]),_:3},8,[`is-virtual`,`colspan`,`padding-start`,`padding-end`]))]),_:3},16),e.$slots.footer?(D(),_(f,T(w({key:0},S.footerProps)),{default:j(()=>[k(e.$slots,`footer`,{columnSize:$.value})]),_:3},16)):v(`v-if`,!0)]),_:3},16)]),_:3},8,[`style`]),k(e.$slots,`bottom`)]),_:3},8,[`dir`]))}});export{M as default};
+import{transformPropsToContext as e}from"../../shared/vue.js";import{useDirection as t}from"../config-provider/context.js";import"../../shared/index.js";import{provideTableCompactContext as n}from"./context.js";import{useTableCompactData as r,useTableCompactResize as ee,useTableCompactState as i,useTableCompactVirtual as a}from"./hooks.js";import o from"./table-body.js";import s from"./table-cell.js";import c from"./table-compact-head.js";import l from"./table-row.js";import u from"./table-compact-row.js";import d from"./table-content.js";import f from"./table-footer.js";import p from"./table-header.js";import m from"./table-root.js";import te from"./table-scroll.js";import ne from"./table-virtual-spacer-row.js";import{Fragment as h,computed as g,createBlock as _,createCommentVNode as v,createElementBlock as y,createSlots as b,createVNode as x,defineComponent as S,guardReactiveProps as C,mergeProps as w,normalizeProps as T,normalizeStyle as E,openBlock as D,renderList as O,renderSlot as k,unref as A,useSlots as re,withCtx as j}from"vue";const M=S({name:`TableCompact`,__name:`table-compact`,props:{columns:{},data:{},rowKey:{},defaultSortState:{},sortState:{default:void 0},defaultFilterState:{},filterState:{default:void 0},defaultColumnWidths:{},columnWidths:{default:void 0},getChildren:{},indent:{default:16},virtual:{type:Boolean},height:{},estimateSize:{},virtualizerOptions:{},defaultExpanded:{},expanded:{default:void 0},defaultExpandAll:{type:Boolean},contentProps:{},headerProps:{},bodyProps:{},footerProps:{},headProps:{},rowProps:{},cellProps:{},dir:{},defaultSelected:{},selected:{default:void 0},multiple:{default:!0}},emits:[`update:sortState`,`update:filterState`,`update:columnWidths`,`update:expanded`,`update:selected`],setup(S,{emit:M}){let N=S,P=M,F=re(),I=g(()=>Object.keys(F)),L=g(()=>!!F[`expanded-row`]),R=N,z=t(()=>N.dir),{expanded:B,sortState:V,filterState:H,columnWidths:U,selected:W,multiple:G,onSelectedChange:K,setSelected:q,resetSelected:J,isValueSelected:Y}=i({props:R,emit:P,hasExpandedRowSlot:L}),{leafColumns:X,headerRows:ie,sourceRows:ae,hasTreeRows:oe,visibleExpandedKeys:se,visibleRowKeys:ce,treeColumnKey:le,hasExpandColumn:ue,isHeaderSelectionDisabled:de,headerSelection:fe,displayRows:Z}=r({props:R,expanded:B,sortState:V,filterState:H,selected:W,hasExpandedRowSlot:L}),{setTableContentRef:pe,headCellElements:me,measuredColumnWidths:Q,syncMeasuredColumnWidths:he,resizingColumnKey:ge,fixedColumnStates:_e}=ee({leafColumns:X,columnWidths:U}),{isVirtual:ve,setTableScrollRef:ye,tableScrollStyle:be,virtualPaddingStart:xe,virtualPaddingEnd:Se,visibleRows:Ce}=a({...e(R,[`height`,`virtual`,`virtualizerOptions`,`estimateSize`]),displayRows:Z,syncMeasuredColumnWidths:he}),$=g(()=>Math.max(X.value.length,1)),we=g(()=>Z.value.length===0);return n({...e(N,[`indent`,`headProps`,`cellProps`,`rowProps`]),dir:z,rowKey:N.rowKey,expanded:B,sortState:V,filterState:H,columnWidths:U,selected:W,multiple:G,onSelectedChange:K,setSelected:q,resetSelected:J,isValueSelected:Y,leafColumns:X,sourceRows:ae,hasTreeRows:oe,treeColumnKey:le,hasExpandColumn:ue,hasExpandedRowSlot:L,visibleExpandedKeys:se,visibleRowKeys:ce,isHeaderSelectionDisabled:de,headerSelection:fe,fixedColumnStates:_e,resizingColumnKey:ge,measuredColumnWidths:Q,headCellElements:me}),(e,t)=>(D(),_(m,{dir:A(z)},{default:j(()=>[x(te,{ref:A(ye),style:E(A(be))},{default:j(()=>[x(d,w({ref:A(pe)},S.contentProps),{default:j(()=>[x(p,T(C(S.headerProps)),{default:j(()=>[(D(!0),y(h,null,O(A(ie),(t,n)=>(D(),_(l,w({key:n},{ref_for:!0},S.rowProps),{default:j(()=>[(D(!0),y(h,null,O(t,t=>(D(),_(c,{key:t.key,column:t.column,"col-span":t.colSpan,"row-span":t.rowSpan},b({_:2},[O(I.value,t=>({name:t,fn:j(n=>[k(e.$slots,t,w({ref_for:!0},n))])}))]),1032,[`column`,`col-span`,`row-span`]))),128))]),_:2},1040))),128))]),_:3},16),x(o,T(C(S.bodyProps)),{default:j(()=>[we.value?(D(),_(l,T(w({key:0},S.rowProps)),{default:j(()=>[x(s,w({colspan:$.value},S.cellProps),{default:j(()=>[k(e.$slots,`empty`,{columnSize:$.value})]),_:3},16,[`colspan`])]),_:3},16)):(D(),_(ne,{key:1,"is-virtual":A(ve),colspan:$.value,"padding-start":A(xe),"padding-end":A(Se)},{default:j(()=>[(D(!0),y(h,null,O(A(Ce),({item:t,index:n})=>(D(),_(u,{key:t.key,row:t,index:n,"leaf-columns":A(X)},b({_:2},[O(I.value,t=>({name:t,fn:j(n=>[k(e.$slots,t,w({ref_for:!0},n))])}))]),1032,[`row`,`index`,`leaf-columns`]))),128))]),_:3},8,[`is-virtual`,`colspan`,`padding-start`,`padding-end`]))]),_:3},16),e.$slots.footer?(D(),_(f,T(w({key:0},S.footerProps)),{default:j(()=>[k(e.$slots,`footer`,{columnSize:$.value})]),_:3},16)):v(`v-if`,!0)]),_:3},16)]),_:3},8,[`style`]),k(e.$slots,`bottom`)]),_:3},8,[`dir`]))}});export{M as default};

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

@@ -14,8 +14,8 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {},
   "onUpdate:modelValue"?: ((payload: DefinedValue | null) => any) | undefined;
 }>, {
   orientation: DataOrientation;
-  loop: boolean;
   modelValue: DefinedValue | null;
+  loop: boolean;
   activationMode: TabsActivationMode;
   unmountOnHide: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/components/tags-input/tags-input-compact.vue.d.ts

@@ -3,13 +3,13 @@ import { TagsInputCompactProps, TagsInputCompactSlots } from "./types.js";
 //#region src/components/tags-input/tags-input-compact.vue.d.ts
 type __VLS_Slots = TagsInputCompactSlots;
 declare const __VLS_base: import("vue").DefineComponent<TagsInputCompactProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-  invalid: (value: string) => any;
   "update:modelValue": (value: string[]) => any;
+  invalid: (value: string) => any;
   addTag: (value: string) => any;
   removeTag: (value: string) => any;
 }, string, import("vue").PublicProps, Readonly<TagsInputCompactProps> & Readonly<{
-  onInvalid?: ((value: string) => any) | undefined;
   "onUpdate:modelValue"?: ((value: string[]) => any) | undefined;
+  onInvalid?: ((value: string) => any) | undefined;
   onAddTag?: ((value: string) => any) | undefined;
   onRemoveTag?: ((value: string) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/components/tags-input/tags-input-root.vue.d.ts

@@ -9,19 +9,19 @@ type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_1) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<TagsInputRootProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-  invalid: (value: string) => any;
   "update:modelValue": (value: string[]) => any;
+  invalid: (value: string) => any;
   addTag: (value: string) => any;
   removeTag: (value: string) => any;
 }, string, import("vue").PublicProps, Readonly<TagsInputRootProps> & Readonly<{
-  onInvalid?: ((value: string) => any) | undefined;
   "onUpdate:modelValue"?: ((value: string[]) => any) | undefined;
+  onInvalid?: ((value: string) => any) | undefined;
   onAddTag?: ((value: string) => any) | undefined;
   onRemoveTag?: ((value: string) => any) | undefined;
 }>, {
   max: number;
-  modelValue: string[];
   defaultValue: string[];
+  modelValue: string[];
   delimiter: string | RegExp;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/components/time-field/time-field-root.vue.d.ts

@@ -16,8 +16,8 @@ declare const __VLS_base: import("vue").DefineComponent<TimeFieldRootProps, {},
   defaultValue: TimeValue;
   defaultPlaceholder: TimeValue;
   readonly: boolean;
-  granularity: TimeGranularity;
   hourCycle: 12 | 24;
+  granularity: TimeGranularity;
   hideTimeZone: boolean;
   isTimeUnavailable: TimeMatcher;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/components/time-range-field/index.js

@@ -1 +1 @@
-import{provideTimeRangeFieldUi as e}from"./context.js";import t from"./time-range-field-root.js";import n from"./time-range-field-input.js";import r from"./time-range-field-compact.js";export{r as TimeRangeFieldCompact,n as TimeRangeFieldInput,t as TimeRangeFieldRoot,e as provideTimeRangeFieldUi};
+import{provideTimeRangeFieldUi as e}from"./context.js";import t from"./time-range-field-input.js";import n from"./time-range-field-root.js";import r from"./time-range-field-compact.js";export{r as TimeRangeFieldCompact,t as TimeRangeFieldInput,n as TimeRangeFieldRoot,e as provideTimeRangeFieldUi};

package/dist/components/time-range-field/time-range-field-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{useTimeRangeFieldUi as n}from"./context.js";import r from"./time-range-field-root.js";import i from"./time-range-field-input.js";import{Fragment as a,createBlock as o,createElementBlock as s,createElementVNode as c,createTextVNode as l,defineComponent as u,mergeProps as d,normalizeClass as f,openBlock as p,renderList as m,renderSlot as h,toDisplayString as g,toHandlers as _,unref as v,withCtx as y}from"vue";const b=u({name:`TimeRangeFieldCompact`,__name:`time-range-field-compact`,props:{inputProps:{},separator:{default:`–`},defaultValue:{},modelValue:{},startName:{},endName:{},defaultPlaceholder:{},placeholder:{},granularity:{},maxValue:{},minValue:{},isTimeUnavailable:{},id:{},hourCycle:{},step:{},hideTimeZone:{type:Boolean},name:{},required:{type:Boolean},dir:{},locale:{},disabled:{type:Boolean},readonly:{type:Boolean},asChild:{type:Boolean},as:{}},emits:[`update:modelValue`,`update:placeholder`,`update:startValue`,`update:endValue`],setup(u,{emit:b}){let x=u,S=b,C=t(x,[`inputProps`,`separator`]),w=e(S),T=n();return(e,t)=>(p(),o(r,d(v(C),_(v(w))),{default:y(t=>[h(e.$slots,`leading`),c(`div`,{"data-time-range-field-part":`start`,class:f(v(T).startRoot)},[(p(!0),s(a,null,m(t.startSegments,(e,t)=>(p(),o(i,d({key:`start-${e.part}-${t}`,part:e.part,type:`start`},{ref_for:!0},u.inputProps),{default:y(()=>[l(g(e.value),1)]),_:2},1040,[`part`]))),128))],2),c(`div`,{class:f(v(T).separator)},[h(e.$slots,`separator`,{},()=>[l(g(u.separator),1)])],2),c(`div`,{"data-time-range-field-part":`end`,class:f(v(T).endRoot)},[(p(!0),s(a,null,m(t.endSegments,(e,t)=>(p(),o(i,d({key:`end-${e.part}-${t}`,part:e.part,type:`end`},{ref_for:!0},u.inputProps),{default:y(()=>[l(g(e.value),1)]),_:2},1040,[`part`]))),128))],2),h(e.$slots,`trailing`)]),_:3},16))}});export{b as default};
+import{useForwardListeners as e}from"../../composables/use-forward-listeners.js";import{useOmitProps as t}from"../../composables/use-props.js";import"../../composables/index.js";import{useTimeRangeFieldUi as n}from"./context.js";import r from"./time-range-field-input.js";import i from"./time-range-field-root.js";import{Fragment as a,createBlock as o,createElementBlock as s,createElementVNode as c,createTextVNode as l,defineComponent as u,mergeProps as d,normalizeClass as f,openBlock as p,renderList as m,renderSlot as h,toDisplayString as g,toHandlers as _,unref as v,withCtx as y}from"vue";const b=u({name:`TimeRangeFieldCompact`,__name:`time-range-field-compact`,props:{inputProps:{},separator:{default:`–`},defaultValue:{},modelValue:{},startName:{},endName:{},defaultPlaceholder:{},placeholder:{},granularity:{},maxValue:{},minValue:{},isTimeUnavailable:{},id:{},hourCycle:{},step:{},hideTimeZone:{type:Boolean},name:{},required:{type:Boolean},dir:{},locale:{},disabled:{type:Boolean},readonly:{type:Boolean},asChild:{type:Boolean},as:{}},emits:[`update:modelValue`,`update:placeholder`,`update:startValue`,`update:endValue`],setup(u,{emit:b}){let x=u,S=b,C=t(x,[`inputProps`,`separator`]),w=e(S),T=n();return(e,t)=>(p(),o(i,d(v(C),_(v(w))),{default:y(t=>[h(e.$slots,`leading`),c(`div`,{"data-time-range-field-part":`start`,class:f(v(T).startRoot)},[(p(!0),s(a,null,m(t.startSegments,(e,t)=>(p(),o(r,d({key:`start-${e.part}-${t}`,part:e.part,type:`start`},{ref_for:!0},u.inputProps),{default:y(()=>[l(g(e.value),1)]),_:2},1040,[`part`]))),128))],2),c(`div`,{class:f(v(T).separator)},[h(e.$slots,`separator`,{},()=>[l(g(u.separator),1)])],2),c(`div`,{"data-time-range-field-part":`end`,class:f(v(T).endRoot)},[(p(!0),s(a,null,m(t.endSegments,(e,t)=>(p(),o(r,d({key:`end-${e.part}-${t}`,part:e.part,type:`end`},{ref_for:!0},u.inputProps),{default:y(()=>[l(g(e.value),1)]),_:2},1040,[`part`]))),128))],2),h(e.$slots,`trailing`)]),_:3},16))}});export{b as default};

package/dist/components/time-range-field/time-range-field-root.vue.d.ts

@@ -20,8 +20,8 @@ declare const __VLS_base: import("vue").DefineComponent<TimeRangeFieldRootProps,
   defaultValue: TimeRange;
   defaultPlaceholder: TimeValue;
   readonly: boolean;
-  granularity: TimeGranularity;
   hourCycle: 12 | 24;
+  granularity: TimeGranularity;
   hideTimeZone: boolean;
   startName: string;
   endName: string;

package/dist/components/toast/index.js

@@ -1 +1 @@
-import{toast as e}from"./state.js";import{provideToastUi as t}from"./context.js";import n from"./toaster.js";import r from"./toast-provider.js";export{r as ToastProvider,n as Toaster,t as provideToastUi,e as toast};
+import{provideToastUi as e}from"./context.js";import{toast as t}from"./state.js";import n from"./toaster.js";import r from"./toast-provider.js";export{r as ToastProvider,n as Toaster,e as provideToastUi,t as toast};

package/dist/components/toast/toast.js

@@ -1 +1 @@
-import e from"../_icon/icon.js";import t from"../button/button.js";import n from"../_common/dynamic-render.js";import{useToastUi as r,useToasterContext as i}from"./context.js";import{getDefaultSwipeDirections as ee,getSwipeAmount as a,resetSwipeAmount as te,setSwipeAmount as ne,toastCssVars as o}from"./shared.js";import{Fragment as re,computed as s,createBlock as c,createCommentVNode as l,createElementBlock as u,createElementVNode as d,createVNode as f,defineComponent as p,mergeProps as m,onWatcherCleanup as ie,openBlock as h,resolveDynamicComponent as g,shallowRef as _,unref as v,useTemplateRef as y,watch as b,watchEffect as ae,withCtx as x}from"vue";import{useDocumentVisibility as oe,useElementSize as se,useMounted as ce}from"@vueuse/core";const le=[`dir`,`data-rich-color`,`data-inverted`,`data-mounted`,`data-promise`,`data-swiped`,`data-removed`,`data-visible`,`data-y-position`,`data-x-position`,`data-index`,`data-front`,`data-swiping`,`data-dismissible`,`data-type`,`data-swipe-out`,`data-swipe-direction`,`data-expanded`,`data-testid`],S=p({name:`Toast`,__name:`toast`,props:{index:{},toast:{},position:{}},emits:[`update:height`,`remove`],setup(p,{emit:S}){let C=p,w=S,{dir:ue,allToasts:de,allHeights:T,gap:fe,duration:E,visibleCounts:pe,defaultExpanded:D,swipeDirections:me,interactingPosition:he,expandedPosition:O,showIcon:ge,showClose:_e,icons:k,toastProps:ve,wrapperProps:ye,contentProps:be,titleProps:xe,descriptionProps:Se,iconProps:Ce,footerProps:we,actionProps:Te,cancelProps:Ee,closeProps:De}=i(`Toast`),A=r(),j=y(`toast`),Oe=y(`wrapper`),M=ce(),{height:ke}=se(Oe),Ae=oe(),N=_(null),P=_(null),F=_(!1),I=_(!1),L=_(!1),R=_(!1),z=_(0),B=_(0),V=_(C.toast.duration??E.value),H=_(null),U=_(0),W=_(0),G=_(null),K=s(()=>C.toast.type),q=s(()=>{if(ge.value){if(C.toast.icon)return C.toast.icon;if(K.value&&K.value!==`default`)return k.value[K.value];if(C.toast.promise)return k.value.loading}}),je=s(()=>C.index===0),Me=s(()=>C.index+1<=pe.value),J=s(()=>K.value===`loading`),Y=s(()=>C.toast.dismissible!==!1),X=s(()=>Math.max(T.value[C.position].findIndex(e=>e.toastId===C.toast.id),0)),Ne=s(()=>(C.toast.showClose||_e.value)&&Y.value&&K.value!==`loading`),Pe=s(()=>C.toast.duration??E.value),Z=s(()=>{let[e,t]=C.position.split(`-`);return{x:t,y:e}}),Fe=s(()=>T.value[C.position].reduce((e,t,n)=>n>=X.value?e:e+t.height,0)),Q=s(()=>X.value*fe.value+Fe.value),Ie=s(()=>O.value===C.position||D.value&&M.value),Le=s(()=>({[o.index]:C.index,[o.beforeIndex]:C.index,[o.zIndex]:de.value[C.position].length-C.index,[o.offset]:`${F.value?z.value:Q.value}px`,[o.initialHeight]:D.value?`auto`:`${B.value}px`})),$=()=>{F.value=!0,z.value=Q.value,window.setTimeout(()=>{w(`remove`,C.toast)},200)},Re=()=>{J.value||!Y.value||($(),C.toast.onDismiss?.(C.toast))},ze=e=>{e.button!==2&&(J.value||!Y.value||(H.value=new Date,z.value=Q.value,e.target.setPointerCapture(e.pointerId),e.target.tagName!==`BUTTON`&&(I.value=!0,G.value={x:e.clientX,y:e.clientY})))},Be=()=>{if(L.value||!Y.value)return;G.value=null;let{x:e,y:t}=a(j.value),n=Date.now()-(H.value?.getTime()??Date.now()),r=N.value===`x`?e:t,i=Math.abs(r)/Math.max(n,1);if(Math.abs(r)>=45||i>.11){z.value=Q.value,C.toast.onDismiss?.(C.toast),N.value===`x`?P.value=e>0?`right`:`left`:P.value=t>0?`down`:`up`,$(),L.value=!0;return}te(j.value),R.value=!1,I.value=!1,N.value=null},Ve=e=>{if(!G.value||!Y.value||(typeof window<`u`?window.getSelection()?.toString().length??0:0)>0)return;let t=e.clientY-G.value.y,n=e.clientX-G.value.x,r=me.value??ee(C.position);!N.value&&(Math.abs(n)>1||Math.abs(t)>1)&&(N.value=Math.abs(n)>Math.abs(t)?`x`:`y`);let i={x:0,y:0},a=e=>1/(1.5+Math.abs(e)/20);if(N.value===`y`){if(r.includes(`up`)||r.includes(`down`))if(r.includes(`up`)&&t<0||r.includes(`down`)&&t>0)i.y=t;else{let e=t*a(t);i.y=Math.abs(e)<Math.abs(t)?e:t}}else if(N.value===`x`&&(r.includes(`left`)||r.includes(`right`)))if(r.includes(`left`)&&n<0||r.includes(`right`)&&n>0)i.x=n;else{let e=n*a(n);i.x=Math.abs(e)<Math.abs(n)?e:n}(Math.abs(i.x)>0||Math.abs(i.y)>0)&&(R.value=!0),ne(j.value,i)},He=()=>{I.value=!1,N.value=null,G.value=null},Ue=e=>{C.toast.onAction?.(e),!e.defaultPrevented&&$()},We=e=>{C.toast.onCancel?.(e),Y.value&&$()};function Ge(e){B.value=e,w(`update:height`,{toastId:C.toast.id,height:e,position:C.toast.position??C.position})}function Ke(){let e=j.value;if(!e)return;let t=e.style.height;e.style.height=`auto`;let n=e.getBoundingClientRect().height;e.style.height=t,Ge(n)}return b(Pe,e=>{V.value=e},{immediate:!0}),b(ke,e=>{M.value&&e&&Ke()},{flush:`post`}),b(()=>C.toast.delete,e=>{e&&($(),C.toast.onDismiss?.(C.toast))}),ae(()=>{let e=C.toast;if(e.type===`loading`||e.promise||e.duration===1/0)return;let t;O.value===C.position||he.value===C.position||Ae.value===`hidden`?(()=>{if(W.value<U.value){let e=Date.now()-U.value;V.value-=e}W.value=Date.now()})():V.value!==1/0&&(U.value=Date.now(),t=setTimeout(()=>{C.toast.onAutoClose?.(C.toast),$()},V.value)),ie(()=>{t!==void 0&&clearTimeout(t)})}),(r,i)=>(h(),u(`li`,m(v(ve),{ref:`toast`,"data-soybean-toast":``,class:[v(A).toast,p.toast.ui?.toast],dir:v(ue),tabindex:`0`,"data-rich-color":p.toast.richColor,"data-inverted":p.toast.inverted,"data-mounted":v(M),"data-promise":!!p.toast.promise,"data-swiped":R.value,"data-removed":F.value,"data-visible":Me.value,"data-y-position":Z.value.y,"data-x-position":Z.value.x,"data-index":p.index,"data-front":je.value,"data-swiping":I.value,"data-dismissible":Y.value,"data-type":K.value,"data-swipe-out":L.value,"data-swipe-direction":P.value,"data-expanded":Ie.value,"data-testid":p.toast.testId,style:Le.value,onDragend:He,onPointerdown:ze,onPointerup:Be,onPointermove:Ve}),[d(`div`,m({ref:`wrapper`},v(ye),{class:[v(A).wrapper,p.toast.ui?.wrapper],"data-soybean-toast-wrapper":``}),[p.toast.custom?(h(),c(g(p.toast.custom),{key:0})):(h(),u(re,{key:1},[d(`h3`,m(v(xe),{class:[v(A).title,p.toast.ui?.title],"data-soybean-toast-title":``}),[q.value?(h(),c(e,m({key:0},v(Ce),{icon:q.value,class:[v(A).icon,p.toast.ui?.icon]}),null,16,[`icon`,`class`])):l(`v-if`,!0),f(n,{is:p.toast.title},null,8,[`is`])],16),p.toast.description?(h(),u(`p`,m({key:0},v(Se),{class:[v(A).description,p.toast.ui?.description],"data-soybean-toast-description":``}),[f(n,{is:p.toast.description},null,8,[`is`])],16)):l(`v-if`,!0),p.toast.content?(h(),c(g(p.toast.content),m({key:1},v(be),{class:[v(A).content,p.toast.ui?.content],"data-soybean-toast-content":``}),null,16,[`class`])):l(`v-if`,!0),p.toast.action||p.toast.cancel?(h(),u(`div`,m({key:2},v(we),{class:[v(A).footer,p.toast.ui?.footer],"data-soybean-toast-footer":``}),[p.toast.cancel?(h(),c(t,m({key:0},v(Ee),{class:[v(A).cancel,p.toast.ui?.cancel],"data-soybean-toast-cancel":``,onClick:We}),{default:x(()=>[f(n,{is:p.toast.cancel},null,8,[`is`])]),_:1},16,[`class`])):l(`v-if`,!0),p.toast.action?(h(),c(t,m({key:1},v(Te),{class:[v(A).action,p.toast.ui?.action],"data-soybean-toast-action":``,onClick:Ue}),{default:x(()=>[f(n,{is:p.toast.action},null,8,[`is`])]),_:1},16,[`class`])):l(`v-if`,!0)],16)):l(`v-if`,!0)],64))],16),Ne.value&&v(k)?.close?(h(),c(t,m({key:0},v(De),{class:[v(A).close,p.toast.ui?.close],"data-soybean-toast-close":``,onClick:Re}),{default:x(()=>[f(e,{icon:v(k)?.close},null,8,[`icon`])]),_:1},16,[`class`])):l(`v-if`,!0)],16,le))}});export{S as default};
+import e from"../_icon/icon.js";import t from"../button/button.js";import n from"../_common/dynamic-render.js";import{getDefaultSwipeDirections as r,getSwipeAmount as i,resetSwipeAmount as a,setSwipeAmount as o,toastCssVars as s}from"./shared.js";import{useToastUi as ee,useToasterContext as te}from"./context.js";import{Fragment as ne,computed as c,createBlock as l,createCommentVNode as u,createElementBlock as d,createElementVNode as f,createVNode as p,defineComponent as m,mergeProps as h,onWatcherCleanup as re,openBlock as g,resolveDynamicComponent as _,shallowRef as v,unref as y,useTemplateRef as b,watch as x,watchEffect as ie,withCtx as S}from"vue";import{useDocumentVisibility as ae,useElementSize as oe,useMounted as se}from"@vueuse/core";const ce=[`dir`,`data-rich-color`,`data-inverted`,`data-mounted`,`data-promise`,`data-swiped`,`data-removed`,`data-visible`,`data-y-position`,`data-x-position`,`data-index`,`data-front`,`data-swiping`,`data-dismissible`,`data-type`,`data-swipe-out`,`data-swipe-direction`,`data-expanded`,`data-testid`],C=m({name:`Toast`,__name:`toast`,props:{index:{},toast:{},position:{}},emits:[`update:height`,`remove`],setup(m,{emit:C}){let w=m,T=C,{dir:le,allToasts:ue,allHeights:E,gap:de,duration:D,visibleCounts:fe,defaultExpanded:O,swipeDirections:pe,interactingPosition:me,expandedPosition:k,showIcon:he,showClose:ge,icons:A,toastProps:_e,wrapperProps:ve,contentProps:ye,titleProps:be,descriptionProps:xe,iconProps:Se,footerProps:Ce,actionProps:we,cancelProps:Te,closeProps:Ee}=te(`Toast`),j=ee(),M=b(`toast`),De=b(`wrapper`),N=se(),{height:Oe}=oe(De),ke=ae(),P=v(null),F=v(null),I=v(!1),L=v(!1),R=v(!1),z=v(!1),B=v(0),V=v(0),H=v(w.toast.duration??D.value),U=v(null),W=v(0),G=v(0),K=v(null),q=c(()=>w.toast.type),J=c(()=>{if(he.value){if(w.toast.icon)return w.toast.icon;if(q.value&&q.value!==`default`)return A.value[q.value];if(w.toast.promise)return A.value.loading}}),Ae=c(()=>w.index===0),je=c(()=>w.index+1<=fe.value),Y=c(()=>q.value===`loading`),X=c(()=>w.toast.dismissible!==!1),Z=c(()=>Math.max(E.value[w.position].findIndex(e=>e.toastId===w.toast.id),0)),Me=c(()=>(w.toast.showClose||ge.value)&&X.value&&q.value!==`loading`),Ne=c(()=>w.toast.duration??D.value),Pe=c(()=>{let[e,t]=w.position.split(`-`);return{x:t,y:e}}),Fe=c(()=>E.value[w.position].reduce((e,t,n)=>n>=Z.value?e:e+t.height,0)),Q=c(()=>Z.value*de.value+Fe.value),Ie=c(()=>k.value===w.position||O.value&&N.value),Le=c(()=>({[s.index]:w.index,[s.beforeIndex]:w.index,[s.zIndex]:ue.value[w.position].length-w.index,[s.offset]:`${I.value?B.value:Q.value}px`,[s.initialHeight]:O.value?`auto`:`${V.value}px`})),$=()=>{I.value=!0,B.value=Q.value,window.setTimeout(()=>{T(`remove`,w.toast)},200)},Re=()=>{Y.value||!X.value||($(),w.toast.onDismiss?.(w.toast))},ze=e=>{e.button!==2&&(Y.value||!X.value||(U.value=new Date,B.value=Q.value,e.target.setPointerCapture(e.pointerId),e.target.tagName!==`BUTTON`&&(L.value=!0,K.value={x:e.clientX,y:e.clientY})))},Be=()=>{if(R.value||!X.value)return;K.value=null;let{x:e,y:t}=i(M.value),n=Date.now()-(U.value?.getTime()??Date.now()),r=P.value===`x`?e:t,o=Math.abs(r)/Math.max(n,1);if(Math.abs(r)>=45||o>.11){B.value=Q.value,w.toast.onDismiss?.(w.toast),P.value===`x`?F.value=e>0?`right`:`left`:F.value=t>0?`down`:`up`,$(),R.value=!0;return}a(M.value),z.value=!1,L.value=!1,P.value=null},Ve=e=>{if(!K.value||!X.value||(typeof window<`u`?window.getSelection()?.toString().length??0:0)>0)return;let t=e.clientY-K.value.y,n=e.clientX-K.value.x,i=pe.value??r(w.position);!P.value&&(Math.abs(n)>1||Math.abs(t)>1)&&(P.value=Math.abs(n)>Math.abs(t)?`x`:`y`);let a={x:0,y:0},s=e=>1/(1.5+Math.abs(e)/20);if(P.value===`y`){if(i.includes(`up`)||i.includes(`down`))if(i.includes(`up`)&&t<0||i.includes(`down`)&&t>0)a.y=t;else{let e=t*s(t);a.y=Math.abs(e)<Math.abs(t)?e:t}}else if(P.value===`x`&&(i.includes(`left`)||i.includes(`right`)))if(i.includes(`left`)&&n<0||i.includes(`right`)&&n>0)a.x=n;else{let e=n*s(n);a.x=Math.abs(e)<Math.abs(n)?e:n}(Math.abs(a.x)>0||Math.abs(a.y)>0)&&(z.value=!0),o(M.value,a)},He=()=>{L.value=!1,P.value=null,K.value=null},Ue=e=>{w.toast.onAction?.(e),!e.defaultPrevented&&$()},We=e=>{w.toast.onCancel?.(e),X.value&&$()};function Ge(e){V.value=e,T(`update:height`,{toastId:w.toast.id,height:e,position:w.toast.position??w.position})}function Ke(){let e=M.value;if(!e)return;let t=e.style.height;e.style.height=`auto`;let n=e.getBoundingClientRect().height;e.style.height=t,Ge(n)}return x(Ne,e=>{H.value=e},{immediate:!0}),x(Oe,e=>{N.value&&e&&Ke()},{flush:`post`}),x(()=>w.toast.delete,e=>{e&&($(),w.toast.onDismiss?.(w.toast))}),ie(()=>{let e=w.toast;if(e.type===`loading`||e.promise||e.duration===1/0)return;let t;k.value===w.position||me.value===w.position||ke.value===`hidden`?(()=>{if(G.value<W.value){let e=Date.now()-W.value;H.value-=e}G.value=Date.now()})():H.value!==1/0&&(W.value=Date.now(),t=setTimeout(()=>{w.toast.onAutoClose?.(w.toast),$()},H.value)),re(()=>{t!==void 0&&clearTimeout(t)})}),(r,i)=>(g(),d(`li`,h(y(_e),{ref:`toast`,"data-soybean-toast":``,class:[y(j).toast,m.toast.ui?.toast],dir:y(le),tabindex:`0`,"data-rich-color":m.toast.richColor,"data-inverted":m.toast.inverted,"data-mounted":y(N),"data-promise":!!m.toast.promise,"data-swiped":z.value,"data-removed":I.value,"data-visible":je.value,"data-y-position":Pe.value.y,"data-x-position":Pe.value.x,"data-index":m.index,"data-front":Ae.value,"data-swiping":L.value,"data-dismissible":X.value,"data-type":q.value,"data-swipe-out":R.value,"data-swipe-direction":F.value,"data-expanded":Ie.value,"data-testid":m.toast.testId,style:Le.value,onDragend:He,onPointerdown:ze,onPointerup:Be,onPointermove:Ve}),[f(`div`,h({ref:`wrapper`},y(ve),{class:[y(j).wrapper,m.toast.ui?.wrapper],"data-soybean-toast-wrapper":``}),[m.toast.custom?(g(),l(_(m.toast.custom),{key:0})):(g(),d(ne,{key:1},[f(`h3`,h(y(be),{class:[y(j).title,m.toast.ui?.title],"data-soybean-toast-title":``}),[J.value?(g(),l(e,h({key:0},y(Se),{icon:J.value,class:[y(j).icon,m.toast.ui?.icon]}),null,16,[`icon`,`class`])):u(`v-if`,!0),p(n,{is:m.toast.title},null,8,[`is`])],16),m.toast.description?(g(),d(`p`,h({key:0},y(xe),{class:[y(j).description,m.toast.ui?.description],"data-soybean-toast-description":``}),[p(n,{is:m.toast.description},null,8,[`is`])],16)):u(`v-if`,!0),m.toast.content?(g(),l(_(m.toast.content),h({key:1},y(ye),{class:[y(j).content,m.toast.ui?.content],"data-soybean-toast-content":``}),null,16,[`class`])):u(`v-if`,!0),m.toast.action||m.toast.cancel?(g(),d(`div`,h({key:2},y(Ce),{class:[y(j).footer,m.toast.ui?.footer],"data-soybean-toast-footer":``}),[m.toast.cancel?(g(),l(t,h({key:0},y(Te),{class:[y(j).cancel,m.toast.ui?.cancel],"data-soybean-toast-cancel":``,onClick:We}),{default:S(()=>[p(n,{is:m.toast.cancel},null,8,[`is`])]),_:1},16,[`class`])):u(`v-if`,!0),m.toast.action?(g(),l(t,h({key:1},y(we),{class:[y(j).action,m.toast.ui?.action],"data-soybean-toast-action":``,onClick:Ue}),{default:S(()=>[p(n,{is:m.toast.action},null,8,[`is`])]),_:1},16,[`class`])):u(`v-if`,!0)],16)):u(`v-if`,!0)],64))],16),Me.value&&y(A)?.close?(g(),l(t,h({key:0},y(Ee),{class:[y(j).close,m.toast.ui?.close],"data-soybean-toast-close":``,onClick:Re}),{default:S(()=>[p(e,{icon:y(A)?.close},null,8,[`icon`])]),_:1},16,[`class`])):u(`v-if`,!0)],16,ce))}});export{C as default};

package/dist/components/toast/toaster.js

@@ -1 +1 @@
-import{getElFromTemplateRef as e,transformPropsToContext as t}from"../../shared/vue.js";import{isClient as n}from"../../shared/env.js";import{useDirection as r}from"../config-provider/context.js";import"../../shared/index.js";import{ToastState as i}from"./state.js";import{provideToasterContext as a,useToastUi as o}from"./context.js";import{ALL_TOAST_POSITIONS as s,DEFAULT_POSITION as c,ICONS as l,TOAST_LIFETIME as u,isModifierHotkey as d,isToastDismiss as f,resolveOffset as ee,toasterCssVars as p}from"./shared.js";import{useToastState as m}from"./hooks.js";import h from"./toast.js";import{Fragment as g,computed as _,createBlock as v,createElementBlock as y,createElementVNode as b,defineComponent as x,mergeProps as S,nextTick as te,onBeforeUnmount as C,onWatcherCleanup as w,openBlock as T,renderList as E,renderSlot as ne,shallowRef as D,unref as O,useAttrs as k,watch as A,watchEffect as j}from"vue";const M=[`aria-label`],N=[`dir`,`data-y-position`,`data-x-position`,`onBlur`,`onFocus`,`onMouseenter`,`onMousemove`,`onMouseleave`,`onDragend`,`onPointerdown`,`onPointerup`],P=x({name:`Toaster`,inheritAttrs:!1,__name:`toaster`,props:{id:{},dir:{},hotkey:{default:()=>[`altKey`,`KeyT`]},customAriaLabel:{},containerAriaLabel:{default:`Notifications`},position:{default:c},defaultExpanded:{type:Boolean},duration:{default:u},gap:{default:12},offset:{default:24},visibleCounts:{default:3},swipeDirections:{},showIcon:{type:Boolean},showClose:{type:Boolean},icons:{},toastProps:{},wrapperProps:{},contentProps:{},titleProps:{},descriptionProps:{},iconProps:{},footerProps:{},actionProps:{},cancelProps:{},closeProps:{}},setup(c){let u=c,x=k(),P=o(),F=r(()=>u.dir),I=_(()=>u.hotkey.join(`+`).replace(/Key/g,``).replace(/Digit/g,``)),L=_(()=>u.customAriaLabel??`${u.containerAriaLabel} ${I.value}`),R={},z=(t,n)=>{R[t]=e(n)},{toasts:B,allToasts:V,filtered:H,heights:U,allHeights:W,allPositions:G,positionZIndex:K}=m({id:()=>u.id,position:()=>u.position}),q=_(()=>({...l,...u.icons})),J=D(null),Y=D(null),X=D(null),Z=D(null),re=_(()=>({[p.gap]:`${u.gap}px`,...ee(u.offset)})),ie=e=>{J.value===e&&(J.value=null),Y.value===e&&(Y.value=null),Z.value===e&&(Z.value=null)},ae=e=>{R[e]?.focus()},oe=e=>{if(U.value.findIndex(t=>t.toastId===e.toastId)!==-1){U.value=U.value.map(t=>t.toastId===e.toastId?e:t);return}let t=U.value.findIndex(t=>t.position===e.position);if(t!==-1){U.value=[...U.value.slice(0,t),e,...U.value.slice(t)];return}U.value=[e,...U.value]},se=e=>{let t=B.value.findIndex(t=>t.id===e.id);if(t!==-1){let n=Object.assign({},B.value[t],e);B.value=[...B.value.slice(0,t),n,...B.value.slice(t+1)];return}B.value=[e,...B.value]},Q=e=>{B.value=B.value.filter(t=>t.id===e.id?(t.delete||i.dismiss(e.id),!1):!0),U.value=U.value.filter(t=>t.toastId!==e.id)},ce=(e,t)=>{let n=t.currentTarget;Z.value===e&&n&&!n.contains(t.relatedTarget)&&(Z.value=null,J.value===e&&Y.value!==e&&(J.value=null),X.value&&(X.value.focus({preventScroll:!0}),X.value=null))},le=(e,t)=>{t.target.dataset.dismissible!==`false`&&Z.value!==e&&(Z.value=e,X.value=t.relatedTarget)},$=e=>{J.value=e},ue=e=>{Y.value!==e&&Z.value!==e&&J.value===e&&(J.value=null)},de=(e,t)=>{t.target.dataset.dismissible!==`false`&&(Y.value=e,J.value=e)},fe=e=>{Y.value===e&&(Y.value=null)};return a({dir:F,allToasts:V,allHeights:W,interactingPosition:Y,expandedPosition:J,icons:q,...t(u,[`gap`,`duration`,`visibleCounts`,`defaultExpanded`,`swipeDirections`,`showIcon`,`showClose`,`toastProps`,`wrapperProps`,`contentProps`,`titleProps`,`descriptionProps`,`iconProps`,`footerProps`,`actionProps`,`cancelProps`,`closeProps`])}),j(()=>{let e=i.subscribe(e=>{if(f(e)){requestAnimationFrame(()=>{B.value=B.value.map(t=>t.id===e.id?{...t,delete:!0}:t)});return}te(()=>{se(e)})});w(()=>{e()})},{flush:`post`}),A(()=>B.value.length,e=>{e===0&&(J.value=null,Y.value=null,Z.value=null)}),A(()=>H.value,e=>{let t=new Set(e.map(e=>e.position??u.position));J.value&&!t.has(J.value)&&(J.value=null),Y.value&&!t.has(Y.value)&&(Y.value=null),Z.value&&!t.has(Z.value)&&(Z.value=null)},{deep:!0}),j(()=>{if(!n)return;let e=e=>{if(u.hotkey.length>0&&u.hotkey.every(t=>d(t)?e[t]:e.code===t)){let e=H.value[0]?.position??u.position??G.value[0];J.value=e,ae(e)}let t=Object.values(R).some(e=>e===document.activeElement||e?.contains(document.activeElement));e.code===`Escape`&&t&&(J.value=null,Z.value=null)};document.addEventListener(`keydown`,e),w(()=>{document.removeEventListener(`keydown`,e)})}),C(()=>{X.value&&(X.value.focus({preventScroll:!0}),X.value=null,Z.value=null)}),(e,t)=>(T(),y(g,null,[b(`section`,{"data-soybean-toaster-container":``,"aria-label":L.value,tabindex:`-1`,"aria-live":`polite`,"aria-relevant":`additions text`,"aria-atomic":`false`},[(T(!0),y(g,null,E(O(s),e=>(T(),y(`ol`,S({key:e},{ref_for:!0},O(x),{ref_for:!0,ref:t=>z(e,t),class:O(P).toaster,tabindex:`-1`,dir:O(F),"data-soybean-toaster":``,"data-y-position":e.split(`-`)[0],"data-x-position":e.split(`-`)[1],style:{"--z-index":O(K)[e],"--front-toast-height":`${O(W)[e][0]?.height??0}px`,...re.value},onBlur:t=>ce(e,t),onFocus:t=>le(e,t),onMouseenter:t=>$(e),onMousemove:t=>$(e),onMouseleave:t=>ue(e),onDragend:t=>ie(e),onPointerdown:t=>de(e,t),onPointerup:t=>fe(e)}),[(T(!0),y(g,null,E(O(V)[e],(t,n)=>(T(),v(h,{key:t.id,index:n,toast:t,position:e,"onUpdate:height":oe,onRemove:Q},null,8,[`index`,`toast`,`position`]))),128))],16,N))),128))],8,M),ne(e.$slots,`default`)],64))}});export{P as default};
+import{getElFromTemplateRef as e,transformPropsToContext as t}from"../../shared/vue.js";import{isClient as n}from"../../shared/env.js";import{useDirection as r}from"../config-provider/context.js";import"../../shared/index.js";import{ALL_TOAST_POSITIONS as i,DEFAULT_POSITION as a,ICONS as o,TOAST_LIFETIME as s,isModifierHotkey as c,isToastDismiss as l,resolveOffset as u,toasterCssVars as d}from"./shared.js";import{provideToasterContext as f,useToastUi as ee}from"./context.js";import{useToastState as p}from"./hooks.js";import{ToastState as m}from"./state.js";import h from"./toast.js";import{Fragment as g,computed as _,createBlock as v,createElementBlock as y,createElementVNode as b,defineComponent as x,mergeProps as S,nextTick as te,onBeforeUnmount as C,onWatcherCleanup as w,openBlock as T,renderList as E,renderSlot as ne,shallowRef as D,unref as O,useAttrs as k,watch as A,watchEffect as j}from"vue";const M=[`aria-label`],N=[`dir`,`data-y-position`,`data-x-position`,`onBlur`,`onFocus`,`onMouseenter`,`onMousemove`,`onMouseleave`,`onDragend`,`onPointerdown`,`onPointerup`],P=x({name:`Toaster`,inheritAttrs:!1,__name:`toaster`,props:{id:{},dir:{},hotkey:{default:()=>[`altKey`,`KeyT`]},customAriaLabel:{},containerAriaLabel:{default:`Notifications`},position:{default:a},defaultExpanded:{type:Boolean},duration:{default:s},gap:{default:12},offset:{default:24},visibleCounts:{default:3},swipeDirections:{},showIcon:{type:Boolean},showClose:{type:Boolean},icons:{},toastProps:{},wrapperProps:{},contentProps:{},titleProps:{},descriptionProps:{},iconProps:{},footerProps:{},actionProps:{},cancelProps:{},closeProps:{}},setup(a){let s=a,x=k(),P=ee(),F=r(()=>s.dir),I=_(()=>s.hotkey.join(`+`).replace(/Key/g,``).replace(/Digit/g,``)),L=_(()=>s.customAriaLabel??`${s.containerAriaLabel} ${I.value}`),R={},z=(t,n)=>{R[t]=e(n)},{toasts:B,allToasts:V,filtered:H,heights:U,allHeights:W,allPositions:G,positionZIndex:K}=p({id:()=>s.id,position:()=>s.position}),q=_(()=>({...o,...s.icons})),J=D(null),Y=D(null),X=D(null),Z=D(null),re=_(()=>({[d.gap]:`${s.gap}px`,...u(s.offset)})),ie=e=>{J.value===e&&(J.value=null),Y.value===e&&(Y.value=null),Z.value===e&&(Z.value=null)},ae=e=>{R[e]?.focus()},oe=e=>{if(U.value.findIndex(t=>t.toastId===e.toastId)!==-1){U.value=U.value.map(t=>t.toastId===e.toastId?e:t);return}let t=U.value.findIndex(t=>t.position===e.position);if(t!==-1){U.value=[...U.value.slice(0,t),e,...U.value.slice(t)];return}U.value=[e,...U.value]},se=e=>{let t=B.value.findIndex(t=>t.id===e.id);if(t!==-1){let n=Object.assign({},B.value[t],e);B.value=[...B.value.slice(0,t),n,...B.value.slice(t+1)];return}B.value=[e,...B.value]},Q=e=>{B.value=B.value.filter(t=>t.id===e.id?(t.delete||m.dismiss(e.id),!1):!0),U.value=U.value.filter(t=>t.toastId!==e.id)},ce=(e,t)=>{let n=t.currentTarget;Z.value===e&&n&&!n.contains(t.relatedTarget)&&(Z.value=null,J.value===e&&Y.value!==e&&(J.value=null),X.value&&(X.value.focus({preventScroll:!0}),X.value=null))},le=(e,t)=>{t.target.dataset.dismissible!==`false`&&Z.value!==e&&(Z.value=e,X.value=t.relatedTarget)},$=e=>{J.value=e},ue=e=>{Y.value!==e&&Z.value!==e&&J.value===e&&(J.value=null)},de=(e,t)=>{t.target.dataset.dismissible!==`false`&&(Y.value=e,J.value=e)},fe=e=>{Y.value===e&&(Y.value=null)};return f({dir:F,allToasts:V,allHeights:W,interactingPosition:Y,expandedPosition:J,icons:q,...t(s,[`gap`,`duration`,`visibleCounts`,`defaultExpanded`,`swipeDirections`,`showIcon`,`showClose`,`toastProps`,`wrapperProps`,`contentProps`,`titleProps`,`descriptionProps`,`iconProps`,`footerProps`,`actionProps`,`cancelProps`,`closeProps`])}),j(()=>{let e=m.subscribe(e=>{if(l(e)){requestAnimationFrame(()=>{B.value=B.value.map(t=>t.id===e.id?{...t,delete:!0}:t)});return}te(()=>{se(e)})});w(()=>{e()})},{flush:`post`}),A(()=>B.value.length,e=>{e===0&&(J.value=null,Y.value=null,Z.value=null)}),A(()=>H.value,e=>{let t=new Set(e.map(e=>e.position??s.position));J.value&&!t.has(J.value)&&(J.value=null),Y.value&&!t.has(Y.value)&&(Y.value=null),Z.value&&!t.has(Z.value)&&(Z.value=null)},{deep:!0}),j(()=>{if(!n)return;let e=e=>{if(s.hotkey.length>0&&s.hotkey.every(t=>c(t)?e[t]:e.code===t)){let e=H.value[0]?.position??s.position??G.value[0];J.value=e,ae(e)}let t=Object.values(R).some(e=>e===document.activeElement||e?.contains(document.activeElement));e.code===`Escape`&&t&&(J.value=null,Z.value=null)};document.addEventListener(`keydown`,e),w(()=>{document.removeEventListener(`keydown`,e)})}),C(()=>{X.value&&(X.value.focus({preventScroll:!0}),X.value=null,Z.value=null)}),(e,t)=>(T(),y(g,null,[b(`section`,{"data-soybean-toaster-container":``,"aria-label":L.value,tabindex:`-1`,"aria-live":`polite`,"aria-relevant":`additions text`,"aria-atomic":`false`},[(T(!0),y(g,null,E(O(i),e=>(T(),y(`ol`,S({key:e},{ref_for:!0},O(x),{ref_for:!0,ref:t=>z(e,t),class:O(P).toaster,tabindex:`-1`,dir:O(F),"data-soybean-toaster":``,"data-y-position":e.split(`-`)[0],"data-x-position":e.split(`-`)[1],style:{"--z-index":O(K)[e],"--front-toast-height":`${O(W)[e][0]?.height??0}px`,...re.value},onBlur:t=>ce(e,t),onFocus:t=>le(e,t),onMouseenter:t=>$(e),onMousemove:t=>$(e),onMouseleave:t=>ue(e),onDragend:t=>ie(e),onPointerdown:t=>de(e,t),onPointerup:t=>fe(e)}),[(T(!0),y(g,null,E(O(V)[e],(t,n)=>(T(),v(h,{key:t.id,index:n,toast:t,position:e,"onUpdate:height":oe,onRemove:Q},null,8,[`index`,`toast`,`position`]))),128))],16,N))),128))],8,M),ne(e.$slots,`default`)],64))}});export{P as default};

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

@@ -15,8 +15,8 @@ declare const __VLS_base: import("vue").DefineComponent<ToggleProps, {}, {}, {},
 }, string, import("vue").PublicProps, Readonly<ToggleProps> & Readonly<{
   "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
 }>, {
-  modelValue: boolean;
   defaultValue: boolean;
+  modelValue: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/components/tooltip/index.js

@@ -1 +1 @@
-import{providePopperUi as e}from"../popper/context.js";import t from"../portal/portal.js";import n from"../popper/popper-arrow.js";import r from"./tooltip-root.js";import i from"./tooltip-trigger.js";import a from"./tooltip-positioner.js";import o from"./tooltip-popup.js";import s from"./tooltip-compact.js";export{n as TooltipArrow,s as TooltipCompact,o as TooltipPopup,t as TooltipPortal,a as TooltipPositioner,r as TooltipRoot,i as TooltipTrigger,e as provideTooltipUi};
+import{providePopperUi as e}from"../popper/context.js";import t from"../portal/portal.js";import n from"../popper/popper-arrow.js";import r from"./tooltip-popup.js";import i from"./tooltip-positioner.js";import a from"./tooltip-root.js";import o from"./tooltip-trigger.js";import s from"./tooltip-compact.js";export{n as TooltipArrow,s as TooltipCompact,r as TooltipPopup,t as TooltipPortal,i as TooltipPositioner,a as TooltipRoot,o as TooltipTrigger,e as provideTooltipUi};

package/dist/components/tooltip/tooltip-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"../portal/portal.js";import r from"../popper/popper-arrow.js";import i from"./tooltip-root.js";import a from"./tooltip-trigger.js";import o from"./tooltip-positioner.js";import s from"./tooltip-popup.js";import{computed as c,createBlock as l,createCommentVNode as u,createTextVNode as d,createVNode as f,defineComponent as p,guardReactiveProps as m,mergeProps as h,normalizeProps as g,openBlock as _,renderSlot as v,toDisplayString as y,toHandlers as b,unref as x,withCtx as S}from"vue";const C=p({name:`TooltipCompact`,__name:`tooltip-compact`,props:{content:{},placement:{},showArrow:{type:Boolean,default:!0},triggerProps:{},portalProps:{},positionerProps:{},popupProps:{},arrowProps:{},defaultOpen:{type:Boolean,default:!1},open:{type:Boolean,default:void 0},delayDuration:{},skipDelayDuration:{},disableHoverableContent:{type:Boolean},disableClosingTrigger:{type:Boolean},disabled:{type:Boolean},ignoreNonKeyboardFocus:{type:Boolean}},emits:[`update:open`,`escapeKeyDown`,`pointerDownOutside`],setup(p,{emit:C}){let w=p,T=C,E=t(w,[`content`,`placement`,`showArrow`,`triggerProps`,`portalProps`,`positionerProps`,`popupProps`,`arrowProps`]),D=e(T),O=c(()=>({...w.triggerProps,asChild:w.triggerProps?.asChild??!0})),k=c(()=>({...w.positionerProps,placement:w.placement??w.positionerProps?.placement}));return(e,t)=>(_(),l(i,h(x(E),{"onUpdate:open":t[0]||(t[0]=e=>T(`update:open`,e))}),{default:S(()=>[f(a,g(m(O.value)),{default:S(()=>[v(e.$slots,`trigger`)]),_:3},16),f(n,g(m(p.portalProps)),{default:S(()=>[f(o,h(k.value,b(x(D))),{default:S(()=>[f(s,g(m(p.popupProps)),{default:S(()=>[v(e.$slots,`default`,{},()=>[d(y(p.content),1)]),p.showArrow?(_(),l(r,g(h({key:0},p.arrowProps)),null,16)):u(`v-if`,!0)]),_:3},16)]),_:3},16)]),_:3},16)]),_:3},16))}});export{C as default};
+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"../portal/portal.js";import r from"../popper/popper-arrow.js";import i from"./tooltip-popup.js";import a from"./tooltip-positioner.js";import o from"./tooltip-root.js";import s from"./tooltip-trigger.js";import{computed as c,createBlock as l,createCommentVNode as u,createTextVNode as d,createVNode as f,defineComponent as p,guardReactiveProps as m,mergeProps as h,normalizeProps as g,openBlock as _,renderSlot as v,toDisplayString as y,toHandlers as b,unref as x,withCtx as S}from"vue";const C=p({name:`TooltipCompact`,__name:`tooltip-compact`,props:{content:{},placement:{},showArrow:{type:Boolean,default:!0},triggerProps:{},portalProps:{},positionerProps:{},popupProps:{},arrowProps:{},defaultOpen:{type:Boolean,default:!1},open:{type:Boolean,default:void 0},delayDuration:{},skipDelayDuration:{},disableHoverableContent:{type:Boolean},disableClosingTrigger:{type:Boolean},disabled:{type:Boolean},ignoreNonKeyboardFocus:{type:Boolean}},emits:[`update:open`,`escapeKeyDown`,`pointerDownOutside`],setup(p,{emit:C}){let w=p,T=C,E=t(w,[`content`,`placement`,`showArrow`,`triggerProps`,`portalProps`,`positionerProps`,`popupProps`,`arrowProps`]),D=e(T),O=c(()=>({...w.triggerProps,asChild:w.triggerProps?.asChild??!0})),k=c(()=>({...w.positionerProps,placement:w.placement??w.positionerProps?.placement}));return(e,t)=>(_(),l(o,h(x(E),{"onUpdate:open":t[0]||(t[0]=e=>T(`update:open`,e))}),{default:S(()=>[f(s,g(m(O.value)),{default:S(()=>[v(e.$slots,`trigger`)]),_:3},16),f(n,g(m(p.portalProps)),{default:S(()=>[f(a,h(k.value,b(x(D))),{default:S(()=>[f(i,g(m(p.popupProps)),{default:S(()=>[v(e.$slots,`default`,{},()=>[d(y(p.content),1)]),p.showArrow?(_(),l(r,g(h({key:0},p.arrowProps)),null,16)):u(`v-if`,!0)]),_:3},16)]),_:3},16)]),_:3},16)]),_:3},16))}});export{C as default};

package/dist/components/tooltip/tooltip-popup.js

@@ -1 +1 @@
-import{useForwardElement as e}from"../../composables/use-forward-element.js";import"../../composables/index.js";import{popperCssVars as t}from"../popper/shared.js";import n from"../popper/popper-popup.js";import"../popper/index.js";import r from"../visually-hidden/visually-hidden.js";import"../visually-hidden/index.js";import{useTooltipRootContext as i}from"./context.js";import{tooltipCssVars as a}from"./shared.js";import{computed as o,createBlock as s,createTextVNode as c,createVNode as l,defineComponent as u,openBlock as d,renderSlot as f,toDisplayString as p,unref as m,withCtx as h}from"vue";const g=u({name:`TooltipPopup`,__name:`tooltip-popup`,props:{ariaLabel:{}},setup(u){let g=u,{popupId:_,dataState:v,initPopupId:y,onPopupElementChange:b}=i(`TooltipPopup`),[x,S]=e(b),C={[a.transformOrigin]:`var(${t.transformOrigin})`,[a.availableWidth]:`var(${t.availableWidth})`,[a.availableHeight]:`var(${t.availableHeight})`,[a.anchorWidth]:`var(${t.anchorWidth})`,[a.anchorHeight]:`var(${t.anchorHeight})`},w=o(()=>g.ariaLabel??x.value?.textContent);return y(),(e,t)=>(d(),s(m(n),{ref:m(S),"data-soybean-tooltip-popup":``,"data-dismissable-layer":``,"data-state":m(v),style:C},{default:h(()=>[f(e.$slots,`default`),l(m(r),{id:m(_),role:`tooltip`},{default:h(()=>[c(p(w.value),1)]),_:1},8,[`id`])]),_:3},8,[`data-state`]))}});export{g as default};
+import{useForwardElement as e}from"../../composables/use-forward-element.js";import"../../composables/index.js";import{popperCssVars as t}from"../popper/shared.js";import n from"../popper/popper-popup.js";import"../popper/index.js";import r from"../visually-hidden/visually-hidden.js";import"../visually-hidden/index.js";import{tooltipCssVars as i}from"./shared.js";import{useTooltipRootContext as a}from"./context.js";import{computed as o,createBlock as s,createTextVNode as c,createVNode as l,defineComponent as u,openBlock as d,renderSlot as f,toDisplayString as p,unref as m,withCtx as h}from"vue";const g=u({name:`TooltipPopup`,__name:`tooltip-popup`,props:{ariaLabel:{}},setup(u){let g=u,{popupId:_,dataState:v,initPopupId:y,onPopupElementChange:b}=a(`TooltipPopup`),[x,S]=e(b),C={[i.transformOrigin]:`var(${t.transformOrigin})`,[i.availableWidth]:`var(${t.availableWidth})`,[i.availableHeight]:`var(${t.availableHeight})`,[i.anchorWidth]:`var(${t.anchorWidth})`,[i.anchorHeight]:`var(${t.anchorHeight})`},w=o(()=>g.ariaLabel??x.value?.textContent);return y(),(e,t)=>(d(),s(m(n),{ref:m(S),"data-soybean-tooltip-popup":``,"data-dismissable-layer":``,"data-state":m(v),style:C},{default:h(()=>[f(e.$slots,`default`),l(m(r),{id:m(_),role:`tooltip`},{default:h(()=>[c(p(w.value),1)]),_:1},8,[`id`])]),_:3},8,[`data-state`]))}});export{g as default};

package/dist/components/tooltip/tooltip-positioner-impl.js

@@ -1 +1 @@
-import{useDismissableLayer as e}from"../../composables/use-dismissable-layer.js";import{useForwardElement as t}from"../../composables/use-forward-element.js";import{useGraceArea as n}from"../../composables/use-grace-area.js";import"../../composables/index.js";import r from"../popper/popper-positioner.js";import"../popper/index.js";import{useTooltipOpenDelayedContext as i,useTooltipRootContext as a}from"./context.js";import{TOOLTIP_OPEN as o}from"./shared.js";import{computed as s,createBlock as c,defineComponent as l,mergeProps as u,onWatcherCleanup as d,openBlock as f,renderSlot as p,unref as m,watchPostEffect as h,withCtx as g}from"vue";import{defu as _}from"defu";const v=l({name:`TooltipPositionerImpl`,__name:`tooltip-positioner-impl`,props:{placement:{},side:{},sideOffset:{},sideFlip:{type:Boolean},align:{},alignOffset:{},alignFlip:{type:Boolean},avoidCollisions:{type:Boolean},collisionBoundary:{},collisionPadding:{},arrowPadding:{},hideShiftedArrow:{type:Boolean},sticky:{},hideWhenDetached:{type:Boolean},positionStrategy:{},updatePositionStrategy:{},disableUpdateOnLayoutShift:{type:Boolean},prioritizePosition:{type:Boolean},reference:{}},emits:[`escapeKeyDown`,`pointerDownOutside`],setup(l,{emit:v}){let y=l,b=v,{isPointerInTransitRef:x}=i(`TooltipPositionerImpl`),{positionerProps:S,triggerElement:C,popupElement:w,disableClosingTrigger:T,disableHoverableContent:E,onClose:D}=a(`TooltipPositionerImpl`),[O,k]=t();n({triggerElement:C,areaElement:O,onPointerInTransitChange:e=>{x.value=e},onPointerExit:()=>{D()},disabled:E});let{pointerEvents:A}=e(O,{disableOutsidePointerEvents:!1,onEscapeKeyDown:e=>{b(`escapeKeyDown`,e)},onPointerDownOutside:e=>{T.value&&C.value?.contains(e.target)&&e.preventDefault(),b(`pointerDownOutside`,e)},onFocusOutside:e=>{e.preventDefault()},onDismiss:()=>{D()}}),j=s(()=>_(y,S.value??{},{side:`top`,sideOffset:0,align:`center`,avoidCollisions:!0,collisionBoundary:[],collisionPadding:0,arrowPadding:0,sticky:`partial`,hideWhenDetached:!1}));return h(()=>{let e=e=>{e.target?.contains(C.value)&&D()};window.addEventListener(`scroll`,e),window.addEventListener(o,D),d(()=>{window.removeEventListener(`scroll`,e),window.removeEventListener(o,D)})}),h(()=>{w.value&&A.value&&(w.value.style.pointerEvents=A.value)}),(e,t)=>(f(),c(m(r),u(j.value,{ref:m(k),"data-soybean-tooltip-positioner-impl":``}),{default:g(()=>[p(e.$slots,`default`)]),_:3},16))}});export{v as default};
+import{useDismissableLayer as e}from"../../composables/use-dismissable-layer.js";import{useForwardElement as t}from"../../composables/use-forward-element.js";import{useGraceArea as n}from"../../composables/use-grace-area.js";import"../../composables/index.js";import r from"../popper/popper-positioner.js";import"../popper/index.js";import{TOOLTIP_OPEN as i}from"./shared.js";import{useTooltipOpenDelayedContext as a,useTooltipRootContext as o}from"./context.js";import{computed as s,createBlock as c,defineComponent as l,mergeProps as u,onWatcherCleanup as d,openBlock as f,renderSlot as p,unref as m,watchPostEffect as h,withCtx as g}from"vue";import{defu as _}from"defu";const v=l({name:`TooltipPositionerImpl`,__name:`tooltip-positioner-impl`,props:{placement:{},side:{},sideOffset:{},sideFlip:{type:Boolean},align:{},alignOffset:{},alignFlip:{type:Boolean},avoidCollisions:{type:Boolean},collisionBoundary:{},collisionPadding:{},arrowPadding:{},hideShiftedArrow:{type:Boolean},sticky:{},hideWhenDetached:{type:Boolean},positionStrategy:{},updatePositionStrategy:{},disableUpdateOnLayoutShift:{type:Boolean},prioritizePosition:{type:Boolean},reference:{}},emits:[`escapeKeyDown`,`pointerDownOutside`],setup(l,{emit:v}){let y=l,b=v,{isPointerInTransitRef:x}=a(`TooltipPositionerImpl`),{positionerProps:S,triggerElement:C,popupElement:w,disableClosingTrigger:T,disableHoverableContent:E,onClose:D}=o(`TooltipPositionerImpl`),[O,k]=t();n({triggerElement:C,areaElement:O,onPointerInTransitChange:e=>{x.value=e},onPointerExit:()=>{D()},disabled:E});let{pointerEvents:A}=e(O,{disableOutsidePointerEvents:!1,onEscapeKeyDown:e=>{b(`escapeKeyDown`,e)},onPointerDownOutside:e=>{T.value&&C.value?.contains(e.target)&&e.preventDefault(),b(`pointerDownOutside`,e)},onFocusOutside:e=>{e.preventDefault()},onDismiss:()=>{D()}}),j=s(()=>_(y,S.value??{},{side:`top`,sideOffset:0,align:`center`,avoidCollisions:!0,collisionBoundary:[],collisionPadding:0,arrowPadding:0,sticky:`partial`,hideWhenDetached:!1}));return h(()=>{let e=e=>{e.target?.contains(C.value)&&D()};window.addEventListener(`scroll`,e),window.addEventListener(i,D),d(()=>{window.removeEventListener(`scroll`,e),window.removeEventListener(i,D)})}),h(()=>{w.value&&A.value&&(w.value.style.pointerEvents=A.value)}),(e,t)=>(f(),c(m(r),u(j.value,{ref:m(k),"data-soybean-tooltip-positioner-impl":``}),{default:g(()=>[p(e.$slots,`default`)]),_:3},16))}});export{v as default};

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

@@ -1 +1 @@
-import{useConfigProvider as e}from"../config-provider/context.js";import{useControllableState as t}from"../../composables/use-controllable-state.js";import"../../composables/index.js";import n from"../popper/popper-root.js";import"../popper/index.js";import{provideTooltipOpenDelayedContext as r,provideTooltipRootContext as i}from"./context.js";import{TOOLTIP_OPEN as a,createDefaultTooltipConfig as o}from"./shared.js";import{computed as s,createBlock as c,defineComponent as l,openBlock as u,renderSlot as d,unref as f,watch as p,withCtx as m}from"vue";const h=l({name:`TooltipRoot`,inheritAttrs:!1,__name:`tooltip-root`,props:{defaultOpen:{type:Boolean,default:!1},open:{type:Boolean,default:void 0},delayDuration:{},skipDelayDuration:{},disableHoverableContent:{type:Boolean},disableClosingTrigger:{type:Boolean},disabled:{type:Boolean},ignoreNonKeyboardFocus:{type:Boolean},positionerProps:{}},emits:[`update:open`],setup(l,{emit:h}){let g=l,_=h,v=t(()=>g.open,e=>{_(`update:open`,e)},g.defaultOpen),y=e(),b=s(()=>o(y?.tooltip?.value)),x=r({skipDelayDuration:s(()=>b.value.skipDelayDuration)});return i({open:v,delayDuration:s(()=>g.delayDuration??b.value.delayDuration),disableHoverableContent:s(()=>g.disableHoverableContent??b.value.disableHoverableContent),disableClosingTrigger:s(()=>g.disableClosingTrigger??b.value.disableClosingTrigger),disabled:s(()=>g.disabled??b.value.disabled),ignoreNonKeyboardFocus:s(()=>g.ignoreNonKeyboardFocus??b.value.ignoreNonKeyboardFocus),isOpenDelayed:x.isOpenDelayed,positionerProps:s(()=>b.value.positionerProps)}),p(v,e=>{x.onClose&&(e?(x.onOpen(),document.dispatchEvent(new CustomEvent(a))):x.onClose())}),(e,t)=>(u(),c(f(n),null,{default:m(()=>[d(e.$slots,`default`,{open:f(v)})]),_:3}))}});export{h as default};
+import{useConfigProvider as e}from"../config-provider/context.js";import{useControllableState as t}from"../../composables/use-controllable-state.js";import"../../composables/index.js";import n from"../popper/popper-root.js";import"../popper/index.js";import{TOOLTIP_OPEN as r,createDefaultTooltipConfig as i}from"./shared.js";import{provideTooltipOpenDelayedContext as a,provideTooltipRootContext as o}from"./context.js";import{computed as s,createBlock as c,defineComponent as l,openBlock as u,renderSlot as d,unref as f,watch as p,withCtx as m}from"vue";const h=l({name:`TooltipRoot`,inheritAttrs:!1,__name:`tooltip-root`,props:{defaultOpen:{type:Boolean,default:!1},open:{type:Boolean,default:void 0},delayDuration:{},skipDelayDuration:{},disableHoverableContent:{type:Boolean},disableClosingTrigger:{type:Boolean},disabled:{type:Boolean},ignoreNonKeyboardFocus:{type:Boolean},positionerProps:{}},emits:[`update:open`],setup(l,{emit:h}){let g=l,_=h,v=t(()=>g.open,e=>{_(`update:open`,e)},g.defaultOpen),y=e(),b=s(()=>i(y?.tooltip?.value)),x=a({skipDelayDuration:s(()=>b.value.skipDelayDuration)});return o({open:v,delayDuration:s(()=>g.delayDuration??b.value.delayDuration),disableHoverableContent:s(()=>g.disableHoverableContent??b.value.disableHoverableContent),disableClosingTrigger:s(()=>g.disableClosingTrigger??b.value.disableClosingTrigger),disabled:s(()=>g.disabled??b.value.disabled),ignoreNonKeyboardFocus:s(()=>g.ignoreNonKeyboardFocus??b.value.ignoreNonKeyboardFocus),isOpenDelayed:x.isOpenDelayed,positionerProps:s(()=>b.value.positionerProps)}),p(v,e=>{x.onClose&&(e?(x.onOpen(),document.dispatchEvent(new CustomEvent(r))):x.onClose())}),(e,t)=>(u(),c(f(n),null,{default:m(()=>[d(e.$slots,`default`,{open:f(v)})]),_:3}))}});export{h as default};

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

@@ -1 +1 @@
-import{flattenChildren as e}from"../../shared/object.js";import{getActiveElement as t}from"../../shared/dom.js";import{handleAndDispatchCustomEvent as n}from"../../shared/event.js";import"../../shared/index.js";import{Primitive as r}from"../primitive/primitive.js";import"../primitive/index.js";import i from"../roving-focus/roving-focus-item.js";import{useTreeRootContext as a}from"./context.js";import{TREE_SELECT as o,TREE_TOGGLE as s,recurseCheckChildren as c}from"./shared.js";import{computed as l,createBlock as u,createVNode as d,defineComponent as f,openBlock as p,renderSlot as m,unref as h,withCtx as g,withKeys as _,withModifiers as v}from"vue";const y=f({name:`TreeItem`,__name:`tree-item`,props:{value:{},level:{},disabled:{type:Boolean},disabledSelect:{type:Boolean},disabledToggle:{type:Boolean},asChild:{type:Boolean},as:{default:`li`}},emits:[`select`,`toggle`],setup(f,{emit:y}){let b=f,x=y,{modelValue:S,disabled:C,dir:w,selectedKeys:T,expanded:E,expandedItems:D,propagateSelect:O,bubbleSelect:k,onSelect:A,onToggle:j,getItems:M}=a(`TreeItem`),N={value:b.value},P=l(()=>D.value.find(e=>e.value===b.value)),F=l(()=>C.value||b.disabled),I=l(()=>!!P.value?.hasChildren),L=l(()=>E.value?.includes(b.value)??!1),R=l(()=>T.value.includes(b.value)),z=l(()=>c(T.value,P.value?.data?.children)),B=l(()=>{if(!P.value||!I.value||!Array.isArray(S.value))return;let t=e(P.value.data.children);if(k.value)return t.some(e=>T.value.includes(e.value))&&!t.every(e=>T.value.includes(e.value));if(O.value&&R.value)return!t.every(e=>T.value.includes(e.value))}),V=e=>{F.value||!I.value||(L.value?W(`right`)?.focus?.():J(e))},H=e=>{F.value||(L.value?J(e):W(`left`)?.focus?.())},U=(e,t)=>{if(!F.value){if(t===`right`){w.value===`ltr`?V(e):H(e);return}w.value===`ltr`?H(e):V(e)}};function W(e){let n=M?.()?.map(e=>e.element)??[],r=t(),i=n.indexOf(r),a=[...n];a=e===`left`?a.slice(0,i).reverse():a.slice(i);let o=e===`left`?b.level-1:b.level+1;return a.find(e=>Number(e.getAttribute(`data-indent`))===o)}async function G(e){x(`select`,e),!e?.defaultPrevented&&A(b.value)}function K(e){x(`toggle`,e),!e?.defaultPrevented&&j(b.value)}async function q(e){b.disabledSelect||e&&n(o,G,{originalEvent:e,value:b.value,isExpanded:L.value,isSelected:R.value})}function J(e){b.disabledToggle||e&&n(s,K,{originalEvent:e,value:b.value,isExpanded:L.value,isSelected:R.value})}let Y=e=>{F.value||(q(e),J(e))};return(e,t)=>(p(),u(i,{"as-child":``,"item-data":N,"allow-shift-key":``},{default:g(()=>[d(h(r),{as:f.as,"as-child":f.asChild,"data-soybean-tree-item":``,"aria-disabled":F.value?!0:void 0,"aria-selected":R.value,"aria-expanded":I.value?L.value:void 0,"aria-level":f.level,"data-disabled":F.value?``:void 0,"data-indent":f.level,"data-selected":R.value?``:void 0,"data-expanded":L.value?``:void 0,"data-contains-selected":z.value?``:void 0,role:`treeitem`,onKeydown:[_(v(Y,[`self`,`prevent`]),[`enter`,`space`]),t[0]||(t[0]=_(v(e=>U(e,`right`),[`prevent`]),[`right`])),t[1]||(t[1]=_(v(e=>U(e,`left`),[`prevent`]),[`left`]))],onClick:v(Y,[`stop`])},{default:g(()=>[m(e.$slots,`default`,{isExpanded:L.value,isSelected:R.value,isIndeterminate:B.value,hasChildren:I.value})]),_:3},8,[`as`,`as-child`,`aria-disabled`,`aria-selected`,`aria-expanded`,`aria-level`,`data-disabled`,`data-indent`,`data-selected`,`data-expanded`,`data-contains-selected`,`onKeydown`])]),_:3}))}});export{y as default};
+import{flattenChildren as e}from"../../shared/object.js";import{getActiveElement as t}from"../../shared/dom.js";import{handleAndDispatchCustomEvent as n}from"../../shared/event.js";import"../../shared/index.js";import{Primitive as r}from"../primitive/primitive.js";import"../primitive/index.js";import i from"../roving-focus/roving-focus-item.js";import{TREE_SELECT as a,TREE_TOGGLE as o,recurseCheckChildren as s}from"./shared.js";import{useTreeRootContext as c}from"./context.js";import{computed as l,createBlock as u,createVNode as d,defineComponent as f,openBlock as p,renderSlot as m,unref as h,withCtx as g,withKeys as _,withModifiers as v}from"vue";const y=f({name:`TreeItem`,__name:`tree-item`,props:{value:{},level:{},disabled:{type:Boolean},disabledSelect:{type:Boolean},disabledToggle:{type:Boolean},asChild:{type:Boolean},as:{default:`li`}},emits:[`select`,`toggle`],setup(f,{emit:y}){let b=f,x=y,{modelValue:S,disabled:C,dir:w,selectedKeys:T,expanded:E,expandedItems:D,propagateSelect:O,bubbleSelect:k,onSelect:A,onToggle:j,getItems:M}=c(`TreeItem`),N={value:b.value},P=l(()=>D.value.find(e=>e.value===b.value)),F=l(()=>C.value||b.disabled),I=l(()=>!!P.value?.hasChildren),L=l(()=>E.value?.includes(b.value)??!1),R=l(()=>T.value.includes(b.value)),z=l(()=>s(T.value,P.value?.data?.children)),B=l(()=>{if(!P.value||!I.value||!Array.isArray(S.value))return;let t=e(P.value.data.children);if(k.value)return t.some(e=>T.value.includes(e.value))&&!t.every(e=>T.value.includes(e.value));if(O.value&&R.value)return!t.every(e=>T.value.includes(e.value))}),V=e=>{F.value||!I.value||(L.value?W(`right`)?.focus?.():J(e))},H=e=>{F.value||(L.value?J(e):W(`left`)?.focus?.())},U=(e,t)=>{if(!F.value){if(t===`right`){w.value===`ltr`?V(e):H(e);return}w.value===`ltr`?H(e):V(e)}};function W(e){let n=M?.()?.map(e=>e.element)??[],r=t(),i=n.indexOf(r),a=[...n];a=e===`left`?a.slice(0,i).reverse():a.slice(i);let o=e===`left`?b.level-1:b.level+1;return a.find(e=>Number(e.getAttribute(`data-indent`))===o)}async function G(e){x(`select`,e),!e?.defaultPrevented&&A(b.value)}function K(e){x(`toggle`,e),!e?.defaultPrevented&&j(b.value)}async function q(e){b.disabledSelect||e&&n(a,G,{originalEvent:e,value:b.value,isExpanded:L.value,isSelected:R.value})}function J(e){b.disabledToggle||e&&n(o,K,{originalEvent:e,value:b.value,isExpanded:L.value,isSelected:R.value})}let Y=e=>{F.value||(q(e),J(e))};return(e,t)=>(p(),u(i,{"as-child":``,"item-data":N,"allow-shift-key":``},{default:g(()=>[d(h(r),{as:f.as,"as-child":f.asChild,"data-soybean-tree-item":``,"aria-disabled":F.value?!0:void 0,"aria-selected":R.value,"aria-expanded":I.value?L.value:void 0,"aria-level":f.level,"data-disabled":F.value?``:void 0,"data-indent":f.level,"data-selected":R.value?``:void 0,"data-expanded":L.value?``:void 0,"data-contains-selected":z.value?``:void 0,role:`treeitem`,onKeydown:[_(v(Y,[`self`,`prevent`]),[`enter`,`space`]),t[0]||(t[0]=_(v(e=>U(e,`right`),[`prevent`]),[`right`])),t[1]||(t[1]=_(v(e=>U(e,`left`),[`prevent`]),[`left`]))],onClick:v(Y,[`stop`])},{default:g(()=>[m(e.$slots,`default`,{isExpanded:L.value,isSelected:R.value,isIndeterminate:B.value,hasChildren:I.value})]),_:3},8,[`as`,`as-child`,`aria-disabled`,`aria-selected`,`aria-expanded`,`aria-level`,`data-disabled`,`data-indent`,`data-selected`,`data-expanded`,`data-contains-selected`,`onKeydown`])]),_:3}))}});export{y as default};

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

@@ -1 +1 @@
-import{MAP_KEY_TO_FOCUS_INTENT as e}from"../../constants/common.js";import{isNullish as t}from"../../shared/guard.js";import{flattenChildren as n}from"../../shared/object.js";import{getActiveElement as r}from"../../shared/dom.js";import{transformPropsToContext as i}from"../../shared/vue.js";import"../../shared/index.js";import{useControllableState as a}from"../../composables/use-controllable-state.js";import{useTypeahead as o}from"../../composables/use-typeahead.js";import"../../composables/index.js";import{Primitive as s}from"../primitive/primitive.js";import"../primitive/index.js";import c from"../roving-focus/roving-focus-group.js";import{provideTreeRootContext as l}from"./context.js";import{useSelectionBehavior as u}from"./hooks.js";import{findParentPath as d,flattenItems as f}from"./shared.js";import{computed as p,createBlock as m,createVNode as h,defineComponent as g,nextTick as _,openBlock as v,renderSlot as y,shallowRef as b,unref as x,useTemplateRef as S,withCtx as C,withKeys as w,withModifiers as T}from"vue";import{createEventHook as E}from"@vueuse/core";const D=g({name:`TreeRoot`,__name:`tree-root`,props:{modelValue:{},defaultValue:{},multiple:{},items:{},expanded:{},defaultExpanded:{},selectionBehavior:{default:`toggle`},toggleBehavior:{default:`multiple`},dir:{},loop:{type:Boolean,default:!0},disabled:{type:Boolean},propagateSelect:{type:Boolean},bubbleSelect:{type:Boolean},allowParentSelect:{type:Boolean},asChild:{type:Boolean},as:{default:`ul`}},emits:[`update:modelValue`,`update:expanded`],setup(g,{emit:D}){let O=g,k=D,A=S(`rovingFocusGroupRef`),{handleTypeaheadSearch:j}=o(),M=b(!1),N=E(),P=a(()=>O.modelValue,e=>{k(`update:modelValue`,e)},R()),F=p(()=>O.multiple&&Array.isArray(P.value)?P.value:[P.value]),{onSelectItem:I,handleMultipleReplace:L}=u(P,()=>O.multiple,()=>O.selectionBehavior);function R(){return t(O.defaultValue)?O.multiple?[]:``:O.defaultValue}let z=a(()=>O.expanded,e=>{k(`update:expanded`,e??[])},O.defaultExpanded??[]),B=p(()=>f(O.items,z.value)),V=e=>{if(!O.disabled)if(M.value)N.trigger(e);else{let t=A.value?.getItems()??[];j(e.key,t)}},H=t=>{if(O.disabled||M.value)return;let n=e[t.key];_(()=>{L(n,r(),B.value.map(e=>e.value),A.value?.getItems)})},U=e=>{if(O.disabled||!e.parent||!O.multiple||!Array.isArray(P.value))return;let t=B.value.find(t=>e.parent&&t.value===e.parent.value);if(!t)return;let n=P.value;t.data.children?.every(e=>n.find(t=>t===e.value))?P.value=[...n,t.data.value]:P.value=n.filter(e=>e!==t.data.value),U(t)},W=e=>{if(O.disabled)return;let t=B.value.find(t=>t.value===e);if(!(t?.hasChildren&&!O.allowParentSelect)&&(I(e),O.bubbleSelect&&O.multiple&&Array.isArray(P.value)&&t&&U(t),O.propagateSelect&&O.multiple&&Array.isArray(P.value))){if(!t)return;let r=n(t.data.children);P.value.includes(e)?P.value=P.value.filter(e=>!r.some(t=>t.value===e)):P.value=[...P.value,...r]}},G=e=>{if(!O.disabled&&B.value.find(t=>t.value===e)?.data?.children){if(z.value.includes(e)){z.value=z.value.filter(t=>t!==e);return}if(O.toggleBehavior===`single`){let t=d(e,O.items);t?z.value=[...t,e]:z.value=[e]}else z.value=[...z.value,e]}};return l({modelValue:P,expanded:z,selectedKeys:F,onSelect:W,onToggle:G,expandedItems:B,isVirtual:M,virtualKeydownHook:N,getItems:()=>A.value?.getItems()??[],handleMultipleReplace:L,...i(O,[`items`,`multiple`,`disabled`,`dir`,`selectionBehavior`,`propagateSelect`,`bubbleSelect`])}),(e,t)=>(v(),m(c,{ref_key:`rovingFocusGroupRef`,ref:A,"as-child":``,orientation:`vertical`,dir:g.dir,loop:g.loop},{default:C(()=>[h(x(s),{as:g.as,"as-child":g.asChild,"data-soybean-tree-root":``,"aria-disabled":g.disabled?!0:void 0,"aria-multiselectable":g.multiple?!0:void 0,"data-disabled":g.disabled?``:void 0,role:`tree`,onKeydown:[V,w(T(H,[`shift`]),[`up`,`down`])]},{default:C(()=>[y(e.$slots,`default`,{flattenItems:B.value,modelValue:x(P),expanded:x(z),select:W,toggle:G})]),_:3},8,[`as`,`as-child`,`aria-disabled`,`aria-multiselectable`,`data-disabled`,`onKeydown`])]),_:3},8,[`dir`,`loop`]))}});export{D as default};
+import{MAP_KEY_TO_FOCUS_INTENT as e}from"../../constants/common.js";import{isNullish as t}from"../../shared/guard.js";import{flattenChildren as n}from"../../shared/object.js";import{getActiveElement as r}from"../../shared/dom.js";import{transformPropsToContext as i}from"../../shared/vue.js";import"../../shared/index.js";import{useControllableState as a}from"../../composables/use-controllable-state.js";import{useTypeahead as o}from"../../composables/use-typeahead.js";import"../../composables/index.js";import{Primitive as s}from"../primitive/primitive.js";import"../primitive/index.js";import c from"../roving-focus/roving-focus-group.js";import{findParentPath as l,flattenItems as u}from"./shared.js";import{provideTreeRootContext as d}from"./context.js";import{useSelectionBehavior as f}from"./hooks.js";import{computed as p,createBlock as m,createVNode as h,defineComponent as g,nextTick as _,openBlock as v,renderSlot as y,shallowRef as b,unref as x,useTemplateRef as S,withCtx as C,withKeys as w,withModifiers as T}from"vue";import{createEventHook as E}from"@vueuse/core";const D=g({name:`TreeRoot`,__name:`tree-root`,props:{modelValue:{},defaultValue:{},multiple:{},items:{},expanded:{},defaultExpanded:{},selectionBehavior:{default:`toggle`},toggleBehavior:{default:`multiple`},dir:{},loop:{type:Boolean,default:!0},disabled:{type:Boolean},propagateSelect:{type:Boolean},bubbleSelect:{type:Boolean},allowParentSelect:{type:Boolean},asChild:{type:Boolean},as:{default:`ul`}},emits:[`update:modelValue`,`update:expanded`],setup(g,{emit:D}){let O=g,k=D,A=S(`rovingFocusGroupRef`),{handleTypeaheadSearch:j}=o(),M=b(!1),N=E(),P=a(()=>O.modelValue,e=>{k(`update:modelValue`,e)},R()),F=p(()=>O.multiple&&Array.isArray(P.value)?P.value:[P.value]),{onSelectItem:I,handleMultipleReplace:L}=f(P,()=>O.multiple,()=>O.selectionBehavior);function R(){return t(O.defaultValue)?O.multiple?[]:``:O.defaultValue}let z=a(()=>O.expanded,e=>{k(`update:expanded`,e??[])},O.defaultExpanded??[]),B=p(()=>u(O.items,z.value)),V=e=>{if(!O.disabled)if(M.value)N.trigger(e);else{let t=A.value?.getItems()??[];j(e.key,t)}},H=t=>{if(O.disabled||M.value)return;let n=e[t.key];_(()=>{L(n,r(),B.value.map(e=>e.value),A.value?.getItems)})},U=e=>{if(O.disabled||!e.parent||!O.multiple||!Array.isArray(P.value))return;let t=B.value.find(t=>e.parent&&t.value===e.parent.value);if(!t)return;let n=P.value;t.data.children?.every(e=>n.find(t=>t===e.value))?P.value=[...n,t.data.value]:P.value=n.filter(e=>e!==t.data.value),U(t)},W=e=>{if(O.disabled)return;let t=B.value.find(t=>t.value===e);if(!(t?.hasChildren&&!O.allowParentSelect)&&(I(e),O.bubbleSelect&&O.multiple&&Array.isArray(P.value)&&t&&U(t),O.propagateSelect&&O.multiple&&Array.isArray(P.value))){if(!t)return;let r=n(t.data.children);P.value.includes(e)?P.value=P.value.filter(e=>!r.some(t=>t.value===e)):P.value=[...P.value,...r]}},G=e=>{if(!O.disabled&&B.value.find(t=>t.value===e)?.data?.children){if(z.value.includes(e)){z.value=z.value.filter(t=>t!==e);return}if(O.toggleBehavior===`single`){let t=l(e,O.items);t?z.value=[...t,e]:z.value=[e]}else z.value=[...z.value,e]}};return d({modelValue:P,expanded:z,selectedKeys:F,onSelect:W,onToggle:G,expandedItems:B,isVirtual:M,virtualKeydownHook:N,getItems:()=>A.value?.getItems()??[],handleMultipleReplace:L,...i(O,[`items`,`multiple`,`disabled`,`dir`,`selectionBehavior`,`propagateSelect`,`bubbleSelect`])}),(e,t)=>(v(),m(c,{ref_key:`rovingFocusGroupRef`,ref:A,"as-child":``,orientation:`vertical`,dir:g.dir,loop:g.loop},{default:C(()=>[h(x(s),{as:g.as,"as-child":g.asChild,"data-soybean-tree-root":``,"aria-disabled":g.disabled?!0:void 0,"aria-multiselectable":g.multiple?!0:void 0,"data-disabled":g.disabled?``:void 0,role:`tree`,onKeydown:[V,w(T(H,[`shift`]),[`up`,`down`])]},{default:C(()=>[y(e.$slots,`default`,{flattenItems:B.value,modelValue:x(P),expanded:x(z),select:W,toggle:G})]),_:3},8,[`as`,`as-child`,`aria-disabled`,`aria-multiselectable`,`data-disabled`,`onKeydown`])]),_:3},8,[`dir`,`loop`]))}});export{D as default};

package/dist/components/tree-menu/index.js

@@ -1 +1 @@
-import{provideTreeMenuRootContext as e,provideTreeMenuUi as t,useTreeMenuRootContext as n}from"./context.js";import r from"./tree-menu-button.js";import i from"./tree-menu-collapsible.js";import a from"./tree-menu-slot-compact.js";import o from"./tree-menu-item.js";import s from"./tree-menu-sub.js";import c from"./tree-menu-option-compact.js";import l from"./tree-menu-group.js";import u from"./tree-menu-group-label.js";import d from"./tree-menu-group-root.js";import f from"./tree-menu-options-compact.js";import p from"./tree-menu-root.js";import m from"./tree-menu-compact.js";export{r as TreeMenuButton,i as TreeMenuCollapsible,m as TreeMenuCompact,l as TreeMenuGroup,u as TreeMenuGroupLabel,d as TreeMenuGroupRoot,o as TreeMenuItem,c as TreeMenuOptionCompact,f as TreeMenuOptionsCompact,p as TreeMenuRoot,a as TreeMenuSlotCompact,s as TreeMenuSub,e as provideTreeMenuRootContext,t as provideTreeMenuUi,n as useTreeMenuRootContext};
+import{provideTreeMenuRootContext as e,provideTreeMenuUi as t,useTreeMenuRootContext as n}from"./context.js";import r from"./tree-menu-group-label.js";import i from"./tree-menu-group-root.js";import a from"./tree-menu-group.js";import o from"./tree-menu-button.js";import s from"./tree-menu-collapsible.js";import c from"./tree-menu-item.js";import l from"./tree-menu-slot-compact.js";import u from"./tree-menu-sub.js";import d from"./tree-menu-option-compact.js";import f from"./tree-menu-options-compact.js";import p from"./tree-menu-root.js";import m from"./tree-menu-compact.js";export{o as TreeMenuButton,s as TreeMenuCollapsible,m as TreeMenuCompact,a as TreeMenuGroup,r as TreeMenuGroupLabel,i as TreeMenuGroupRoot,c as TreeMenuItem,d as TreeMenuOptionCompact,f as TreeMenuOptionsCompact,p as TreeMenuRoot,l as TreeMenuSlotCompact,u as TreeMenuSub,e as provideTreeMenuRootContext,t as provideTreeMenuUi,n as useTreeMenuRootContext};

package/dist/components/tree-menu/tree-menu-option-compact.js

@@ -1 +1 @@
-import{useOmitProps as e}from"../../composables/use-props.js";import"../../composables/index.js";import t from"../link/link.js";import n from"../dropdown-menu/dropdown-menu-compact.js";import r from"../tooltip/tooltip-compact.js";import{useTreeMenuRootContext as i,useTreeMenuUi as a}from"./context.js";import o from"./tree-menu-button.js";import s from"./tree-menu-collapsible.js";import c from"./tree-menu-slot-compact.js";import l from"./tree-menu-item.js";import u from"./tree-menu-sub.js";import{Fragment as d,computed as f,createBlock as p,createCommentVNode as m,createElementBlock as h,createElementVNode as g,createSlots as _,createVNode as v,defineComponent as y,guardReactiveProps as b,mergeProps as x,normalizeClass as S,normalizeProps as C,openBlock as w,renderList as T,renderSlot as E,resolveComponent as D,unref as O,useSlots as k,withCtx as A}from"vue";import{keysOf as j}from"@soybeanjs/utils";const M=y({name:`TreeMenuOptionCompact`,__name:`tree-menu-option-compact`,props:{as:{default:`li`},item:{},side:{},activePaths:{},itemProps:{},buttonProps:{},linkProps:{},collapsibleProps:{},subProps:{}},emits:[`selectDropdown`],setup(y,{emit:M}){let N=y,P=M,F=k(),I=e(N,[`as`,`item`]),L=f(()=>j(F)),R=a(),{collapsed:z,modelValue:B,onModelValueChange:V}=i(`TreeMenuCompactOption`),H=f(()=>N.item.children??[]),U=f(()=>!!H.value.length),W=f(()=>B.value===N.item.value?!1:!!N.activePaths?.includes(N.item.value)),G=f(()=>!!(N.item.to||N.item.href)),K=f(()=>{if(!G.value)return{};let{disabled:e,to:t,href:n,target:r,external:i}=N.item;return{...N.linkProps,disabled:e,to:t,href:n,target:r,external:i}}),q=f(()=>z.value&&U.value),J=f(()=>z.value&&!q.value?N.item.label:void 0),Y=f(()=>N.side===`left`?`right`:`left`),X=f(()=>({...N.item.tooltipProps,placement:N.item.tooltipProps?.placement??Y.value})),Z=f(()=>({...N.item.dropdownMenuProps,placement:N.item.dropdownMenuProps?.placement??Y.value,trigger:N.item.dropdownMenuProps?.trigger??`hover`})),Q=()=>{N.item.disabled||V(N.item.value)},$=e=>{N.item.disabled||(V(e.value),P(`selectDropdown`,e.value))};return(e,i)=>{let a=D(`TreeMenuOptionCompact`,!0);return U.value?(w(),p(l,x({key:1},y.itemProps,{"as-child":``,value:y.item.value,disabled:y.item.disabled}),{default:A(()=>[v(s,x(y.collapsibleProps,{as:y.as,"disabled-collapsible":O(z)}),{trigger:A(()=>[v(o,x(y.buttonProps,{"disabled-active":``,"data-child-active":W.value?``:void 0}),{default:A(()=>[v(c,{item:y.item},_({_:2},[T(L.value,t=>({name:t,fn:A(n=>[E(e.$slots,t,C(b(n)))])}))]),1032,[`item`])]),_:3},16,[`data-child-active`])]),extra:A(()=>[q.value?(w(),p(n,x({key:0},Z.value,{items:H.value,disabled:y.item.disabled,"active-value":O(B),"data-menu":y.item.label,onSelect:$}),{trigger:A(()=>[g(`div`,{class:S(O(R).itemAbsolute)},null,2)]),_:1},16,[`items`,`disabled`,`active-value`,`data-menu`])):m(`v-if`,!0)]),default:A(()=>[v(u,C(b(y.subProps)),{default:A(()=>[(w(!0),h(d,null,T(H.value,t=>(w(),p(a,x({key:t.value},{ref_for:!0},O(I),{item:t,side:y.side,"active-paths":y.activePaths,onSelectDropdown:i[0]||(i[0]=e=>P(`selectDropdown`,e))}),_({_:2},[T(L.value,t=>({name:t,fn:A(n=>[E(e.$slots,t,x({ref_for:!0},n))])}))]),1040,[`item`,`side`,`active-paths`]))),128))]),_:3},16)]),_:3},16,[`as`,`disabled-collapsible`])]),_:3},16,[`value`,`disabled`])):(w(),p(l,x({key:0},y.itemProps,{as:y.as,value:y.item.value,disabled:y.item.disabled}),{default:A(()=>[G.value?(w(),p(o,x({key:0},y.buttonProps,{"as-child":``}),{default:A(()=>[v(t,C(b(K.value)),{default:A(({isHref:t})=>[v(c,{item:y.item,"show-link-icon":t},_({_:2},[T(L.value,t=>({name:t,fn:A(n=>[E(e.$slots,t,C(b(n)))])}))]),1032,[`item`,`show-link-icon`])]),_:3},16)]),_:3},16)):(w(),p(o,C(x({key:1},y.buttonProps)),{default:A(()=>[v(c,{item:y.item},_({_:2},[T(L.value,t=>({name:t,fn:A(n=>[E(e.$slots,t,C(b(n)))])}))]),1032,[`item`])]),_:3},16)),J.value?(w(),p(r,x({key:2},X.value,{content:J.value}),{trigger:A(()=>[G.value?(w(),p(t,x({key:0},K.value,{class:O(R).itemAbsolute,onClick:Q}),null,16,[`class`])):(w(),h(`div`,{key:1,class:S(O(R).itemAbsolute),onClick:Q},null,2))]),_:1},16,[`content`])):m(`v-if`,!0)]),_:3},16,[`as`,`value`,`disabled`]))}}});export{M as default};
+import{useOmitProps as e}from"../../composables/use-props.js";import"../../composables/index.js";import t from"../link/link.js";import n from"../dropdown-menu/dropdown-menu-compact.js";import r from"../tooltip/tooltip-compact.js";import{useTreeMenuRootContext as i,useTreeMenuUi as a}from"./context.js";import o from"./tree-menu-button.js";import s from"./tree-menu-collapsible.js";import c from"./tree-menu-item.js";import l from"./tree-menu-slot-compact.js";import u from"./tree-menu-sub.js";import{Fragment as d,computed as f,createBlock as p,createCommentVNode as m,createElementBlock as h,createElementVNode as g,createSlots as _,createVNode as v,defineComponent as y,guardReactiveProps as b,mergeProps as x,normalizeClass as S,normalizeProps as C,openBlock as w,renderList as T,renderSlot as E,resolveComponent as D,unref as O,useSlots as k,withCtx as A}from"vue";import{keysOf as j}from"@soybeanjs/utils";const M=y({name:`TreeMenuOptionCompact`,__name:`tree-menu-option-compact`,props:{as:{default:`li`},item:{},side:{},activePaths:{},itemProps:{},buttonProps:{},linkProps:{},collapsibleProps:{},subProps:{}},emits:[`selectDropdown`],setup(y,{emit:M}){let N=y,P=M,F=k(),I=e(N,[`as`,`item`]),L=f(()=>j(F)),R=a(),{collapsed:z,modelValue:B,onModelValueChange:V}=i(`TreeMenuCompactOption`),H=f(()=>N.item.children??[]),U=f(()=>!!H.value.length),W=f(()=>B.value===N.item.value?!1:!!N.activePaths?.includes(N.item.value)),G=f(()=>!!(N.item.to||N.item.href)),K=f(()=>{if(!G.value)return{};let{disabled:e,to:t,href:n,target:r,external:i}=N.item;return{...N.linkProps,disabled:e,to:t,href:n,target:r,external:i}}),q=f(()=>z.value&&U.value),J=f(()=>z.value&&!q.value?N.item.label:void 0),Y=f(()=>N.side===`left`?`right`:`left`),X=f(()=>({...N.item.tooltipProps,placement:N.item.tooltipProps?.placement??Y.value})),Z=f(()=>({...N.item.dropdownMenuProps,placement:N.item.dropdownMenuProps?.placement??Y.value,trigger:N.item.dropdownMenuProps?.trigger??`hover`})),Q=()=>{N.item.disabled||V(N.item.value)},$=e=>{N.item.disabled||(V(e.value),P(`selectDropdown`,e.value))};return(e,i)=>{let a=D(`TreeMenuOptionCompact`,!0);return U.value?(w(),p(c,x({key:1},y.itemProps,{"as-child":``,value:y.item.value,disabled:y.item.disabled}),{default:A(()=>[v(s,x(y.collapsibleProps,{as:y.as,"disabled-collapsible":O(z)}),{trigger:A(()=>[v(o,x(y.buttonProps,{"disabled-active":``,"data-child-active":W.value?``:void 0}),{default:A(()=>[v(l,{item:y.item},_({_:2},[T(L.value,t=>({name:t,fn:A(n=>[E(e.$slots,t,C(b(n)))])}))]),1032,[`item`])]),_:3},16,[`data-child-active`])]),extra:A(()=>[q.value?(w(),p(n,x({key:0},Z.value,{items:H.value,disabled:y.item.disabled,"active-value":O(B),"data-menu":y.item.label,onSelect:$}),{trigger:A(()=>[g(`div`,{class:S(O(R).itemAbsolute)},null,2)]),_:1},16,[`items`,`disabled`,`active-value`,`data-menu`])):m(`v-if`,!0)]),default:A(()=>[v(u,C(b(y.subProps)),{default:A(()=>[(w(!0),h(d,null,T(H.value,t=>(w(),p(a,x({key:t.value},{ref_for:!0},O(I),{item:t,side:y.side,"active-paths":y.activePaths,onSelectDropdown:i[0]||(i[0]=e=>P(`selectDropdown`,e))}),_({_:2},[T(L.value,t=>({name:t,fn:A(n=>[E(e.$slots,t,x({ref_for:!0},n))])}))]),1040,[`item`,`side`,`active-paths`]))),128))]),_:3},16)]),_:3},16,[`as`,`disabled-collapsible`])]),_:3},16,[`value`,`disabled`])):(w(),p(c,x({key:0},y.itemProps,{as:y.as,value:y.item.value,disabled:y.item.disabled}),{default:A(()=>[G.value?(w(),p(o,x({key:0},y.buttonProps,{"as-child":``}),{default:A(()=>[v(t,C(b(K.value)),{default:A(({isHref:t})=>[v(l,{item:y.item,"show-link-icon":t},_({_:2},[T(L.value,t=>({name:t,fn:A(n=>[E(e.$slots,t,C(b(n)))])}))]),1032,[`item`,`show-link-icon`])]),_:3},16)]),_:3},16)):(w(),p(o,C(x({key:1},y.buttonProps)),{default:A(()=>[v(l,{item:y.item},_({_:2},[T(L.value,t=>({name:t,fn:A(n=>[E(e.$slots,t,C(b(n)))])}))]),1032,[`item`])]),_:3},16)),J.value?(w(),p(r,x({key:2},X.value,{content:J.value}),{trigger:A(()=>[G.value?(w(),p(t,x({key:0},K.value,{class:O(R).itemAbsolute,onClick:Q}),null,16,[`class`])):(w(),h(`div`,{key:1,class:S(O(R).itemAbsolute),onClick:Q},null,2))]),_:1},16,[`content`])):m(`v-if`,!0)]),_:3},16,[`as`,`value`,`disabled`]))}}});export{M as default};

package/dist/components/tree-menu/tree-menu-options-compact.js

@@ -1 +1 @@
-import{getTreePaths as e}from"../../shared/tree.js";import"../../shared/index.js";import{usePickProps as t}from"../../composables/use-props.js";import"../../composables/index.js";import n from"../_icon/icon.js";import{useTreeMenuRootContext as r}from"./context.js";import{filterHiddenTreeMenuOptions as i}from"./shared.js";import a from"./tree-menu-option-compact.js";import o from"./tree-menu-group.js";import s from"./tree-menu-group-label.js";import c from"./tree-menu-group-root.js";import{Fragment as l,computed as u,createBlock as d,createCommentVNode as f,createElementBlock as p,createElementVNode as m,createSlots as h,createVNode as g,defineComponent as _,mergeProps as v,openBlock as y,renderList as b,renderSlot as x,toDisplayString as S,unref as C,useSlots as w,withCtx as T}from"vue";import{keysOf as E}from"@soybeanjs/utils";const D=_({name:`TreeMenuCompactOptions`,__name:`tree-menu-options-compact`,props:{items:{},groupRootProps:{},groupProps:{},groupLabelProps:{},showGroupIcon:{type:Boolean},side:{},itemProps:{},buttonProps:{},linkProps:{},collapsibleProps:{},subProps:{}},emits:[`selectDropdown`],setup(_,{emit:D}){let O=_,k=D,A=w(),j=u(()=>E(A).filter(e=>e!==`group-label`)),M=t(O,[`itemProps`,`buttonProps`,`linkProps`,`collapsibleProps`,`subProps`]),{modelValue:N}=r(`TreeMenuCompactOptions`),P=u(()=>i(O.items)),F=u(()=>e(N.value,P.value));return(e,t)=>(y(!0),p(l,null,b(P.value,r=>(y(),p(l,{key:r.value},[r.isGroup?(y(),d(c,v({key:0,ref_for:!0},_.groupRootProps),{default:T(()=>[g(s,v({ref_for:!0},_.groupLabelProps),{default:T(()=>[x(e.$slots,`group-label`,{item:r},()=>[_.showGroupIcon&&r.icon?(y(),d(n,{key:0,icon:r.icon,"aria-hidden":`true`},null,8,[`icon`])):f(`v-if`,!0),m(`span`,null,S(r.label),1)])]),_:2},1040),g(o,v({ref_for:!0},_.groupProps),{default:T(()=>[(y(!0),p(l,null,b(r.children,n=>(y(),d(a,v({key:n.value},{ref_for:!0},C(M),{item:n,side:_.side,"active-paths":F.value,onSelectDropdown:t[0]||(t[0]=e=>k(`selectDropdown`,e))}),h({_:2},[b(j.value,t=>({name:t,fn:T(n=>[x(e.$slots,t,v({ref_for:!0},n))])}))]),1040,[`item`,`side`,`active-paths`]))),128))]),_:2},1040)]),_:2},1040)):(y(),d(a,v({key:1,as:`div`},{ref_for:!0},C(M),{item:r,side:_.side,"active-paths":F.value,onSelectDropdown:t[1]||(t[1]=e=>k(`selectDropdown`,e))}),h({_:2},[b(j.value,t=>({name:t,fn:T(n=>[x(e.$slots,t,v({ref_for:!0},n))])}))]),1040,[`item`,`side`,`active-paths`]))],64))),128))}});export{D as default};
+import{getTreePaths as e}from"../../shared/tree.js";import"../../shared/index.js";import{usePickProps as t}from"../../composables/use-props.js";import"../../composables/index.js";import n from"../_icon/icon.js";import{filterHiddenTreeMenuOptions as r}from"./shared.js";import{useTreeMenuRootContext as i}from"./context.js";import a from"./tree-menu-group-label.js";import o from"./tree-menu-group-root.js";import s from"./tree-menu-group.js";import c from"./tree-menu-option-compact.js";import{Fragment as l,computed as u,createBlock as d,createCommentVNode as f,createElementBlock as p,createElementVNode as m,createSlots as h,createVNode as g,defineComponent as _,mergeProps as v,openBlock as y,renderList as b,renderSlot as x,toDisplayString as S,unref as C,useSlots as w,withCtx as T}from"vue";import{keysOf as E}from"@soybeanjs/utils";const D=_({name:`TreeMenuCompactOptions`,__name:`tree-menu-options-compact`,props:{items:{},groupRootProps:{},groupProps:{},groupLabelProps:{},showGroupIcon:{type:Boolean},side:{},itemProps:{},buttonProps:{},linkProps:{},collapsibleProps:{},subProps:{}},emits:[`selectDropdown`],setup(_,{emit:D}){let O=_,k=D,A=w(),j=u(()=>E(A).filter(e=>e!==`group-label`)),M=t(O,[`itemProps`,`buttonProps`,`linkProps`,`collapsibleProps`,`subProps`]),{modelValue:N}=i(`TreeMenuCompactOptions`),P=u(()=>r(O.items)),F=u(()=>e(N.value,P.value));return(e,t)=>(y(!0),p(l,null,b(P.value,r=>(y(),p(l,{key:r.value},[r.isGroup?(y(),d(o,v({key:0,ref_for:!0},_.groupRootProps),{default:T(()=>[g(a,v({ref_for:!0},_.groupLabelProps),{default:T(()=>[x(e.$slots,`group-label`,{item:r},()=>[_.showGroupIcon&&r.icon?(y(),d(n,{key:0,icon:r.icon,"aria-hidden":`true`},null,8,[`icon`])):f(`v-if`,!0),m(`span`,null,S(r.label),1)])]),_:2},1040),g(s,v({ref_for:!0},_.groupProps),{default:T(()=>[(y(!0),p(l,null,b(r.children,n=>(y(),d(c,v({key:n.value},{ref_for:!0},C(M),{item:n,side:_.side,"active-paths":F.value,onSelectDropdown:t[0]||(t[0]=e=>k(`selectDropdown`,e))}),h({_:2},[b(j.value,t=>({name:t,fn:T(n=>[x(e.$slots,t,v({ref_for:!0},n))])}))]),1040,[`item`,`side`,`active-paths`]))),128))]),_:2},1040)]),_:2},1040)):(y(),d(c,v({key:1,as:`div`},{ref_for:!0},C(M),{item:r,side:_.side,"active-paths":F.value,onSelectDropdown:t[1]||(t[1]=e=>k(`selectDropdown`,e))}),h({_:2},[b(j.value,t=>({name:t,fn:T(n=>[x(e.$slots,t,v({ref_for:!0},n))])}))]),1040,[`item`,`side`,`active-paths`]))],64))),128))}});export{D as default};

package/dist/components/tree-menu/tree-menu-root.js

@@ -1 +1 @@
-import{useControllableState as e}from"../../composables/use-controllable-state.js";import"../../composables/index.js";import{provideTreeMenuRootContext as t,useTreeMenuUi as n}from"./context.js";import{treeMenuCssVars as r}from"./shared.js";import{computed as i,createElementBlock as a,defineComponent as o,normalizeClass as s,normalizeStyle as c,openBlock as l,renderSlot as u,unref as d,watch as f}from"vue";const p=[`data-state`],m=o({name:`TreeMenuRoot`,__name:`tree-menu-root`,props:{modelValue:{},defaultValue:{default:``},expanded:{},defaultExpanded:{default:()=>[]},collapsed:{type:Boolean,default:void 0},defaultCollapsed:{type:Boolean,default:!1},collapsedWidth:{default:50},indent:{default:16},pxToRem:{type:Function,default:e=>e/16}},emits:[`update:modelValue`,`update:expanded`,`update:collapsed`],setup(o,{emit:m}){let h=o,g=m,_=n(`root`),v=e(()=>h.modelValue,e=>{g(`update:modelValue`,e)},h.defaultValue),y=e(()=>h.expanded,e=>{g(`update:expanded`,e)},h.defaultExpanded),b=e(()=>h.collapsed,e=>{g(`update:collapsed`,e)},h.defaultCollapsed),x=i(()=>b.value?`collapsed`:`expanded`),S=i(()=>{let e=h.pxToRem(h.collapsedWidth),t=h.pxToRem(h.indent);return{[r.collapsedWidth]:`${e}rem`,[r.indent]:`${t}rem`}}),C=null;return f(b,e=>{if(e){C=[...y.value??[]],y.value=[];return}C?.length&&(y.value=[...C],C=null)}),t({modelValue:v,expanded:y,collapsed:b}),(e,t)=>(l(),a(`div`,{"data-soybean-tree-menu-root":``,class:s(d(_)),"data-state":x.value,style:c(S.value)},[u(e.$slots,`default`)],14,p))}});export{m as default};
+import{useControllableState as e}from"../../composables/use-controllable-state.js";import"../../composables/index.js";import{treeMenuCssVars as t}from"./shared.js";import{provideTreeMenuRootContext as n,useTreeMenuUi as r}from"./context.js";import{computed as i,createElementBlock as a,defineComponent as o,normalizeClass as s,normalizeStyle as c,openBlock as l,renderSlot as u,unref as d,watch as f}from"vue";const p=[`data-state`],m=o({name:`TreeMenuRoot`,__name:`tree-menu-root`,props:{modelValue:{},defaultValue:{default:``},expanded:{},defaultExpanded:{default:()=>[]},collapsed:{type:Boolean,default:void 0},defaultCollapsed:{type:Boolean,default:!1},collapsedWidth:{default:50},indent:{default:16},pxToRem:{type:Function,default:e=>e/16}},emits:[`update:modelValue`,`update:expanded`,`update:collapsed`],setup(o,{emit:m}){let h=o,g=m,_=r(`root`),v=e(()=>h.modelValue,e=>{g(`update:modelValue`,e)},h.defaultValue),y=e(()=>h.expanded,e=>{g(`update:expanded`,e)},h.defaultExpanded),b=e(()=>h.collapsed,e=>{g(`update:collapsed`,e)},h.defaultCollapsed),x=i(()=>b.value?`collapsed`:`expanded`),S=i(()=>{let e=h.pxToRem(h.collapsedWidth),n=h.pxToRem(h.indent);return{[t.collapsedWidth]:`${e}rem`,[t.indent]:`${n}rem`}}),C=null;return f(b,e=>{if(e){C=[...y.value??[]],y.value=[];return}C?.length&&(y.value=[...C],C=null)}),n({modelValue:v,expanded:y,collapsed:b}),(e,t)=>(l(),a(`div`,{"data-soybean-tree-menu-root":``,class:s(d(_)),"data-state":x.value,style:c(S.value)},[u(e.$slots,`default`)],14,p))}});export{m as default};

package/dist/components/tree-menu/tree-menu-root.vue.d.ts

@@ -15,8 +15,8 @@ declare const __VLS_base: import("vue").DefineComponent<TreeMenuRootProps, {}, {
   "onUpdate:collapsed"?: ((value: boolean) => any) | undefined;
 }>, {
   defaultValue: string;
-  collapsed: boolean;
   defaultExpanded: string[];
+  collapsed: boolean;
   indent: number;
   defaultCollapsed: boolean;
   collapsedWidth: number;

package/dist/components/tree-menu/types.d.ts

@@ -1,8 +1,8 @@
 import { HorizontalSide, UiClass } from "../../types/common.js";
 import { BaseProps } from "../../types/vue.js";
+import { IconValue } from "../_icon/types.js";
 import { AsTag, PrimitiveWithBaseProps } from "../primitive/types.js";
 import { ButtonProps } from "../button/types.js";
-import { IconValue } from "../_icon/types.js";
 import { LinkBaseProps, LinkProps } from "../link/types.js";
 import { BadgeCompactProps } from "../badge/types.js";
 import { TooltipCompactProps } from "../tooltip/types.js";

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

@@ -1 +1 @@
-import{transformPropsToContext as e}from"../../shared/vue.js";import"../../shared/index.js";import{useExposedElement as t}from"../../composables/use-exposed-element.js";import"../../composables/index.js";import{Primitive as n}from"../primitive/primitive.js";import"../primitive/index.js";import{provideVirtualizerContext as r}from"./context.js";import{getVirtualizerPadding as i}from"./shared.js";import{computed as a,createBlock as o,defineComponent as s,normalizeStyle as c,openBlock as l,renderSlot as u,unref as d,withCtx as f}from"vue";import{useVirtualizer as p}from"@tanstack/vue-virtual";const m=s({name:`VirtualizerRoot`,__name:`virtualizer-root`,props:{height:{},items:{},options:{},dynamic:{type:Boolean},asChild:{type:Boolean},as:{}},setup(s){let m=s,[h,g]=t(),_=a(()=>i(h.value)),v=p(a(()=>({estimateSize:()=>28,...m.options,count:m.items.length,scrollPaddingStart:_.value.start,scrollPaddingEnd:_.value.end,getScrollElement:()=>h.value??null}))),y=a(()=>v.value.getVirtualItems()),b=a(()=>v.value.getTotalSize()),x=a(()=>`height:${m.height};overflow:auto;`),S=a(()=>m.options?.horizontal??!1);return r({virtualizer:v,virtualItems:y,contentStyle:a(()=>{let e=`position:relative;`;return S.value?e+=`width:${b.value}px;height:100%;`:e+=`width:100%;height:${b.value}px;`,e}),isHorizontal:S,totalSize:b,...e(m,[`dynamic`])}),(e,t)=>(l(),o(d(n),{ref:d(g),as:s.as,"as-child":s.asChild,"data-soybean-virtualizer-root":``,style:c(x.value),tabindex:`-1`},{default:f(()=>[u(e.$slots,`default`,{virtualItems:y.value,items:s.items})]),_:3},8,[`as`,`as-child`,`style`]))}});export{m as default};
+import{transformPropsToContext as e}from"../../shared/vue.js";import"../../shared/index.js";import{useExposedElement as t}from"../../composables/use-exposed-element.js";import"../../composables/index.js";import{Primitive as n}from"../primitive/primitive.js";import"../primitive/index.js";import{getVirtualizerPadding as r}from"./shared.js";import{provideVirtualizerContext as i}from"./context.js";import{computed as a,createBlock as o,defineComponent as s,normalizeStyle as c,openBlock as l,renderSlot as u,unref as d,withCtx as f}from"vue";import{useVirtualizer as p}from"@tanstack/vue-virtual";const m=s({name:`VirtualizerRoot`,__name:`virtualizer-root`,props:{height:{},items:{},options:{},dynamic:{type:Boolean},asChild:{type:Boolean},as:{}},setup(s){let m=s,[h,g]=t(),_=a(()=>r(h.value)),v=p(a(()=>({estimateSize:()=>28,...m.options,count:m.items.length,scrollPaddingStart:_.value.start,scrollPaddingEnd:_.value.end,getScrollElement:()=>h.value??null}))),y=a(()=>v.value.getVirtualItems()),b=a(()=>v.value.getTotalSize()),x=a(()=>`height:${m.height};overflow:auto;`),S=a(()=>m.options?.horizontal??!1);return i({virtualizer:v,virtualItems:y,contentStyle:a(()=>{let e=`position:relative;`;return S.value?e+=`width:${b.value}px;height:100%;`:e+=`width:100%;height:${b.value}px;`,e}),isHorizontal:S,totalSize:b,...e(m,[`dynamic`])}),(e,t)=>(l(),o(d(n),{ref:d(g),as:s.as,"as-child":s.asChild,"data-soybean-virtualizer-root":``,style:c(x.value),tabindex:`-1`},{default:f(()=>[u(e.$slots,`default`,{virtualItems:y.value,items:s.items})]),_:3},8,[`as`,`as-child`,`style`]))}});export{m as default};

package/dist/components/visually-hidden/visually-hidden-input.vue.d.ts

@@ -2,8 +2,8 @@ import { VisuallyHiddenFeature, VisuallyHiddenInputProps } from "./types.js";
 
 //#region src/components/visually-hidden/visually-hidden-input.vue.d.ts
 declare const __VLS_export: import("vue").DefineComponent<VisuallyHiddenInputProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<VisuallyHiddenInputProps> & Readonly<{}>, {
-  checked: boolean;
   feature: VisuallyHiddenFeature;
+  checked: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 //#endregion

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

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

package/dist/components/watermark/context.js

@@ -0,0 +1 @@
+import{useContext as e}from"../../composables/use-context.js";import{useUiContext as t}from"../../composables/use-ui-context.js";import"../../composables/index.js";const[n,r]=e(`WatermarkRoot`,e=>e),[i,a]=t(`WatermarkUi`);export{n as provideWatermarkRootContext,i as provideWatermarkUi,r as useWatermarkRootContext,a as useWatermarkUi};

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

@@ -0,0 +1,6 @@
+import { WatermarkCompactProps, WatermarkOverlayProps, WatermarkRootProps, WatermarkUi, WatermarkUiSlot } from "./types.js";
+import { _default } from "./watermark-compact.vue.js";
+import { _default as _default$1 } from "./watermark-overlay.vue.js";
+import { _default as _default$2 } from "./watermark-root.vue.js";
+import { provideWatermarkUi } from "./context.js";
+export { _default as WatermarkCompact, type WatermarkCompactProps, _default$1 as WatermarkOverlay, type WatermarkOverlayProps, _default$2 as WatermarkRoot, type WatermarkRootProps, type WatermarkUi, type WatermarkUiSlot, provideWatermarkUi };

package/dist/components/watermark/index.js

@@ -0,0 +1 @@
+import{provideWatermarkUi as e}from"./context.js";import t from"./watermark-overlay.js";import n from"./watermark-root.js";import r from"./watermark-compact.js";export{r as WatermarkCompact,t as WatermarkOverlay,n as WatermarkRoot,e as provideWatermarkUi};

package/dist/components/watermark/shared.js

@@ -0,0 +1 @@
+function e(e,o){if(typeof window>`u`)return;let{content:s,fontSize:c,fontFamily:l,fontColor:u,fontWeight:d,rotate:f,gap:p,offset:m,cross:h}=e;if(!s&&!o)return;let g=document.createElement(`canvas`),_=g.getContext(`2d`);if(!_)return;let v=f*Math.PI/180,y=Math.abs(Math.sin(v)),b=Math.abs(Math.cos(v));if(o){let r=e.width??Math.ceil(o.width*b+o.height*y+p[0]),a=e.height??Math.ceil(o.width*y+o.height*b+p[1]);g.width=r,g.height=a;let s={loadedImage:o,rotateRad:v,offset:m};h?n(_,r,a,i,s):t(_,r,a,i,s)}else{let i=a(s,c,l,d),o=c,f=e.width??Math.ceil(i*b+o*y+p[0]),x=e.height??Math.ceil(i*y+o*b+p[1]);g.width=f,g.height=x;let S={content:s,fontSize:c,fontFamily:l,fontColor:u,fontWeight:d,rotateRad:v,offset:m};h?n(_,f,x,r,S):t(_,f,x,r,S)}return g.toDataURL()}function t(e,t,n,r,i){r(e,t/2+i.offset[0],n/2+i.offset[1],i.rotateRad,i)}function n(e,t,n,r,i){r(e,t/2,n/2,i.rotateRad,i),r(e,t/2,n/2,-i.rotateRad,i)}function r(e,t,n,r,i){let{content:a,fontSize:o,fontFamily:s,fontColor:c,fontWeight:l}=i;!a||o===void 0||s===void 0||c===void 0||(e.save(),e.translate(t,n),e.rotate(r),e.font=`${l??`normal`} ${o}px ${s}`,e.fillStyle=c,e.textAlign=`center`,e.textBaseline=`middle`,e.fillText(a,0,0),e.restore())}function i(e,t,n,r,i){let{loadedImage:a}=i;a&&(e.save(),e.translate(t,n),e.rotate(r),e.drawImage(a,-a.width/2,-a.height/2),e.restore())}function a(e,t,n,r){if(!e)return 0;let i=document.createElement(`canvas`).getContext(`2d`);return i?(i.font=`${r} ${t}px ${n}`,i.measureText(e).width):0}const o={fontSize:16,fontFamily:`sans-serif`,fontColor:`rgba(0, 0, 0, 0.15)`,fontWeight:`normal`,rotate:-22,gap:[100,100],offset:[0,0],cross:!1};function s(e){return{content:e.content,image:e.image,fontSize:e.fontSize??o.fontSize,fontFamily:e.fontFamily??o.fontFamily,fontColor:e.fontColor??o.fontColor,fontWeight:e.fontWeight??o.fontWeight,rotate:e.rotate??o.rotate,gap:e.gap??o.gap,offset:e.offset??o.offset,width:e.width,height:e.height,cross:e.cross??o.cross}}export{e as generateWatermarkDataUrl,s as resolveWatermarkConfig};