@soybeanjs/headless 0.21.0 → 0.22.1

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

@@ -18,15 +18,15 @@ declare const __VLS_base: _$vue.DefineComponent<TimeRangeFieldRootProps, {}, {},
   placeholder: TimeValue;
   disabled: boolean;
   step: DateStep;
-  readonly: boolean;
   defaultValue: TimeRange;
+  readonly: boolean;
   defaultPlaceholder: TimeValue;
   granularity: TimeGranularity;
   hourCycle: 12 | 24;
   hideTimeZone: boolean;
-  isTimeUnavailable: TimeMatcher;
   startName: string;
   endName: string;
+  isTimeUnavailable: TimeMatcher;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

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

@@ -2,7 +2,6 @@ import { UiClass } from "../../types/common.js";
 import { UseUiConsumer } from "../../composables/use-ui-context.js";
 import { ToastUiSlot } from "./types.js";
 import * as _$vue from "vue";
-
 //#region src/components/toast/context.d.ts
 declare const provideToastUi: (ui: _$vue.ComputedRef<Partial<UiClass<ToastUiSlot>>>) => _$vue.ComputedRef<Partial<UiClass<ToastUiSlot>>>, useToastUi: UseUiConsumer<ToastUiSlot>;
 //#endregion

package/dist/components/toast/shared.js

@@ -1 +1 @@
-import{e}from"../../node_modules/.pnpm/@soybeanjs_utils@0.1.1/node_modules/@soybeanjs/utils/dist/index.js";const t={gap:`--gap`,offsetTop:`--offset-top`,offsetRight:`--offset-right`,offsetBottom:`--offset-bottom`,offsetLeft:`--offset-left`,mobileOffsetTop:`--mobile-offset-top`,mobileOffsetRight:`--mobile-offset-right`,mobileOffsetBottom:`--mobile-offset-bottom`,mobileOffsetLeft:`--mobile-offset-left`,frontHeight:`--front-toast-height`},n={index:`--index`,offset:`--offset`,beforeIndex:`--toasts-before`,zIndex:`--z-index`,swipeAmountX:`--swipe-amount-x`,swipeAmountY:`--swipe-amount-y`,swipeDirection:`--swipe-direction`,swipeOut:`--swipe-out`,initialHeight:`--initial-height`},r=`top-right`,i=4e3,a={info:`lucide:info`,success:`lucide:circle-check`,warning:`lucide:circle-alert`,error:`lucide:circle-x`,close:`lucide:x`,loading:`svg-spinners:270-ring`},o=[`top-right`,`top-center`,`top-left`,`bottom-right`,`bottom-center`,`bottom-left`],s={left:`left`,right:`right`,top:`up`,bottom:`down`};function c(e){let[t,n]=e.split(`-`),r=[];return t&&r.push(s[t]),n&&r.push(s[n]),r}const l=n=>{let r={top:t.offsetTop,right:t.offsetRight,bottom:t.offsetBottom,left:t.offsetLeft},i={top:t.mobileOffsetTop,right:t.mobileOffsetRight,bottom:t.mobileOffsetBottom,left:t.mobileOffsetLeft},a={};return e(r).forEach(e=>{let t=(typeof n==`number`?n:n[e])??24;a[r[e]]=`${t}px`,a[i[e]]=`calc(${t}px * 0.67)`}),a},u=e=>{if(!e)return{x:0,y:0};let t=e.style.getPropertyValue(n.swipeAmountX),r=e.style.getPropertyValue(n.swipeAmountY);return{x:Number(t.replace(`px`,``))||0,y:Number(r.replace(`px`,``))||0}},d=(e,t)=>{e&&(e.style.setProperty(n.swipeAmountX,`${t.x}px`),e.style.setProperty(n.swipeAmountY,`${t.y}px`))},f=e=>{e&&d(e,{x:0,y:0})},p=e=>`dismiss`in e&&e.dismiss===!0,m=e=>[`altKey`,`ctrlKey`,`metaKey`,`shiftKey`].includes(e);export{o as ALL_TOAST_POSITIONS,r as DEFAULT_POSITION,a as ICONS,i as TOAST_LIFETIME,c as getDefaultSwipeDirections,u as getSwipeAmount,m as isModifierHotkey,p as isToastDismiss,f as resetSwipeAmount,l as resolveOffset,d as setSwipeAmount,n as toastCssVars,t as toasterCssVars};
+import{keysOf as e}from"@soybeanjs/utils";const t={gap:`--gap`,offsetTop:`--offset-top`,offsetRight:`--offset-right`,offsetBottom:`--offset-bottom`,offsetLeft:`--offset-left`,mobileOffsetTop:`--mobile-offset-top`,mobileOffsetRight:`--mobile-offset-right`,mobileOffsetBottom:`--mobile-offset-bottom`,mobileOffsetLeft:`--mobile-offset-left`,frontHeight:`--front-toast-height`},n={index:`--index`,offset:`--offset`,beforeIndex:`--toasts-before`,zIndex:`--z-index`,swipeAmountX:`--swipe-amount-x`,swipeAmountY:`--swipe-amount-y`,swipeDirection:`--swipe-direction`,swipeOut:`--swipe-out`,initialHeight:`--initial-height`},r=`top-right`,i=4e3,a={info:`lucide:info`,success:`lucide:circle-check`,warning:`lucide:circle-alert`,error:`lucide:circle-x`,close:`lucide:x`,loading:`svg-spinners:270-ring`},o=[`top-right`,`top-center`,`top-left`,`bottom-right`,`bottom-center`,`bottom-left`],s={left:`left`,right:`right`,top:`up`,bottom:`down`};function c(e){let[t,n]=e.split(`-`),r=[];return t&&r.push(s[t]),n&&r.push(s[n]),r}const l=n=>{let r={top:t.offsetTop,right:t.offsetRight,bottom:t.offsetBottom,left:t.offsetLeft},i={top:t.mobileOffsetTop,right:t.mobileOffsetRight,bottom:t.mobileOffsetBottom,left:t.mobileOffsetLeft},a={};return e(r).forEach(e=>{let t=(typeof n==`number`?n:n[e])??24;a[r[e]]=`${t}px`,a[i[e]]=`calc(${t}px * 0.67)`}),a},u=e=>{if(!e)return{x:0,y:0};let t=e.style.getPropertyValue(n.swipeAmountX),r=e.style.getPropertyValue(n.swipeAmountY);return{x:Number(t.replace(`px`,``))||0,y:Number(r.replace(`px`,``))||0}},d=(e,t)=>{e&&(e.style.setProperty(n.swipeAmountX,`${t.x}px`),e.style.setProperty(n.swipeAmountY,`${t.y}px`))},f=e=>{e&&d(e,{x:0,y:0})},p=e=>`dismiss`in e&&e.dismiss===!0,m=e=>[`altKey`,`ctrlKey`,`metaKey`,`shiftKey`].includes(e);export{o as ALL_TOAST_POSITIONS,r as DEFAULT_POSITION,a as ICONS,i as TOAST_LIFETIME,c as getDefaultSwipeDirections,u as getSwipeAmount,m as isModifierHotkey,p as isToastDismiss,f as resetSwipeAmount,l as resolveOffset,d as setSwipeAmount,n as toastCssVars,t as toasterCssVars};

package/dist/components/toggle-group/context.d.ts

@@ -2,7 +2,6 @@ import { UiClass } from "../../types/common.js";
 import { UseUiConsumer } from "../../composables/use-ui-context.js";
 import { ToggleGroupUiSlot } from "./types.js";
 import * as _$vue from "vue";
-
 //#region src/components/toggle-group/context.d.ts
 declare const provideToggleGroupUi: (ui: _$vue.ComputedRef<Partial<UiClass<ToggleGroupUiSlot>>>) => _$vue.ComputedRef<Partial<UiClass<ToggleGroupUiSlot>>>, useToggleGroupUi: UseUiConsumer<ToggleGroupUiSlot>;
 //#endregion

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

@@ -2,7 +2,6 @@ import { UiClass } from "../../types/common.js";
 import { UseUiConsumer } from "../../composables/use-ui-context.js";
 import { ToolbarUiSlot } from "./types.js";
 import * as _$vue from "vue";
-
 //#region src/components/toolbar/context.d.ts
 declare const provideToolbarUi: (ui: _$vue.ComputedRef<Partial<UiClass<ToolbarUiSlot>>>) => _$vue.ComputedRef<Partial<UiClass<ToolbarUiSlot>>>, useToolbarUi: UseUiConsumer<ToolbarUiSlot>;
 //#endregion

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

@@ -2,6 +2,7 @@ import { UiClass } from "../../types/common.js";
 import { UseUiConsumer } from "../../composables/use-ui-context.js";
 import { TreeMenuRootContextParams, TreeMenuUiSlot } from "./types.js";
 import * as _$vue from "vue";
+import * as _$_soybeanjs_hooks0 from "@soybeanjs/hooks";
 
 //#region src/components/tree-menu/context.d.ts
 declare const provideTreeMenuRootContext: (params: TreeMenuRootContextParams) => {
@@ -12,7 +13,7 @@ declare const provideTreeMenuRootContext: (params: TreeMenuRootContextParams) =>
     modelValue: _$vue.ShallowRef<string>;
     expanded: _$vue.ShallowRef<string[]>;
     collapsed: _$vue.ShallowRef<boolean>;
-  }, useTreeMenuRootContext: <N extends string | null | undefined = undefined>(consumerName?: N | undefined, defaultValue?: {
+  }, useTreeMenuRootContext: _$_soybeanjs_hooks0.ContextConsumer<{
     onModelValueChange: (value: string) => void;
     onExpandedChange: (value: string[]) => void;
     onExpandedToggle: (value: string) => void;
@@ -20,23 +21,7 @@ declare const provideTreeMenuRootContext: (params: TreeMenuRootContextParams) =>
     modelValue: _$vue.ShallowRef<string>;
     expanded: _$vue.ShallowRef<string[]>;
     collapsed: _$vue.ShallowRef<boolean>;
-  } | undefined) => N extends null | undefined ? {
-    onModelValueChange: (value: string) => void;
-    onExpandedChange: (value: string[]) => void;
-    onExpandedToggle: (value: string) => void;
-    onCollapsedChange: (value: boolean) => void;
-    modelValue: _$vue.ShallowRef<string>;
-    expanded: _$vue.ShallowRef<string[]>;
-    collapsed: _$vue.ShallowRef<boolean>;
-  } | null : {
-    onModelValueChange: (value: string) => void;
-    onExpandedChange: (value: string[]) => void;
-    onExpandedToggle: (value: string) => void;
-    onCollapsedChange: (value: boolean) => void;
-    modelValue: _$vue.ShallowRef<string>;
-    expanded: _$vue.ShallowRef<string[]>;
-    collapsed: _$vue.ShallowRef<boolean>;
-  };
+  }>;
 declare const provideTreeMenuUi: (ui: _$vue.ComputedRef<Partial<UiClass<TreeMenuUiSlot>>>) => _$vue.ComputedRef<Partial<UiClass<TreeMenuUiSlot>>>, useTreeMenuUi: UseUiConsumer<TreeMenuUiSlot>;
 //#endregion
 export { provideTreeMenuRootContext, provideTreeMenuUi, useTreeMenuRootContext };

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

@@ -1 +1 @@
-import{e}from"../../node_modules/.pnpm/@soybeanjs_utils@0.1.1/node_modules/@soybeanjs/utils/dist/index.js";import{useForwardListeners as t}from"../../composables/use-forward-listeners.js";import{usePickProps as n}from"../../composables/use-props.js";import"../../composables/index.js";import r from"./tree-menu-options-compact.js";import i from"./tree-menu-root.js";import{computed as a,createBlock as o,createCommentVNode as s,createSlots as c,createVNode as l,defineComponent as u,guardReactiveProps as d,mergeProps as f,normalizeProps as p,openBlock as m,renderList as h,renderSlot as g,toHandlers as _,unref as v,useSlots as y,withCtx as b}from"vue";const x=u({name:`TreeMenuCompact`,__name:`tree-menu-compact`,props:{modelValue:{},defaultValue:{},expanded:{},defaultExpanded:{},collapsed:{type:Boolean,default:void 0},defaultCollapsed:{type:Boolean},collapsedWidth:{default:50},indent:{default:16},pxToRem:{},items:{},groupRootProps:{},groupProps:{},groupLabelProps:{},showGroupIcon:{type:Boolean},side:{default:`left`},itemProps:{},buttonProps:{},linkProps:{},collapsibleProps:{},subProps:{}},emits:[`update:modelValue`,`update:expanded`,`update:collapsed`,`selectDropdown`],setup(u,{emit:x}){let S=u,C=x,w=y(),T=n(S,[`modelValue`,`defaultValue`,`expanded`,`defaultExpanded`,`collapsed`,`defaultCollapsed`,`collapsedWidth`,`indent`,`pxToRem`]),E=n(S,[`side`,`items`,`groupRootProps`,`groupProps`,`groupLabelProps`,`showGroupIcon`,`itemProps`,`buttonProps`,`linkProps`,`collapsibleProps`,`subProps`]),D=t(C),O=a(()=>e(w).filter(e=>e!==`top`&&e!==`bottom`));return(e,t)=>(m(),o(i,f(v(T),_(v(D))),{default:b(()=>[g(e.$slots,`top`),l(r,f(v(E),{onSelectDropdown:t[0]||(t[0]=e=>C(`selectDropdown`,e))}),c({_:2},[h(O.value,t=>({name:t,fn:b(n=>[s(` @vue-expect-error ignore slot type `),g(e.$slots,t,p(d(n)))])}))]),1040),g(e.$slots,`bottom`)]),_:3},16))}});export{x as default};
+import{useForwardListeners as e}from"../../composables/use-forward-listeners.js";import{usePickProps as t}from"../../composables/use-props.js";import"../../composables/index.js";import n from"./tree-menu-options-compact.js";import r from"./tree-menu-root.js";import{computed as i,createBlock as a,createCommentVNode as o,createSlots as s,createVNode as c,defineComponent as l,guardReactiveProps as u,mergeProps as d,normalizeProps as f,openBlock as p,renderList as m,renderSlot as h,toHandlers as g,unref as _,useSlots as v,withCtx as y}from"vue";import{keysOf as b}from"@soybeanjs/utils";const x=l({name:`TreeMenuCompact`,__name:`tree-menu-compact`,props:{modelValue:{},defaultValue:{},expanded:{},defaultExpanded:{},collapsed:{type:Boolean,default:void 0},defaultCollapsed:{type:Boolean},collapsedWidth:{default:50},indent:{default:16},pxToRem:{},items:{},groupRootProps:{},groupProps:{},groupLabelProps:{},showGroupIcon:{type:Boolean},side:{default:`left`},itemProps:{},buttonProps:{},linkProps:{},collapsibleProps:{},subProps:{}},emits:[`update:modelValue`,`update:expanded`,`update:collapsed`,`selectDropdown`],setup(l,{emit:x}){let S=l,C=x,w=v(),T=t(S,[`modelValue`,`defaultValue`,`expanded`,`defaultExpanded`,`collapsed`,`defaultCollapsed`,`collapsedWidth`,`indent`,`pxToRem`]),E=t(S,[`side`,`items`,`groupRootProps`,`groupProps`,`groupLabelProps`,`showGroupIcon`,`itemProps`,`buttonProps`,`linkProps`,`collapsibleProps`,`subProps`]),D=e(C),O=i(()=>b(w).filter(e=>e!==`top`&&e!==`bottom`));return(e,t)=>(p(),a(r,d(_(T),g(_(D))),{default:y(()=>[h(e.$slots,`top`),c(n,d(_(E),{onSelectDropdown:t[0]||(t[0]=e=>C(`selectDropdown`,e))}),s({_:2},[m(O.value,t=>({name:t,fn:y(n=>[o(` @vue-expect-error ignore slot type `),h(e.$slots,t,f(u(n)))])}))]),1040),h(e.$slots,`bottom`)]),_:3},16))}});export{x as default};

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

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

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

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

@@ -17,10 +17,10 @@ declare const __VLS_base: _$vue.DefineComponent<TreeMenuRootProps, {}, {}, {}, {
 }>, {
   defaultValue: string;
   defaultExpanded: string[];
-  indent: number;
   collapsed: boolean;
   defaultCollapsed: boolean;
   collapsedWidth: number;
+  indent: number;
   pxToRem: (px: number) => number;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/composables/use-collection.d.ts

@@ -1,6 +1,7 @@
 import { VNodeRef } from "../types/vue.js";
 import * as _$vue from "vue";
 import { MaybeRefOrGetter, Ref } from "vue";
+import * as _$_soybeanjs_hooks0 from "@soybeanjs/hooks";
 
 //#region src/composables/use-collection.d.ts
 interface CollectionItemData<ItemData = Record<string, any>> {
@@ -21,25 +22,13 @@ declare function useCollection<ItemData = Record<string, any>>(collectionName: s
     getOrderedItems: (excludeDisabled?: boolean) => CollectionItemData<ItemData>[];
     getOrderedElements: (excludeDisabled?: boolean) => HTMLElement[];
   };
-  useCollectionContext: <N extends string | null | undefined = undefined>(consumerName?: N | undefined, defaultValue?: {
+  useCollectionContext: _$_soybeanjs_hooks0.ContextConsumer<{
     containerElement: _$vue.ShallowRef<HTMLElement | undefined, HTMLElement | undefined>;
     onContainerElementChange: (element: HTMLElement) => void;
     itemRegistry: Ref<Map<HTMLElement, CollectionItemData<ItemData>>, Map<HTMLElement, CollectionItemData<ItemData>>>;
     getOrderedItems: (excludeDisabled?: boolean) => CollectionItemData<ItemData>[];
     getOrderedElements: (excludeDisabled?: boolean) => HTMLElement[];
-  } | undefined) => N extends null | undefined ? {
-    containerElement: _$vue.ShallowRef<HTMLElement | undefined, HTMLElement | undefined>;
-    onContainerElementChange: (element: HTMLElement) => void;
-    itemRegistry: Ref<Map<HTMLElement, CollectionItemData<ItemData>>, Map<HTMLElement, CollectionItemData<ItemData>>>;
-    getOrderedItems: (excludeDisabled?: boolean) => CollectionItemData<ItemData>[];
-    getOrderedElements: (excludeDisabled?: boolean) => HTMLElement[];
-  } | null : {
-    containerElement: _$vue.ShallowRef<HTMLElement | undefined, HTMLElement | undefined>;
-    onContainerElementChange: (element: HTMLElement) => void;
-    itemRegistry: Ref<Map<HTMLElement, CollectionItemData<ItemData>>, Map<HTMLElement, CollectionItemData<ItemData>>>;
-    getOrderedItems: (excludeDisabled?: boolean) => CollectionItemData<ItemData>[];
-    getOrderedElements: (excludeDisabled?: boolean) => HTMLElement[];
-  };
+  }>;
   useCollectionItem: (itemData?: MaybeRefOrGetter<ItemData>) => {
     itemElement: _$vue.ShallowRef<HTMLElement | undefined, HTMLElement | undefined>;
     onItemElementChange: (element: HTMLElement) => void;

package/dist/composables/use-collection.js

@@ -1 +1 @@
-import{getCollectionItemElements as e,isElementHasAttribute as t}from"../shared/dom.js";import{getElFromTemplateRef as n}from"../shared/vue.js";import{useContext as r}from"./use-context.js";import"../shared/index.js";import{s as i}from"../node_modules/.pnpm/@soybeanjs_utils@0.1.1/node_modules/@soybeanjs/utils/dist/index.js";import{onBeforeUnmount as a,onWatcherCleanup as o,ref as s,shallowRef as c,toValue as l,watchPostEffect as u}from"vue";function d(d){let[f,p]=r(i(`${d}Collection`),()=>{let n=c(),r=e=>{n.value=e},i=s(new Map),o=(r=!0)=>{if(!n.value)return[];let a=e(n.value),o=[];for(let e of a){let n=i.value.get(e);n&&(!r||!t(e,`disabled`))&&o.push(n)}return o};return a(()=>{i.value.clear()}),{containerElement:n,onContainerElementChange:r,itemRegistry:i,getOrderedItems:o,getOrderedElements:(e=!0)=>o(e).map(e=>e.element)}});return{provideCollectionContext:f,useCollectionContext:p,useCollectionItem:(e={})=>{let{itemRegistry:t}=p(i(`${d}Item`)),r=c(),a=e=>{r.value&&r.value!==e&&t.value.delete(r.value),r.value=e};return u(()=>{r.value&&t.value.set(r.value,{element:r.value,data:l(e)}),o(()=>{r.value&&(t.value.delete(r.value),r.value=void 0)})}),{itemElement:r,onItemElementChange:a,setItemElement:e=>{let t=n(e);t&&a(t)}}}}}export{d as useCollection};
+import{getCollectionItemElements as e,isElementHasAttribute as t}from"../shared/dom.js";import{getElFromTemplateRef as n}from"../shared/vue.js";import{useContext as r}from"./use-context.js";import"../shared/index.js";import{onBeforeUnmount as i,onWatcherCleanup as a,ref as o,shallowRef as s,toValue as c,watchPostEffect as l}from"vue";import{pascalCase as u}from"@soybeanjs/utils";function d(d){let[f,p]=r(u(`${d}Collection`),()=>{let n=s(),r=e=>{n.value=e},a=o(new Map),c=(r=!0)=>{if(!n.value)return[];let i=e(n.value),o=[];for(let e of i){let n=a.value.get(e);n&&(!r||!t(e,`disabled`))&&o.push(n)}return o};return i(()=>{a.value.clear()}),{containerElement:n,onContainerElementChange:r,itemRegistry:a,getOrderedItems:c,getOrderedElements:(e=!0)=>c(e).map(e=>e.element)}});return{provideCollectionContext:f,useCollectionContext:p,useCollectionItem:(e={})=>{let{itemRegistry:t}=p(u(`${d}Item`)),r=s(),i=e=>{r.value&&r.value!==e&&t.value.delete(r.value),r.value=e};return l(()=>{r.value&&t.value.set(r.value,{element:r.value,data:c(e)}),a(()=>{r.value&&(t.value.delete(r.value),r.value=void 0)})}),{itemElement:r,onItemElementChange:i,setItemElement:e=>{let t=n(e);t&&i(t)}}}}}export{d as useCollection};

package/dist/composables/use-context.d.ts

@@ -1,7 +1,2 @@
-//#region src/composables/use-context.d.ts
-type ContextValue<T> = T extends ((...args: any[]) => any) ? ReturnType<T> : T;
-type ContextProvider<T> = T extends ((...args: any[]) => any) ? T : (arg: T) => T;
-type ContextConsumer<Context> = <N extends string | null | undefined = undefined>(consumerName?: N, defaultValue?: Context) => N extends null | undefined ? Context | null : Context;
-declare function useContext<T>(contextName: string, composable?: T extends ((...args: any[]) => any) ? T : never): [ContextProvider<T>, ContextConsumer<ContextValue<T>>];
-//#endregion
+import { useContext } from "@soybeanjs/hooks";
 export { useContext };

package/dist/composables/use-context.js

@@ -1 +1 @@
-import{isNullish as e}from"../shared/guard.js";import"../shared/index.js";import{inject as t,provide as n}from"vue";function r(r,i){let a=Symbol(r);return[(...e)=>{let t=i?.(...e)??e[0];return n(a,t),t},(n,i)=>{let o=t(a,i)??null;if(!e(n)&&o===null)throw Error(`\`${n}\` must be used within \`${r}\``);return o}]}export{r as useContext};
+import{useContext as e}from"@soybeanjs/hooks";export{e as useContext};

package/dist/composables/use-hide-others.js

@@ -1 +1 @@
-import{isClient as e}from"../shared/env.js";import"../shared/index.js";import{i as t}from"../node_modules/.pnpm/@soybeanjs_utils@0.1.1/node_modules/@soybeanjs/utils/dist/index.js";import{onWatcherCleanup as n,toValue as r,watchPostEffect as i}from"vue";import{hideOthers as a}from"aria-hidden";function o(o,s=!0){i(()=>{if(!e)return;let i=r(o),c=t(Array.isArray(i)?i:[i]);if(c.length===0||c.some(e=>e.closest(`[popover]:not(:popover-open)`))||!r(s)||import.meta.env.MODE===`test`)return;let l=a(c);n(()=>{l()})})}export{o as useHideOthers};
+import{isClient as e}from"../shared/env.js";import"../shared/index.js";import{onWatcherCleanup as t,toValue as n,watchPostEffect as r}from"vue";import{filterNullish as i}from"@soybeanjs/utils";import{hideOthers as a}from"aria-hidden";function o(o,s=!0){r(()=>{if(!e)return;let r=n(o),c=i(Array.isArray(r)?r:[r]);if(c.length===0||c.some(e=>e.closest(`[popover]:not(:popover-open)`))||!n(s)||import.meta.env.MODE===`test`)return;let l=a(c);t(()=>{l()})})}export{o as useHideOthers};

package/dist/resolver/index.js

@@ -1 +1 @@
-import{components as e}from"../constants/components.js";import{o as t,s as n}from"../node_modules/.pnpm/@soybeanjs_utils@0.1.1/node_modules/@soybeanjs/utils/dist/index.js";function r(r={}){return{type:`component`,resolve:i=>{let a=Object.values(e).flat(),o=n(i);if(a.includes(o)){let e=t(o).split(`-`)[0];return{name:o,from:r.standalone?`@soybeanjs/headless/${e}`:`@soybeanjs/headless`}}return null}}}export{r as default};
+import{components as e}from"../constants/components.js";import{kebabCase as t,pascalCase as n}from"@soybeanjs/utils";function r(r={}){return{type:`component`,resolve:i=>{let a=Object.values(e).flat(),o=n(i);if(a.includes(o)){let e=t(o).split(`-`)[0];return{name:o,from:r.standalone?`@soybeanjs/headless/${e}`:`@soybeanjs/headless`}}return null}}}export{r as default};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@soybeanjs/headless",
-  "version": "0.21.0",
+  "version": "0.22.1",
   "description": "SoybeanHeadless is a collection unstyled components for Vue 3. It is designed to be lightweight and easy to use.",
   "homepage": "https://github.com/soybeanjs/soybean-ui",
   "bugs": {
@@ -94,6 +94,8 @@
     "@internationalized/date": "^3.12.1",
     "@internationalized/number": "^3.6.6",
     "@soybeanjs/colord": "^0.5.0",
+    "@soybeanjs/hooks": "^0.3.0",
+    "@soybeanjs/utils": "^0.1.1",
     "@standard-schema/spec": "^1.1.0",
     "@tanstack/vue-virtual": "^3.13.24",
     "@vue/shared": "^3.5.34",
@@ -117,7 +119,7 @@
     "unplugin-vue-components": "^32.0.0",
     "unplugin-vue-jsx": "0.9.0",
     "vue": "3.5.34",
-    "vue-router": "5.0.6"
+    "vue-router": "5.0.7"
   },
   "peerDependencies": {
     "@nuxt/kit": "^4.3.0",

package/dist/node_modules/.pnpm/@soybeanjs_utils@0.1.1/node_modules/@soybeanjs/utils/dist/index.js

@@ -1 +0,0 @@
-const e=e=>Object.keys(e),t=e=>e==null,n=e=>e.filter(e=>!t(e)),r=e=>e.replace(/([a-z0-9])([A-Z])/g,`$1-$2`).toLowerCase(),i=e=>e.replace(/(^\w|[-_]\w)/g,e=>e.replace(/[-_]/,``).toUpperCase());export{e,n as i,r as o,i as s};