@soybeanjs/headless 0.25.4 → 0.26.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (71) hide show
  1. package/dist/components/autocomplete/autocomplete-root.js +1 -1
  2. package/dist/components/backtop/backtop.vue.d.ts +2 -2
  3. package/dist/components/calendar-range/calendar-range-root.vue.d.ts +2 -2
  4. package/dist/components/collapsible/collapsible-trigger.js +1 -1
  5. package/dist/components/color-area/color-area-root.vue.d.ts +1 -1
  6. package/dist/components/color-field/color-field-root.vue.d.ts +1 -1
  7. package/dist/components/color-picker/color-picker-compact.js +1 -1
  8. package/dist/components/color-picker/color-picker-root.vue.d.ts +1 -1
  9. package/dist/components/color-slider/color-slider-root.vue.d.ts +1 -1
  10. package/dist/components/combobox/combobox-content-impl.js +1 -1
  11. package/dist/components/combobox/combobox-root.js +1 -1
  12. package/dist/components/config-provider/config-provider.js +1 -1
  13. package/dist/components/config-provider/config-provider.vue.d.ts +0 -1
  14. package/dist/components/config-provider/types.d.ts +0 -6
  15. package/dist/components/date-field/date-field-root.vue.d.ts +3 -3
  16. package/dist/components/date-picker/date-picker-compact.js +1 -1
  17. package/dist/components/date-picker/date-picker-compact.vue.d.ts +3 -3
  18. package/dist/components/date-range-field/date-range-field-root.vue.d.ts +3 -3
  19. package/dist/components/date-range-picker/date-range-picker-compact.js +1 -1
  20. package/dist/components/date-range-picker/date-range-picker-compact.vue.d.ts +3 -3
  21. package/dist/components/dialog/dialog-compact.vue.d.ts +1 -1
  22. package/dist/components/hover-card/hover-card-compact.js +1 -1
  23. package/dist/components/hover-card/hover-card-root.js +1 -1
  24. package/dist/components/hover-card/types.d.ts +2 -2
  25. package/dist/components/input-otp/input-otp-compact.vue.d.ts +2 -2
  26. package/dist/components/input-otp/input-otp-root.vue.d.ts +3 -3
  27. package/dist/components/link/link.js +1 -1
  28. package/dist/components/link/link.vue.d.ts +1 -1
  29. package/dist/components/menu/context.js +1 -1
  30. package/dist/components/menu/menu-root.js +1 -1
  31. package/dist/components/menu/menu-sub.js +1 -1
  32. package/dist/components/menubar/menubar-root.vue.d.ts +1 -1
  33. package/dist/components/page-tabs/page-tabs-root.vue.d.ts +1 -1
  34. package/dist/components/popconfirm/popconfirm-compact.js +1 -1
  35. package/dist/components/popover/popover-compact.js +1 -1
  36. package/dist/components/popover/popover-root.js +1 -1
  37. package/dist/components/popover/types.d.ts +2 -2
  38. package/dist/components/popper/context.js +1 -1
  39. package/dist/components/popper/popper-anchor.js +1 -1
  40. package/dist/components/popper/popper-popup.js +1 -1
  41. package/dist/components/popper/popper-root.js +1 -1
  42. package/dist/components/popper/popper-root.vue.d.ts +3 -1
  43. package/dist/components/popper/types.d.ts +11 -2
  44. package/dist/components/select/select-content-impl.js +1 -1
  45. package/dist/components/select/select-root.js +1 -1
  46. package/dist/components/select/select-trigger.js +1 -1
  47. package/dist/components/slider/slider-root.vue.d.ts +2 -2
  48. package/dist/components/splitter/splitter-group.vue.d.ts +1 -1
  49. package/dist/components/splitter/splitter-resize-handle.vue.d.ts +1 -1
  50. package/dist/components/stepper/stepper-root.vue.d.ts +1 -1
  51. package/dist/components/tabs/tabs-root.vue.d.ts +1 -1
  52. package/dist/components/tags-input/tags-input-root.vue.d.ts +1 -1
  53. package/dist/components/time-field/time-field-root.vue.d.ts +3 -3
  54. package/dist/components/time-range-field/time-range-field-root.vue.d.ts +4 -4
  55. package/dist/components/toast/toaster.vue.d.ts +1 -1
  56. package/dist/components/toggle/toggle.vue.d.ts +1 -1
  57. package/dist/components/tooltip/tooltip-compact.js +1 -1
  58. package/dist/components/tooltip/tooltip-root.js +1 -1
  59. package/dist/components/tooltip/types.d.ts +2 -2
  60. package/dist/components/tree-menu/tree-menu-button.js +1 -1
  61. package/dist/components/tree-menu/tree-menu-option-compact.js +1 -1
  62. package/dist/components/tree-menu/tree-menu-slot-compact.js +1 -1
  63. package/dist/components/tree-menu/tree-menu-tooltip-compact.js +1 -0
  64. package/dist/components/tree-menu/types.d.ts +1 -1
  65. package/dist/components/visually-hidden/visually-hidden-input.vue.d.ts +1 -1
  66. package/dist/date/utils.d.ts +1 -1
  67. package/dist/shared/env.d.ts +2 -1
  68. package/dist/shared/env.js +1 -1
  69. package/dist/shared/index.d.ts +2 -2
  70. package/dist/shared/index.js +1 -1
  71. package/package.json +1 -1
@@ -1 +1 @@
1
- import{transformPropsToContext as e}from"../../shared/vue.js";import{useDirection as t}from"../config-provider/context.js";import"../../shared/index.js";import{useControllableState as n}from"../../composables/use-controllable-state.js";import{useOmitProps as r}from"../../composables/use-props.js";import"../../composables/index.js";import{provideComboboxRootContext as i}from"../combobox/context.js";import a from"../popper/popper-root.js";import"../popper/index.js";import o from"../listbox/listbox-root.js";import"../listbox/index.js";import{provideAutocompleteRootContext as s}from"./context.js";import{computed as c,createBlock as l,createVNode as u,defineComponent as d,mergeProps as f,nextTick as p,onUnmounted as ee,openBlock as m,renderSlot as h,shallowRef as g,unref as _,useAttrs as v,useId as y,useTemplateRef as b,withCtx as x}from"vue";import{createEventHook as S}from"@vueuse/core";const C=d({name:`AutocompleteRoot`,inheritAttrs:!1,__name:`autocomplete-root`,props:{modelValue:{default:void 0},defaultValue:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:!1},dir:{},disabled:{type:Boolean},highlightOnHover:{type:Boolean,default:!0},openOnFocus:{type:Boolean,default:!1},openOnClick:{type:Boolean,default:!1},name:{},required:{type:Boolean}},emits:[`update:modelValue`,`update:open`,`highlight`],setup(d,{expose:C,emit:w}){let T=d,E=w,D=r(T,[`modelValue`,`defaultValue`,`open`,`defaultOpen`,`openOnClick`,`openOnFocus`],v()),O=t(()=>T.dir),k=n(()=>T.modelValue,e=>{E(`update:modelValue`,e)},T.defaultValue??``),A=n(()=>T.open,e=>{E(`update:open`,e)},T.defaultOpen),j=b(`listboxElement`),M=c(()=>j.value?.$el),N=c(()=>!1),P=g(!1),F=g(!1),I=c(()=>!1),L=c(()=>!1),R=c(()=>!0),z=c(()=>!0),B=g(),V=g(),H=g(),U=g(``),W=c(()=>j.value?.highlightedElement??void 0),G=S(),K=g(``),q=g(new Map),J=g(new Map),Y,X=()=>{U.value||(U.value=`soybean-autocomplete-content-${y()}`)},Z=c(e=>{if(!K.value||R.value||F.value)return{count:q.value.size,items:e?.items??new Map,groups:new Set(J.value.keys())};let t=K.value.trim().toLowerCase(),n=new Map,r=new Set,i=0;for(let[e,r]of q.value){let a=+!!r.toLowerCase().includes(t);n.set(e,a),a&&(i+=1)}for(let[e,t]of J.value)for(let i of t)if((n.get(i)??0)>0){r.add(e);break}return{count:i,items:n,groups:r}}),Q=async e=>{if(Y&&(clearTimeout(Y),Y=void 0),A.value=e,e){K.value=k.value??``,await p(),await j.value?.highlightSelected?.(),P.value=!0,B.value?.focus();return}P.value=!1,K.value=``,Y=setTimeout(()=>{!e&&I.value&&G.trigger(void 0)},1)},$=e=>{k.value=e},te=()=>{k.value=``};return ee(()=>{Y&&clearTimeout(Y)}),i({...e(T,[`disabled`,`openOnClick`,`openOnFocus`]),dir:O,ignoreFilter:R,resetSearchTermOnBlur:I,resetSearchTermOnSelect:L,resetModelValueOnClear:z,isMultiple:N,modelValue:k,onModelValueChange:$,resetModelValue:te,open:A,onOpenChange:Q,isUserInputted:P,isVirtual:F,parentElement:M,contentId:U,initContentId:X,inputElement:B,onInputElementChange(e){B.value=e},triggerElement:V,onTriggerElementChange(e){V.value=e},popupElement:H,onPopupElementChange(e){H.value=e},highlightedElement:W,onResetSearchTerm:G.on,filterSearch:K,allItems:q,allGroups:J,filterState:Z}),s({modelValue:k}),C({filtered:Z,highlightedElement:W,highlightItem:e=>{j.value?.highlightItem(e)},highlightFirstItem:()=>{j.value?.highlightFirstItem()},highlightSelected:e=>j.value?.highlightSelected(e)}),(e,t)=>(m(),l(_(a),null,{default:x(()=>[u(_(o),f({ref_key:`listboxElement`,ref:j},_(D),{"model-value":_(k),"highlight-on-hover":d.highlightOnHover,"selection-behavior":`replace`,"data-soybean-autocomplete-root":``,"onUpdate:modelValue":t[0]||(t[0]=e=>$(Array.isArray(e)?e[0]??``:e??``)),onHighlight:t[1]||(t[1]=e=>E(`highlight`,e))}),{default:x(()=>[h(e.$slots,`default`,{open:_(A),modelValue:_(k)})]),_:3},16,[`model-value`,`highlight-on-hover`])]),_:3}))}});export{C as default};
1
+ import{transformPropsToContext as e}from"../../shared/vue.js";import{useDirection as t}from"../config-provider/context.js";import"../../shared/index.js";import{useControllableState as n}from"../../composables/use-controllable-state.js";import{useOmitProps as r}from"../../composables/use-props.js";import"../../composables/index.js";import{provideComboboxRootContext as i}from"../combobox/context.js";import a from"../popper/popper-root.js";import"../popper/index.js";import o from"../listbox/listbox-root.js";import"../listbox/index.js";import{provideAutocompleteRootContext as s}from"./context.js";import{computed as c,createBlock as l,createVNode as u,defineComponent as d,mergeProps as f,nextTick as p,onUnmounted as m,openBlock as h,renderSlot as ee,shallowRef as g,unref as _,useAttrs as v,useId as y,useTemplateRef as b,withCtx as x}from"vue";import{createEventHook as S}from"@vueuse/core";const C=d({name:`AutocompleteRoot`,inheritAttrs:!1,__name:`autocomplete-root`,props:{modelValue:{default:void 0},defaultValue:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:!1},dir:{},disabled:{type:Boolean},highlightOnHover:{type:Boolean,default:!0},openOnFocus:{type:Boolean,default:!1},openOnClick:{type:Boolean,default:!1},name:{},required:{type:Boolean}},emits:[`update:modelValue`,`update:open`,`highlight`],setup(d,{expose:C,emit:w}){let T=d,E=w,D=r(T,[`modelValue`,`defaultValue`,`open`,`defaultOpen`,`openOnClick`,`openOnFocus`],v()),O=t(()=>T.dir),k=n(()=>T.modelValue,e=>{E(`update:modelValue`,e)},T.defaultValue??``),A=n(()=>T.open,e=>{E(`update:open`,e)},T.defaultOpen),j=b(`listboxElement`),M=c(()=>j.value?.$el),N=c(()=>!1),P=g(!1),F=g(!1),I=c(()=>!1),L=c(()=>!1),R=c(()=>!0),z=c(()=>!0),B=g(),V=g(),H=g(),U=g(``),W=c(()=>j.value?.highlightedElement??void 0),G=S(),K=g(``),q=g(new Map),J=g(new Map),Y,X=()=>{U.value||(U.value=`soybean-autocomplete-content-${y()}`)},Z=c(e=>{if(!K.value||R.value||F.value)return{count:q.value.size,items:e?.items??new Map,groups:new Set(J.value.keys())};let t=K.value.trim().toLowerCase(),n=new Map,r=new Set,i=0;for(let[e,r]of q.value){let a=+!!r.toLowerCase().includes(t);n.set(e,a),a&&(i+=1)}for(let[e,t]of J.value)for(let i of t)if((n.get(i)??0)>0){r.add(e);break}return{count:i,items:n,groups:r}}),Q=async e=>{if(Y&&(clearTimeout(Y),Y=void 0),A.value=e,e){K.value=k.value??``,await p(),await j.value?.highlightSelected?.(),P.value=!0,B.value?.focus();return}P.value=!1,K.value=``,Y=setTimeout(()=>{!e&&I.value&&G.trigger(void 0)},1)},$=e=>{k.value=e},te=()=>{k.value=``};return m(()=>{Y&&clearTimeout(Y)}),i({...e(T,[`disabled`,`openOnClick`,`openOnFocus`]),dir:O,ignoreFilter:R,resetSearchTermOnBlur:I,resetSearchTermOnSelect:L,resetModelValueOnClear:z,isMultiple:N,modelValue:k,onModelValueChange:$,resetModelValue:te,open:A,onOpenChange:Q,isUserInputted:P,isVirtual:F,parentElement:M,contentId:U,initContentId:X,inputElement:B,onInputElementChange(e){B.value=e},triggerElement:V,onTriggerElementChange(e){V.value=e},popupElement:H,onPopupElementChange(e){H.value=e},highlightedElement:W,onResetSearchTerm:G.on,filterSearch:K,allItems:q,allGroups:J,filterState:Z}),s({modelValue:k}),C({filtered:Z,highlightedElement:W,highlightItem:e=>{j.value?.highlightItem(e)},highlightFirstItem:()=>{j.value?.highlightFirstItem()},highlightSelected:e=>j.value?.highlightSelected(e)}),(e,t)=>(h(),l(_(a),{dir:_(O)},{default:x(()=>[u(_(o),f({ref_key:`listboxElement`,ref:j},_(D),{"model-value":_(k),dir:_(O),"highlight-on-hover":d.highlightOnHover,"selection-behavior":`replace`,"data-soybean-autocomplete-root":``,"onUpdate:modelValue":t[0]||(t[0]=e=>$(Array.isArray(e)?e[0]??``:e??``)),onHighlight:t[1]||(t[1]=e=>E(`highlight`,e))}),{default:x(()=>[ee(e.$slots,`default`,{open:_(A),modelValue:_(k)})]),_:3},16,[`model-value`,`dir`,`highlight-on-hover`])]),_:3},8,[`dir`]))}});export{C as default};
@@ -13,11 +13,11 @@ declare const __VLS_base: import("vue").DefineComponent<BacktopProps, {
13
13
  scrollToTop: typeof scrollToTop;
14
14
  updateVisibility: import("@vueuse/shared").Fn;
15
15
  }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
16
- change: (visible: boolean) => any;
17
16
  click: (event: PointerEvent) => any;
17
+ change: (visible: boolean) => any;
18
18
  }, string, import("vue").PublicProps, Readonly<BacktopProps> & Readonly<{
19
- onChange?: ((visible: boolean) => any) | undefined;
20
19
  onClick?: ((event: PointerEvent) => any) | undefined;
20
+ onChange?: ((visible: boolean) => any) | undefined;
21
21
  }>, {
22
22
  visibilityHeight: number;
23
23
  duration: number;
@@ -12,9 +12,10 @@ declare const __VLS_base: import("vue").DefineComponent<CalendarRangeRootProps,
12
12
  "onUpdate:placeholder"?: ((date: DateValue) => any) | undefined;
13
13
  "onUpdate:startValue"?: ((date: DateValue | undefined) => any) | undefined;
14
14
  }>, {
15
- disabled: boolean;
16
15
  placeholder: DateValue;
16
+ disabled: boolean;
17
17
  defaultValue: DateRange;
18
+ readonly: boolean;
18
19
  defaultPlaceholder: DateValue;
19
20
  allowNonContiguousRanges: boolean;
20
21
  pagedNavigation: boolean;
@@ -23,7 +24,6 @@ declare const __VLS_base: import("vue").DefineComponent<CalendarRangeRootProps,
23
24
  weekdayFormat: WeekDayFormat;
24
25
  fixedWeeks: boolean;
25
26
  numberOfMonths: number;
26
- readonly: boolean;
27
27
  initialFocus: boolean;
28
28
  isDateDisabled: DateMatcher;
29
29
  isDateUnavailable: DateMatcher;
@@ -1 +1 @@
1
- import{useCollapsibleRootContext as e,useCollapsibleUi as t}from"./context.js";import n from"../button/button.js";import{createBlock as r,defineComponent as i,mergeProps as a,openBlock as o,renderSlot as s,unref as c,withCtx as l}from"vue";const u=i({name:`CollapsibleTrigger`,__name:`collapsible-trigger`,props:{disabledCollapsible:{type:Boolean},type:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{}},setup(i){let u=i,{open:d,onOpenToggle:f,contentId:p,disabled:m,dataState:h}=e(`CollapsibleTrigger`),g=t(`trigger`),_=()=>{f()};return(e,t)=>(o(),r(n,a(u,{"data-soybean-collapsible-trigger":``,class:c(g),disabled:c(m)||i.disabledCollapsible,"aria-controls":c(p),"aria-expanded":c(d),"data-state":c(h),onClick:_}),{default:l(()=>[s(e.$slots,`default`,{open:c(d)})]),_:3},16,[`class`,`disabled`,`aria-controls`,`aria-expanded`,`data-state`]))}});export{u as default};
1
+ import{useOmitProps as e}from"../../composables/use-props.js";import"../../composables/index.js";import{useCollapsibleRootContext as t,useCollapsibleUi as n}from"./context.js";import r from"../button/button.js";import{createBlock as i,defineComponent as a,mergeProps as o,openBlock as s,renderSlot as c,unref as l,withCtx as u}from"vue";const d=a({name:`CollapsibleTrigger`,__name:`collapsible-trigger`,props:{disabledCollapsible:{type:Boolean},type:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{}},setup(a){let d=a,f=e(d,[`disabledCollapsible`]),{open:p,onOpenToggle:m,contentId:h,disabled:g,dataState:_}=t(`CollapsibleTrigger`),v=n(`trigger`),y=()=>{d.disabledCollapsible||m()};return(e,t)=>(s(),i(r,o(l(f),{"data-soybean-collapsible-trigger":``,class:l(v),disabled:l(g),"aria-controls":l(h),"aria-expanded":l(p),"data-state":l(_),onClick:y}),{default:u(()=>[c(e.$slots,`default`,{open:l(p)})]),_:3},16,[`class`,`disabled`,`aria-controls`,`aria-expanded`,`data-state`]))}});export{d as default};
@@ -19,8 +19,8 @@ declare const __VLS_base: import("vue").DefineComponent<ColorAreaRootProps, {},
19
19
  }>, {
20
20
  disabled: boolean;
21
21
  format: ColorFormat;
22
- defaultValue: string | ColorValue;
23
22
  modelValue: string | ColorValue;
23
+ defaultValue: string | ColorValue;
24
24
  colorSpace: ColorSpace;
25
25
  xChannel: ColorAreaAxisChannel;
26
26
  yChannel: ColorAreaAxisChannel;
@@ -16,8 +16,8 @@ declare const __VLS_base: import("vue").DefineComponent<ColorFieldRootProps, {},
16
16
  disabled: boolean;
17
17
  format: ColorFormat;
18
18
  step: number;
19
- defaultValue: string | ColorValue;
20
19
  modelValue: string | ColorValue;
20
+ defaultValue: string | ColorValue;
21
21
  readonly: boolean;
22
22
  colorSpace: ColorSpace;
23
23
  disableWheelChange: boolean;
@@ -1 +1 @@
1
- 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"../color-area/color-area-compact.js";import r from"../color-field/color-field-compact.js";import i from"../color-slider/color-slider-compact.js";import a from"../color-swatch/color-swatch-compact.js";import o from"../color-swatch-picker/color-swatch-picker-compact.js";import s from"../popover/popover-compact.js";import c from"../segment/segment-compact.js";import{colorFormats as l}from"./shared.js";import{useColorPickerUi as u}from"./context.js";import d from"./color-picker-root.js";import f from"./color-picker-trigger.js";import{createBlock as p,createCommentVNode as m,createElementBlock as h,createElementVNode as g,createVNode as _,defineComponent as v,guardReactiveProps as y,mergeProps as b,normalizeClass as x,normalizeProps as S,openBlock as C,renderSlot as w,toHandlers as T,unref as E,withCtx as D}from"vue";const O=v({name:`ColorPickerCompact`,__name:`color-picker-compact`,props:{showAlpha:{type:Boolean,default:!0},showFields:{type:Boolean,default:!0},showSwatches:{type:Boolean,default:!0},swatches:{default:()=>[]},swatchProps:{},segmentProps:{},areaProps:{},hueSliderProps:{},alphaSliderProps:{},alphaFieldProps:{},fieldProps:{},swatchPickerProps:{},modelValue:{},defaultValue:{},format:{},defaultFormat:{},colorSpace:{default:`hsl`},disabled:{type:Boolean},name:{},required:{type:Boolean},placement:{default:`bottom`},showArrow:{type:Boolean,default:!0},triggerProps:{},portalProps:{},positionerProps:{},popupProps:{},arrowProps:{},closeProps:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean},modal:{type:Boolean}},emits:[`update:modelValue`,`update:color`,`update:format`,`change`,`update:open`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`],setup(v,{emit:O}){let k=v,A=O,j=u(),M=e(A),N=t(k,[`name`,`required`,`modelValue`,`defaultValue`,`format`,`defaultFormat`,`disabled`,`colorSpace`]),P=t(k,[`open`,`defaultOpen`,`modal`,`disabled`,`placement`,`showArrow`,`triggerProps`,`positionerProps`,`popupProps`,`closeProps`,`portalProps`,`arrowProps`]);return(e,t)=>(C(),p(d,b(E(N),T(E(M))),{default:D(({color:t,hexValue:u,displayFormat:d,displayFormatLabel:O,areaChannel:k,setColor:A,setFormat:N})=>[_(s,b(E(P),T(E(M))),{trigger:D(()=>[_(f,null,{default:D(t=>[w(e.$slots,`trigger`,S(y(t)))]),_:3})]),default:D(()=>[g(`div`,{class:x(E(j).content),"data-soybean-color-picker-content":``},[_(c,b(v.segmentProps,{"data-soybean-color-picker-segment":``,class:E(j).segment,"model-value":d,items:E(l),disabled:v.disabled,"onUpdate:modelValue":N}),null,16,[`class`,`model-value`,`items`,`disabled`,`onUpdate:modelValue`]),_(n,b(v.areaProps,{"data-soybean-color-picker-area":``,class:E(j).area,"model-value":t,"color-space":v.colorSpace,"x-channel":k.x,"y-channel":k.y,disabled:v.disabled,"onUpdate:color":A}),null,16,[`class`,`model-value`,`color-space`,`x-channel`,`y-channel`,`disabled`,`onUpdate:color`]),g(`div`,{class:x(E(j).sliderSwatch),"data-soybean-color-picker-slider-swatch":``},[g(`div`,{class:x(E(j).sliderRoot),"data-soybean-color-picker-slider-root":``},[_(i,b(v.hueSliderProps,{"data-soybean-color-picker-hue-slider":``,class:E(j).slider,"model-value":t,channel:`hue`,"color-space":v.colorSpace,disabled:v.disabled,"onUpdate:color":A}),null,16,[`class`,`model-value`,`color-space`,`disabled`,`onUpdate:color`]),v.showAlpha?(C(),p(i,b({key:0},v.alphaSliderProps,{"data-soybean-color-picker-alpha-slider":``,class:E(j).alphaSlider,"model-value":t,channel:`alpha`,"color-space":v.colorSpace,disabled:v.disabled,"onUpdate:color":A}),null,16,[`class`,`model-value`,`color-space`,`disabled`,`onUpdate:color`])):m(`v-if`,!0)],2),_(a,b(v.swatchProps,{"data-soybean-color-picker-swatch":``,class:E(j).swatch,color:u}),null,16,[`class`,`color`])],2),v.showFields?(C(),h(`div`,{key:0,class:x(E(j).fields),"data-soybean-color-picker-fields":``},[_(r,b(v.fieldProps,{"data-soybean-color-picker-field":``,class:E(j).field,"model-value":u,format:d,placeholder:O,disabled:v.disabled,"onUpdate:modelValue":A}),null,16,[`class`,`model-value`,`format`,`placeholder`,`disabled`,`onUpdate:modelValue`]),v.showAlpha?(C(),p(r,b({key:0},v.alphaFieldProps,{"data-soybean-color-picker-alpha-field":``,class:E(j).alphaField,"model-value":t,channel:`alpha`,"color-space":v.colorSpace,disabled:v.disabled,"onUpdate:color":A}),null,16,[`class`,`model-value`,`color-space`,`disabled`,`onUpdate:color`])):m(`v-if`,!0)],2)):m(`v-if`,!0),v.showSwatches&&v.swatches.length?(C(),p(o,b({key:1},v.swatchPickerProps,{"data-soybean-color-picker-swatch-picker":``,class:E(j).swatchPicker,colors:v.swatches,"model-value":u,disabled:v.disabled,multiple:!1,"onUpdate:modelValue":A}),null,16,[`class`,`colors`,`model-value`,`disabled`,`onUpdate:modelValue`])):m(`v-if`,!0)],2)]),_:2},1040)]),_:3},16))}});export{O as default};
1
+ 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"../color-area/color-area-compact.js";import r from"../color-field/color-field-compact.js";import i from"../color-slider/color-slider-compact.js";import a from"../color-swatch/color-swatch-compact.js";import o from"../color-swatch-picker/color-swatch-picker-compact.js";import s from"../popover/popover-compact.js";import c from"../segment/segment-compact.js";import{colorFormats as l}from"./shared.js";import{useColorPickerUi as u}from"./context.js";import d from"./color-picker-root.js";import f from"./color-picker-trigger.js";import{createBlock as p,createCommentVNode as m,createElementBlock as h,createElementVNode as g,createVNode as _,defineComponent as v,guardReactiveProps as y,mergeProps as b,normalizeClass as x,normalizeProps as S,openBlock as C,renderSlot as w,toHandlers as T,unref as E,withCtx as D}from"vue";const O=v({name:`ColorPickerCompact`,__name:`color-picker-compact`,props:{showAlpha:{type:Boolean,default:!0},showFields:{type:Boolean,default:!0},showSwatches:{type:Boolean,default:!0},swatches:{default:()=>[]},swatchProps:{},segmentProps:{},areaProps:{},hueSliderProps:{},alphaSliderProps:{},alphaFieldProps:{},fieldProps:{},swatchPickerProps:{},modelValue:{},defaultValue:{},format:{},defaultFormat:{},colorSpace:{default:`hsl`},disabled:{type:Boolean},name:{},required:{type:Boolean},placement:{default:`bottom`},showArrow:{type:Boolean,default:!0},triggerProps:{},portalProps:{},positionerProps:{},popupProps:{},arrowProps:{},closeProps:{},dir:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean},modal:{type:Boolean}},emits:[`update:modelValue`,`update:color`,`update:format`,`change`,`update:open`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`],setup(v,{emit:O}){let k=v,A=O,j=u(),M=e(A),N=t(k,[`name`,`required`,`modelValue`,`defaultValue`,`format`,`defaultFormat`,`disabled`,`colorSpace`]),P=t(k,[`open`,`defaultOpen`,`modal`,`disabled`,`placement`,`showArrow`,`triggerProps`,`positionerProps`,`popupProps`,`closeProps`,`portalProps`,`arrowProps`]);return(e,t)=>(C(),p(d,b(E(N),T(E(M))),{default:D(({color:t,hexValue:u,displayFormat:d,displayFormatLabel:O,areaChannel:k,setColor:A,setFormat:N})=>[_(s,b(E(P),T(E(M))),{trigger:D(()=>[_(f,null,{default:D(t=>[w(e.$slots,`trigger`,S(y(t)))]),_:3})]),default:D(()=>[g(`div`,{class:x(E(j).content),"data-soybean-color-picker-content":``},[_(c,b(v.segmentProps,{"data-soybean-color-picker-segment":``,class:E(j).segment,"model-value":d,items:E(l),disabled:v.disabled,"onUpdate:modelValue":N}),null,16,[`class`,`model-value`,`items`,`disabled`,`onUpdate:modelValue`]),_(n,b(v.areaProps,{"data-soybean-color-picker-area":``,class:E(j).area,"model-value":t,"color-space":v.colorSpace,"x-channel":k.x,"y-channel":k.y,disabled:v.disabled,"onUpdate:color":A}),null,16,[`class`,`model-value`,`color-space`,`x-channel`,`y-channel`,`disabled`,`onUpdate:color`]),g(`div`,{class:x(E(j).sliderSwatch),"data-soybean-color-picker-slider-swatch":``},[g(`div`,{class:x(E(j).sliderRoot),"data-soybean-color-picker-slider-root":``},[_(i,b(v.hueSliderProps,{"data-soybean-color-picker-hue-slider":``,class:E(j).slider,"model-value":t,channel:`hue`,"color-space":v.colorSpace,disabled:v.disabled,"onUpdate:color":A}),null,16,[`class`,`model-value`,`color-space`,`disabled`,`onUpdate:color`]),v.showAlpha?(C(),p(i,b({key:0},v.alphaSliderProps,{"data-soybean-color-picker-alpha-slider":``,class:E(j).alphaSlider,"model-value":t,channel:`alpha`,"color-space":v.colorSpace,disabled:v.disabled,"onUpdate:color":A}),null,16,[`class`,`model-value`,`color-space`,`disabled`,`onUpdate:color`])):m(`v-if`,!0)],2),_(a,b(v.swatchProps,{"data-soybean-color-picker-swatch":``,class:E(j).swatch,color:u}),null,16,[`class`,`color`])],2),v.showFields?(C(),h(`div`,{key:0,class:x(E(j).fields),"data-soybean-color-picker-fields":``},[_(r,b(v.fieldProps,{"data-soybean-color-picker-field":``,class:E(j).field,"model-value":u,format:d,placeholder:O,disabled:v.disabled,"onUpdate:modelValue":A}),null,16,[`class`,`model-value`,`format`,`placeholder`,`disabled`,`onUpdate:modelValue`]),v.showAlpha?(C(),p(r,b({key:0},v.alphaFieldProps,{"data-soybean-color-picker-alpha-field":``,class:E(j).alphaField,"model-value":t,channel:`alpha`,"color-space":v.colorSpace,disabled:v.disabled,"onUpdate:color":A}),null,16,[`class`,`model-value`,`color-space`,`disabled`,`onUpdate:color`])):m(`v-if`,!0)],2)):m(`v-if`,!0),v.showSwatches&&v.swatches.length?(C(),p(o,b({key:1},v.swatchPickerProps,{"data-soybean-color-picker-swatch-picker":``,class:E(j).swatchPicker,colors:v.swatches,"model-value":u,disabled:v.disabled,multiple:!1,"onUpdate:modelValue":A}),null,16,[`class`,`colors`,`model-value`,`disabled`,`onUpdate:modelValue`])):m(`v-if`,!0)],2)]),_:2},1040)]),_:3},16))}});export{O as default};
@@ -33,8 +33,8 @@ declare const __VLS_base: import("vue").DefineComponent<ColorPickerRootProps, {}
33
33
  }>, {
34
34
  disabled: boolean;
35
35
  format: ColorFormat;
36
- defaultValue: string | ColorValue;
37
36
  modelValue: string | ColorValue;
37
+ defaultValue: string | ColorValue;
38
38
  colorSpace: ColorSpace;
39
39
  defaultFormat: ColorFormat;
40
40
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
@@ -21,8 +21,8 @@ declare const __VLS_base: import("vue").DefineComponent<ColorSliderRootProps, {}
21
21
  format: ColorFormat;
22
22
  orientation: DataOrientation;
23
23
  step: number;
24
- defaultValue: string | ColorValue;
25
24
  modelValue: string | ColorValue;
25
+ defaultValue: string | ColorValue;
26
26
  colorSpace: ColorSpace;
27
27
  inverted: boolean;
28
28
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
@@ -1 +1 @@
1
- import{useBodyScrollLock as e}from"../../composables/use-body-scroll-lock.js";import{useDismissableLayer as t}from"../../composables/use-dismissable-layer.js";import{useExposedElement as n}from"../../composables/use-exposed-element.js";import{useFocusGuards as r}from"../../composables/use-focus-guards.js";import{useFocusScope as i}from"../../composables/use-focus-scope.js";import{useHideOthers as a}from"../../composables/use-hide-others.js";import{useOmitProps as o}from"../../composables/use-props.js";import"../../composables/index.js";import{Primitive as s}from"../primitive/primitive.js";import"../primitive/index.js";import{provideComboboxContentContext as c,useComboboxRootContext as l}from"./context.js";import{popperCssVars as u}from"../popper/shared.js";import d from"../popper/popper-positioner.js";import f from"../popper/popper-popup.js";import"../popper/index.js";import{computed as p,createBlock as m,createVNode as h,defineComponent as g,mergeProps as _,onMounted as v,onUnmounted as y,onWatcherCleanup as b,openBlock as x,ref as S,renderSlot as C,unref as w,useAttrs as T,watchEffect as E,withCtx as D}from"vue";const O=g({name:`ComboboxContentImpl`,inheritAttrs:!1,__name:`combobox-content-impl`,props:{position:{default:`popper`},bodyLock:{type:Boolean},hideWhenEmpty:{type:Boolean},popupProps:{},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:{},trapFocus:{type:Boolean},disableOutsidePointerEvents:{type:Boolean},forceMount:{type:Boolean}},emits:[`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`placed`],setup(g,{emit:O}){let k=g,A=O,j=T(),{dir:M,contentId:N,open:P,ignoreFilter:F,allItems:I,filterState:L,parentElement:R,inputElement:z,triggerElement:B,onOpenChange:V,onPopupElementChange:H}=l(`ComboboxContentImpl`),[U,W]=n(H),{pointerEvents:G}=t(U,{disableOutsidePointerEvents:()=>k.disableOutsidePointerEvents,onEscapeKeyDown:e=>{A(`escapeKeyDown`,e)},onPointerDownOutside:e=>{R.value?.contains(e.target)&&e.preventDefault(),A(`pointerDownOutside`,e)},onFocusOutside:e=>{R.value?.contains(e.target)&&e.preventDefault(),A(`focusOutside`,e)},onInteractOutside:e=>{A(`interactOutside`,e)},onDismiss:()=>{V(!1)}}),{onKeydown:K}=i(U,{trapped:()=>k.trapFocus,loop:!0,onOpenAutoFocus:e=>{A(`openAutoFocus`,e),e.preventDefault()},onCloseAutoFocus:e=>{A(`closeAutoFocus`,e),e.preventDefault()}}),q=p(()=>k.position),J=o(k,[`bodyLock`,`disableOutsidePointerEvents`,`forceMount`,`hideWhenEmpty`,`popupProps`,`position`,`trapFocus`]),Y=p(()=>({...j,...k.popupProps})),X=p(()=>F.value?I.value.size===0:L.value.count===0),Z=p(()=>({pointerEvents:G.value,display:k.hideWhenEmpty&&X.value?`none`:`flex`,flexDirection:`column`,outline:`none`,...q.value===`popper`?{"--soybean-combobox-content-transform-origin":`var(${u.transformOrigin})`,"--soybean-combobox-content-available-width":`var(${u.availableWidth})`,"--soybean-combobox-content-available-height":`var(${u.availableHeight})`,"--soybean-combobox-trigger-width":`var(${u.anchorWidth})`,"--soybean-combobox-trigger-height":`var(${u.anchorHeight})`,boxSizing:`border-box`}:{}}));c({position:q}),r(),a(()=>[R.value,U.value],P),E(()=>{k.bodyLock&&b(e())});let Q=S(!1);return v(()=>{z.value&&U.value&&(Q.value=U.value.contains(z.value),Q.value&&z.value.focus())}),y(()=>{let e=document.activeElement;Q.value&&(!e||e===document.body)&&B.value?.focus()}),(e,t)=>q.value===`popper`?(x(),m(w(d),_({key:0},w(J),{onPlaced:t[0]||(t[0]=e=>A(`placed`))}),{default:D(()=>[h(w(f),_({id:w(N),ref:w(W)},Y.value,{"data-dismissable-layer":``,dir:w(M),"data-state":w(P)?`open`:`closed`,"data-empty":X.value?``:void 0,style:Z.value,onKeydown:w(K)}),{default:D(()=>[C(e.$slots,`default`)]),_:3},16,[`id`,`dir`,`data-state`,`data-empty`,`style`,`onKeydown`])]),_:3},16)):(x(),m(w(s),_({key:1,id:w(N),ref:w(W)},Y.value,{as:`div`,"data-dismissable-layer":``,dir:w(M),"data-state":w(P)?`open`:`closed`,"data-empty":X.value?``:void 0,style:Z.value,onKeydown:w(K)}),{default:D(()=>[C(e.$slots,`default`)]),_:3},16,[`id`,`dir`,`data-state`,`data-empty`,`style`,`onKeydown`]))}});export{O as default};
1
+ import{useBodyScrollLock as e}from"../../composables/use-body-scroll-lock.js";import{useDismissableLayer as t}from"../../composables/use-dismissable-layer.js";import{useExposedElement as n}from"../../composables/use-exposed-element.js";import{useFocusGuards as r}from"../../composables/use-focus-guards.js";import{useFocusScope as i}from"../../composables/use-focus-scope.js";import{useHideOthers as a}from"../../composables/use-hide-others.js";import{useOmitProps as o}from"../../composables/use-props.js";import"../../composables/index.js";import{Primitive as s}from"../primitive/primitive.js";import"../primitive/index.js";import{provideComboboxContentContext as c,useComboboxRootContext as l}from"./context.js";import{popperCssVars as u}from"../popper/shared.js";import d from"../popper/popper-positioner.js";import f from"../popper/popper-popup.js";import"../popper/index.js";import{computed as p,createBlock as m,createVNode as h,defineComponent as g,mergeProps as _,onMounted as v,onUnmounted as y,onWatcherCleanup as b,openBlock as x,ref as S,renderSlot as C,unref as w,useAttrs as T,watchEffect as E,withCtx as D}from"vue";const O=g({name:`ComboboxContentImpl`,inheritAttrs:!1,__name:`combobox-content-impl`,props:{position:{default:`popper`},bodyLock:{type:Boolean},hideWhenEmpty:{type:Boolean},popupProps:{},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:{},trapFocus:{type:Boolean},disableOutsidePointerEvents:{type:Boolean},forceMount:{type:Boolean}},emits:[`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`placed`],setup(g,{emit:O}){let k=g,A=O,j=T(),{dir:M,contentId:N,open:P,ignoreFilter:F,allItems:I,filterState:L,parentElement:R,inputElement:z,triggerElement:B,onOpenChange:V,onPopupElementChange:H}=l(`ComboboxContentImpl`),[U,W]=n(H),{pointerEvents:G}=t(U,{disableOutsidePointerEvents:()=>k.disableOutsidePointerEvents,onEscapeKeyDown:e=>{A(`escapeKeyDown`,e)},onPointerDownOutside:e=>{R.value?.contains(e.target)&&e.preventDefault(),A(`pointerDownOutside`,e)},onFocusOutside:e=>{R.value?.contains(e.target)&&e.preventDefault(),A(`focusOutside`,e)},onInteractOutside:e=>{A(`interactOutside`,e)},onDismiss:()=>{V(!1)}}),{onKeydown:K}=i(U,{trapped:()=>k.trapFocus,loop:!0,onOpenAutoFocus:e=>{A(`openAutoFocus`,e),e.preventDefault()},onCloseAutoFocus:e=>{A(`closeAutoFocus`,e),e.preventDefault()}}),q=p(()=>k.position),J=o(k,[`bodyLock`,`disableOutsidePointerEvents`,`forceMount`,`hideWhenEmpty`,`popupProps`,`position`,`trapFocus`]),Y=p(()=>({...j,...k.popupProps})),X=p(()=>F.value?I.value.size===0:L.value.count===0),Z=p(()=>({pointerEvents:G.value,display:k.hideWhenEmpty&&X.value?`none`:`flex`,flexDirection:`column`,outline:`none`,...q.value===`popper`?{"--soybean-combobox-content-transform-origin":`var(${u.transformOrigin})`,"--soybean-combobox-content-available-width":`var(${u.availableWidth})`,"--soybean-combobox-content-available-height":`var(${u.availableHeight})`,"--soybean-combobox-trigger-width":`var(${u.anchorWidth})`,"--soybean-combobox-trigger-height":`var(${u.anchorHeight})`,boxSizing:`border-box`}:{}}));c({position:q}),r(),a(()=>[R.value,U.value],P),E(()=>{k.bodyLock&&b(e())});let Q=S(!1);return v(()=>{z.value&&U.value&&(Q.value=U.value.contains(z.value),Q.value&&z.value.focus())}),y(()=>{let e=document.activeElement;Q.value&&(!e||e===document.body)&&B.value?.focus()}),(e,t)=>q.value===`popper`?(x(),m(w(d),_({key:0},w(J),{onPlaced:t[0]||(t[0]=e=>A(`placed`))}),{default:D(()=>[h(w(f),_({id:w(N),ref:w(W)},Y.value,{"data-dismissable-layer":``,"data-state":w(P)?`open`:`closed`,"data-empty":X.value?``:void 0,style:Z.value,onKeydown:w(K)}),{default:D(()=>[C(e.$slots,`default`)]),_:3},16,[`id`,`data-state`,`data-empty`,`style`,`onKeydown`])]),_:3},16)):(x(),m(w(s),_({key:1,id:w(N),ref:w(W)},Y.value,{as:`div`,"data-dismissable-layer":``,dir:w(M),"data-state":w(P)?`open`:`closed`,"data-empty":X.value?``:void 0,style:Z.value,onKeydown:w(K)}),{default:D(()=>[C(e.$slots,`default`)]),_:3},16,[`id`,`dir`,`data-state`,`data-empty`,`style`,`onKeydown`]))}});export{O as default};
@@ -1 +1 @@
1
- import{getElFromTemplateRef as e,transformPropsToContext as t}from"../../shared/vue.js";import{useDirection as n}from"../config-provider/context.js";import"../../shared/index.js";import{useControllableState as r}from"../../composables/use-controllable-state.js";import{useOmitProps as i}from"../../composables/use-props.js";import{useSelection as a}from"../../composables/use-selection.js";import"../../composables/index.js";import{provideComboboxRootContext as o}from"./context.js";import s from"../popper/popper-root.js";import"../popper/index.js";import c from"../listbox/listbox-root.js";import"../listbox/index.js";import{computed as l,createBlock as u,createVNode as d,defineComponent as f,isRef as p,mergeProps as m,nextTick as h,onUnmounted as g,openBlock as _,renderSlot as v,shallowRef as y,unref as b,useAttrs as x,useId as S,useTemplateRef as C,withCtx as w}from"vue";import{createEventHook as T}from"@vueuse/core";const E=f({name:`ComboboxRoot`,inheritAttrs:!1,__name:`combobox-root`,props:{open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean},resetSearchTermOnBlur:{type:Boolean,default:!0},resetSearchTermOnSelect:{type:Boolean,default:!0},openOnFocus:{type:Boolean,default:!1},openOnClick:{type:Boolean,default:!1},ignoreFilter:{type:Boolean},resetModelValueOnClear:{type:Boolean,default:!1},dir:{},disabled:{type:Boolean},highlightOnHover:{type:Boolean,default:!0},modelValue:{default:void 0},defaultValue:{},multiple:{},clearable:{type:Boolean},name:{},required:{type:Boolean}},emits:[`update:modelValue`,`highlight`,`update:open`],setup(f,{expose:E,emit:D}){let O=f,k=D,A=i(O,[`modelValue`,`defaultValue`,`open`,`defaultOpen`,`ignoreFilter`,`resetSearchTermOnBlur`,`resetSearchTermOnSelect`,`openOnFocus`,`openOnClick`,`resetModelValueOnClear`],x()),{modelValue:j,isMultiple:M,onModelValueChange:N,resetModelValue:P}=a(O,e=>{k(`update:modelValue`,e)}),F=C(`listboxElement`),I=l(()=>e(F.value)),L=r(()=>O.open,e=>{k(`update:open`,e)},O.defaultOpen??!1),R=n(()=>O.dir),z=y(!1),B=y(!1),V=y(``),H=()=>{V.value||(V.value=`soybean-combobox-content-${S()}`)},U=y(),W=y(),G=y(),K=l(()=>F.value?.highlightedElement),q=T(),J=y(``),Y=y(new Map),X=y(new Map),Z,Q=l(e=>{if(!J.value||O.ignoreFilter||B.value)return{count:Y.value.size,items:e?.items??new Map,groups:new Set(X.value.keys())};let t=J.value.trim().toLowerCase(),n=new Map,r=new Set,i=0;for(let[e,r]of Y.value){let a=+!!r.toLowerCase().includes(t);n.set(e,a),a&&(i+=1)}for(let[e,t]of X.value)for(let i of t)if((n.get(i)??0)>0){r.add(e);break}return{count:i,items:n,groups:r}}),$=async e=>{if(Z&&(clearTimeout(Z),Z=void 0),L.value=e,J.value=``,e){await h(),await F.value?.highlightSelected?.(),z.value=!0,U.value?.focus();return}z.value=!1,Z=setTimeout(()=>{!L.value&&O.resetSearchTermOnBlur&&q.trigger(void 0)},1)};return g(()=>{Z&&clearTimeout(Z)}),o({...t(O,[`disabled`,`ignoreFilter`,`resetSearchTermOnBlur`,`resetSearchTermOnSelect`,`openOnFocus`,`openOnClick`,`resetModelValueOnClear`]),dir:R,modelValue:j,isMultiple:M,onModelValueChange:N,resetModelValue:P,open:L,onOpenChange:$,isUserInputted:z,isVirtual:B,parentElement:I,contentId:V,initContentId:H,inputElement:U,onInputElementChange(e){U.value=e},triggerElement:W,onTriggerElementChange(e){W.value=e},popupElement:G,onPopupElementChange(e){G.value=e},highlightedElement:K,onResetSearchTerm:q.on,filterSearch:J,allItems:Y,allGroups:X,filterState:Q}),E({filtered:Q,highlightedElement:K,highlightItem:e=>{F.value?.highlightItem(e)},highlightFirstItem:()=>{F.value?.highlightFirstItem()},highlightSelected:e=>F.value?.highlightSelected(e)}),(e,t)=>(_(),u(b(s),null,{default:w(()=>[d(b(c),m({ref_key:`listboxElement`,ref:F},b(A),{modelValue:b(j),"onUpdate:modelValue":t[0]||(t[0]=e=>p(j)?j.value=e:null),"data-soybean-combobox-root":``,dir:b(R),multiple:f.multiple,name:f.name,required:f.required,disabled:f.disabled,"highlight-on-hover":f.highlightOnHover,onHighlight:t[1]||(t[1]=e=>k(`highlight`,e))}),{default:w(()=>[v(e.$slots,`default`,{open:b(L),modelValue:b(j)})]),_:3},16,[`modelValue`,`dir`,`multiple`,`name`,`required`,`disabled`,`highlight-on-hover`])]),_:3}))}});export{E as default};
1
+ import{getElFromTemplateRef as e,transformPropsToContext as t}from"../../shared/vue.js";import{useDirection as n}from"../config-provider/context.js";import"../../shared/index.js";import{useControllableState as r}from"../../composables/use-controllable-state.js";import{useOmitProps as i}from"../../composables/use-props.js";import{useSelection as a}from"../../composables/use-selection.js";import"../../composables/index.js";import{provideComboboxRootContext as o}from"./context.js";import s from"../popper/popper-root.js";import"../popper/index.js";import c from"../listbox/listbox-root.js";import"../listbox/index.js";import{computed as l,createBlock as u,createVNode as d,defineComponent as f,isRef as p,mergeProps as m,nextTick as h,onUnmounted as g,openBlock as _,renderSlot as v,shallowRef as y,unref as b,useAttrs as x,useId as S,useTemplateRef as C,withCtx as w}from"vue";import{createEventHook as T}from"@vueuse/core";const E=f({name:`ComboboxRoot`,inheritAttrs:!1,__name:`combobox-root`,props:{open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean},resetSearchTermOnBlur:{type:Boolean,default:!0},resetSearchTermOnSelect:{type:Boolean,default:!0},openOnFocus:{type:Boolean,default:!1},openOnClick:{type:Boolean,default:!1},ignoreFilter:{type:Boolean},resetModelValueOnClear:{type:Boolean,default:!1},dir:{},disabled:{type:Boolean},highlightOnHover:{type:Boolean,default:!0},modelValue:{default:void 0},defaultValue:{},multiple:{},clearable:{type:Boolean},name:{},required:{type:Boolean}},emits:[`update:modelValue`,`highlight`,`update:open`],setup(f,{expose:E,emit:D}){let O=f,k=D,A=i(O,[`modelValue`,`defaultValue`,`open`,`defaultOpen`,`ignoreFilter`,`resetSearchTermOnBlur`,`resetSearchTermOnSelect`,`openOnFocus`,`openOnClick`,`resetModelValueOnClear`],x()),{modelValue:j,isMultiple:M,onModelValueChange:N,resetModelValue:P}=a(O,e=>{k(`update:modelValue`,e)}),F=C(`listboxElement`),I=l(()=>e(F.value)),L=r(()=>O.open,e=>{k(`update:open`,e)},O.defaultOpen??!1),R=n(()=>O.dir),z=y(!1),B=y(!1),V=y(``),H=()=>{V.value||(V.value=`soybean-combobox-content-${S()}`)},U=y(),W=y(),G=y(),K=l(()=>F.value?.highlightedElement),q=T(),J=y(``),Y=y(new Map),X=y(new Map),Z,Q=l(e=>{if(!J.value||O.ignoreFilter||B.value)return{count:Y.value.size,items:e?.items??new Map,groups:new Set(X.value.keys())};let t=J.value.trim().toLowerCase(),n=new Map,r=new Set,i=0;for(let[e,r]of Y.value){let a=+!!r.toLowerCase().includes(t);n.set(e,a),a&&(i+=1)}for(let[e,t]of X.value)for(let i of t)if((n.get(i)??0)>0){r.add(e);break}return{count:i,items:n,groups:r}}),$=async e=>{if(Z&&(clearTimeout(Z),Z=void 0),L.value=e,J.value=``,e){await h(),await F.value?.highlightSelected?.(),z.value=!0,U.value?.focus();return}z.value=!1,Z=setTimeout(()=>{!L.value&&O.resetSearchTermOnBlur&&q.trigger(void 0)},1)};return g(()=>{Z&&clearTimeout(Z)}),o({...t(O,[`disabled`,`ignoreFilter`,`resetSearchTermOnBlur`,`resetSearchTermOnSelect`,`openOnFocus`,`openOnClick`,`resetModelValueOnClear`]),dir:R,modelValue:j,isMultiple:M,onModelValueChange:N,resetModelValue:P,open:L,onOpenChange:$,isUserInputted:z,isVirtual:B,parentElement:I,contentId:V,initContentId:H,inputElement:U,onInputElementChange(e){U.value=e},triggerElement:W,onTriggerElementChange(e){W.value=e},popupElement:G,onPopupElementChange(e){G.value=e},highlightedElement:K,onResetSearchTerm:q.on,filterSearch:J,allItems:Y,allGroups:X,filterState:Q}),E({filtered:Q,highlightedElement:K,highlightItem:e=>{F.value?.highlightItem(e)},highlightFirstItem:()=>{F.value?.highlightFirstItem()},highlightSelected:e=>F.value?.highlightSelected(e)}),(e,t)=>(_(),u(b(s),{dir:b(R)},{default:w(()=>[d(b(c),m({ref_key:`listboxElement`,ref:F},b(A),{modelValue:b(j),"onUpdate:modelValue":t[0]||(t[0]=e=>p(j)?j.value=e:null),"data-soybean-combobox-root":``,dir:b(R),multiple:f.multiple,name:f.name,required:f.required,disabled:f.disabled,"highlight-on-hover":f.highlightOnHover,onHighlight:t[1]||(t[1]=e=>k(`highlight`,e))}),{default:w(()=>[v(e.$slots,`default`,{open:b(L),modelValue:b(j)})]),_:3},16,[`modelValue`,`dir`,`multiple`,`name`,`required`,`disabled`,`highlight-on-hover`])]),_:3},8,[`dir`]))}});export{E as default};
@@ -1,4 +1,4 @@
1
- import{transformPropsToContext as e}from"../../shared/vue.js";import{resolveLocaleDirection as t}from"../../locale/locales.js";import{provideConfigProviderContext as n}from"./context.js";import"../../shared/index.js";import{computed as r,defineComponent as i,renderSlot as a}from"vue";import{useStyleTag as o}from"@vueuse/core";const s=i({name:`ConfigProvider`,__name:`config-provider`,props:{dir:{},locale:{default:`en`},nonce:{default:void 0},tooltip:{},nuxt:{type:Boolean,default:!1},iconRender:{},messages:{}},setup(i){let s=i,c=r(()=>s.dir??t(s.locale));return n({...e(s),dir:c,iconRender:s.iconRender}),o(`
1
+ import{transformPropsToContext as e}from"../../shared/vue.js";import{resolveLocaleDirection as t}from"../../locale/locales.js";import{provideConfigProviderContext as n}from"./context.js";import"../../shared/index.js";import{computed as r,defineComponent as i,renderSlot as a}from"vue";import{useStyleTag as o}from"@vueuse/core";const s=i({name:`ConfigProvider`,__name:`config-provider`,props:{dir:{},locale:{default:`en`},nonce:{default:void 0},tooltip:{},iconRender:{},messages:{}},setup(i){let s=i,c=r(()=>s.dir??t(s.locale));return n({...e(s),dir:c,iconRender:s.iconRender}),o(`
2
2
  .soybean-headless-scrollbar-hidden {
3
3
  scrollbar-width: none;
4
4
  -ms-overflow-style: none;
@@ -6,7 +6,6 @@ type __VLS_Slots = {} & {
6
6
  default?: (props: typeof __VLS_1) => any;
7
7
  };
8
8
  declare const __VLS_base: import("vue").DefineComponent<ConfigProviderProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ConfigProviderProps> & Readonly<{}>, {
9
- nuxt: boolean;
10
9
  locale: string;
11
10
  nonce: string;
12
11
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
@@ -33,12 +33,6 @@ interface ConfigProviderProps {
33
33
  * @type TooltipProviderProps
34
34
  */
35
35
  tooltip?: Partial<TooltipProviderProps>;
36
- /**
37
- * Whether the application is running in Nuxt.
38
- *
39
- * @type boolean
40
- */
41
- nuxt?: boolean;
42
36
  /**
43
37
  * A function to render the icon. This is useful when you want to use a custom icon library or want to wrap the icon with a custom component.
44
38
  *
@@ -10,15 +10,15 @@ declare const __VLS_base: import("vue").DefineComponent<DateFieldRootProps, {},
10
10
  "onUpdate:modelValue"?: ((value: import("@internationalized/date").DateValue | undefined) => any) | undefined;
11
11
  "onUpdate:placeholder"?: ((value: import("@internationalized/date").DateValue) => any) | undefined;
12
12
  }>, {
13
- disabled: boolean;
14
13
  placeholder: import("@internationalized/date").DateValue;
14
+ disabled: boolean;
15
15
  step: DateStep;
16
16
  defaultValue: import("@internationalized/date").DateValue;
17
- defaultPlaceholder: import("@internationalized/date").DateValue;
18
17
  readonly: boolean;
18
+ defaultPlaceholder: import("@internationalized/date").DateValue;
19
19
  isDateUnavailable: DateMatcher;
20
- granularity: Granularity;
21
20
  hourCycle: 12 | 24;
21
+ granularity: Granularity;
22
22
  hideTimeZone: boolean;
23
23
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
24
24
  declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
@@ -1 +1 @@
1
- import{useForwardListeners as e}from"../../composables/use-forward-listeners.js";import{useOmitProps as t,usePickProps as n}from"../../composables/use-props.js";import"../../composables/index.js";import r from"../_icon/icon.js";import i from"../popover/popover-compact.js";import a from"../date-field/date-field-compact.js";import{computed as o,createBlock as s,createVNode as c,defineComponent as l,mergeProps as u,openBlock as d,renderSlot as f,toHandlers as p,unref as m,withCtx as h}from"vue";const g=l({name:`DatePickerCompact`,__name:`date-picker-compact`,props:{dateFieldProps:{},placement:{},showArrow:{type:Boolean},triggerProps:{},portalProps:{},positionerProps:{},popupProps:{},arrowProps:{},closeProps:{},disabled:{type:Boolean},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean},modal:{type:Boolean},headerProps:{},headingProps:{},prevProps:{},nextProps:{},gridProps:{},gridHeadProps:{},gridBodyProps:{},gridRowProps:{},headCellProps:{},cellProps:{},cellTriggerProps:{},dir:{},locale:{},modelValue:{},defaultValue:{},multiple:{},placeholder:{},defaultPlaceholder:{},readonly:{type:Boolean},pagedNavigation:{type:Boolean},preventDeselect:{type:Boolean},weekStartsOn:{},weekdayFormat:{},calendarLabel:{},fixedWeeks:{type:Boolean},maxValue:{},minValue:{},numberOfMonths:{},initialFocus:{type:Boolean},isDateDisabled:{},isDateUnavailable:{},nextPage:{},prevPage:{},disableDaysOutsideCurrentView:{type:Boolean},asChild:{type:Boolean},as:{}},emits:[`update:open`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`update:modelValue`,`update:placeholder`],setup(l,{emit:g}){let _=l,v=g,y=e(v),b=n(_,[`open`,`defaultOpen`,`modal`,`disabled`,`placement`,`showArrow`,`portalProps`,`positionerProps`,`popupProps`,`arrowProps`,`closeProps`]),x=n(_,[`dir`,`locale`,`modelValue`,`defaultValue`,`placeholder`,`defaultPlaceholder`,`disabled`,`readonly`,`maxValue`,`minValue`,`isDateUnavailable`],o(()=>({..._.dateFieldProps}))),S=o(()=>({..._.triggerProps,asChild:_.triggerProps?.asChild??!1})),C=t(_,[`open`,`defaultOpen`,`modal`,`placement`,`showArrow`,`triggerProps`,`portalProps`,`positionerProps`,`popupProps`,`arrowProps`,`closeProps`]),w=e=>{v(`update:modelValue`,e)},T=e=>{v(`update:placeholder`,e)};return(e,t)=>(d(),s(a,u(m(x),{"data-soybean-date-picker":``,"onUpdate:modelValue":t[0]||(t[0]=e=>v(`update:modelValue`,e)),"onUpdate:placeholder":t[1]||(t[1]=e=>v(`update:placeholder`,e))}),{trailing:h(()=>[c(i,u(m(b),{"trigger-props":S.value},p(m(y))),{trigger:h(()=>[c(r,{icon:`lucide:calendar`})]),default:h(({open:t,close:n})=>[f(e.$slots,`default`,{open:t,close:n,calendarProps:m(C),onUpdateModelValue:w,onUpdatePlaceholder:T})]),_:3},16,[`trigger-props`])]),_:3},16))}});export{g as default};
1
+ import{useForwardListeners as e}from"../../composables/use-forward-listeners.js";import{useOmitProps as t,usePickProps as n}from"../../composables/use-props.js";import"../../composables/index.js";import r from"../_icon/icon.js";import i from"../popover/popover-compact.js";import a from"../date-field/date-field-compact.js";import{computed as o,createBlock as s,createVNode as c,defineComponent as l,mergeProps as u,openBlock as d,renderSlot as f,toHandlers as p,unref as m,withCtx as h}from"vue";const g=l({name:`DatePickerCompact`,__name:`date-picker-compact`,props:{dateFieldProps:{},placement:{},showArrow:{type:Boolean},triggerProps:{},portalProps:{},positionerProps:{},popupProps:{},arrowProps:{},closeProps:{},disabled:{type:Boolean},dir:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean},modal:{type:Boolean},headerProps:{},headingProps:{},prevProps:{},nextProps:{},gridProps:{},gridHeadProps:{},gridBodyProps:{},gridRowProps:{},headCellProps:{},cellProps:{},cellTriggerProps:{},locale:{},modelValue:{},defaultValue:{},multiple:{},placeholder:{},defaultPlaceholder:{},readonly:{type:Boolean},pagedNavigation:{type:Boolean},preventDeselect:{type:Boolean},weekStartsOn:{},weekdayFormat:{},calendarLabel:{},fixedWeeks:{type:Boolean},maxValue:{},minValue:{},numberOfMonths:{},initialFocus:{type:Boolean},isDateDisabled:{},isDateUnavailable:{},nextPage:{},prevPage:{},disableDaysOutsideCurrentView:{type:Boolean},asChild:{type:Boolean},as:{}},emits:[`update:open`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`update:modelValue`,`update:placeholder`],setup(l,{emit:g}){let _=l,v=g,y=e(v),b=n(_,[`open`,`defaultOpen`,`modal`,`disabled`,`placement`,`showArrow`,`portalProps`,`positionerProps`,`popupProps`,`arrowProps`,`closeProps`]),x=n(_,[`dir`,`locale`,`modelValue`,`defaultValue`,`placeholder`,`defaultPlaceholder`,`disabled`,`readonly`,`maxValue`,`minValue`,`isDateUnavailable`],o(()=>({..._.dateFieldProps}))),S=o(()=>({..._.triggerProps,asChild:_.triggerProps?.asChild??!1})),C=t(_,[`open`,`defaultOpen`,`modal`,`placement`,`showArrow`,`triggerProps`,`portalProps`,`positionerProps`,`popupProps`,`arrowProps`,`closeProps`]),w=e=>{v(`update:modelValue`,e)},T=e=>{v(`update:placeholder`,e)};return(e,t)=>(d(),s(a,u(m(x),{"data-soybean-date-picker":``,"onUpdate:modelValue":t[0]||(t[0]=e=>v(`update:modelValue`,e)),"onUpdate:placeholder":t[1]||(t[1]=e=>v(`update:placeholder`,e))}),{trailing:h(()=>[c(i,u(m(b),{"trigger-props":S.value},p(m(y))),{trigger:h(()=>[c(r,{icon:`lucide:calendar`})]),default:h(({open:t,close:n})=>[f(e.$slots,`default`,{open:t,close:n,calendarProps:m(C),onUpdateModelValue:w,onUpdatePlaceholder:T})]),_:3},16,[`trigger-props`])]),_:3},16))}});export{g as default};
@@ -24,6 +24,7 @@ declare var __VLS_25: {
24
24
  arrowProps: PopperArrowProps;
25
25
  closeProps: PopoverCloseProps;
26
26
  disabled: boolean;
27
+ dir: Direction;
27
28
  defaultOpen: boolean;
28
29
  modal: boolean;
29
30
  headerProps: CalendarHeaderProps;
@@ -37,7 +38,6 @@ declare var __VLS_25: {
37
38
  headCellProps: CalendarHeadCellProps;
38
39
  cellProps: CalendarCellProps;
39
40
  cellTriggerProps: CalendarCellTriggerProps;
40
- dir: Direction;
41
41
  locale: string;
42
42
  modelValue: DateValue | undefined;
43
43
  defaultValue: DateValue | undefined;
@@ -250,17 +250,17 @@ declare var __VLS_25: {
250
250
  }> & {
251
251
  readonly open: boolean | undefined;
252
252
  } & {
253
- readonly disabled: boolean;
254
253
  readonly inlist: boolean;
254
+ readonly disabled: boolean;
255
255
  readonly asChild: boolean;
256
256
  readonly open: boolean | undefined;
257
+ readonly readonly: boolean;
257
258
  readonly showArrow: boolean;
258
259
  readonly defaultOpen: boolean;
259
260
  readonly modal: boolean;
260
261
  readonly pagedNavigation: boolean;
261
262
  readonly preventDeselect: boolean;
262
263
  readonly fixedWeeks: boolean;
263
- readonly readonly: boolean;
264
264
  readonly initialFocus: boolean;
265
265
  readonly disableDaysOutsideCurrentView: boolean;
266
266
  readonly multiple: boolean;
@@ -14,15 +14,15 @@ declare const __VLS_base: import("vue").DefineComponent<DateRangeFieldRootProps,
14
14
  "onUpdate:startValue"?: ((date: import("@internationalized/date").DateValue | undefined) => any) | undefined;
15
15
  "onUpdate:endValue"?: ((date: import("@internationalized/date").DateValue | undefined) => any) | undefined;
16
16
  }>, {
17
- disabled: boolean;
18
17
  placeholder: import("@internationalized/date").DateValue;
18
+ disabled: boolean;
19
19
  step: DateStep;
20
20
  defaultValue: DateRange;
21
- defaultPlaceholder: import("@internationalized/date").DateValue;
22
21
  readonly: boolean;
22
+ defaultPlaceholder: import("@internationalized/date").DateValue;
23
23
  isDateUnavailable: DateMatcher;
24
- granularity: Granularity;
25
24
  hourCycle: 12 | 24;
25
+ granularity: Granularity;
26
26
  hideTimeZone: boolean;
27
27
  startName: string;
28
28
  endName: string;
@@ -1 +1 @@
1
- import{useForwardListeners as e}from"../../composables/use-forward-listeners.js";import{useOmitProps as t,usePickProps as n}from"../../composables/use-props.js";import"../../composables/index.js";import r from"../_icon/icon.js";import i from"../popover/popover-compact.js";import a from"../date-range-field/date-range-field-compact.js";import{computed as o,createBlock as s,createVNode as c,defineComponent as l,mergeProps as u,openBlock as d,renderSlot as f,toHandlers as p,unref as m,withCtx as h}from"vue";const g=l({name:`DateRangePickerCompact`,__name:`date-range-picker-compact`,props:{dateFieldProps:{},placement:{},showArrow:{type:Boolean},triggerProps:{},portalProps:{},positionerProps:{},popupProps:{},arrowProps:{},closeProps:{},disabled:{type:Boolean},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean},modal:{type:Boolean},headerProps:{},headingProps:{},prevProps:{},nextProps:{},gridProps:{},gridHeadProps:{},gridBodyProps:{},gridRowProps:{},headCellProps:{},cellProps:{},cellTriggerProps:{},defaultValue:{},defaultPlaceholder:{},placeholder:{},modelValue:{},allowNonContiguousRanges:{type:Boolean},pagedNavigation:{type:Boolean},preventDeselect:{type:Boolean},maximumDays:{},weekStartsOn:{},weekdayFormat:{},calendarLabel:{},fixedWeeks:{type:Boolean},maxValue:{},minValue:{},locale:{},numberOfMonths:{},readonly:{type:Boolean},initialFocus:{type:Boolean},isDateDisabled:{},isDateUnavailable:{},isDateHighlightable:{},dir:{},nextPage:{},prevPage:{},disableDaysOutsideCurrentView:{type:Boolean},fixedDate:{},asChild:{type:Boolean},as:{}},emits:[`update:open`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`update:modelValue`,`update:placeholder`,`update:startValue`],setup(l,{emit:g}){let _=l,v=g,y=e(v),b=n(_,[`open`,`defaultOpen`,`modal`,`disabled`,`placement`,`showArrow`,`portalProps`,`positionerProps`,`popupProps`,`arrowProps`,`closeProps`]),x=n(_,[`dir`,`locale`,`modelValue`,`defaultValue`,`placeholder`,`defaultPlaceholder`,`disabled`,`readonly`,`maxValue`,`minValue`,`isDateUnavailable`],o(()=>({..._.dateFieldProps}))),S=o(()=>({..._.triggerProps,asChild:_.triggerProps?.asChild??!1})),C=t(_,[`open`,`defaultOpen`,`modal`,`placement`,`showArrow`,`triggerProps`,`portalProps`,`positionerProps`,`popupProps`,`arrowProps`,`closeProps`]),w=e=>{v(`update:modelValue`,e)},T=e=>{v(`update:placeholder`,e)};return(e,t)=>(d(),s(a,u(m(x),{"data-soybean-date-range-picker":``,"onUpdate:modelValue":t[0]||(t[0]=e=>v(`update:modelValue`,e)),"onUpdate:placeholder":t[1]||(t[1]=e=>v(`update:placeholder`,e))}),{trailing:h(()=>[c(i,u(m(b),{"trigger-props":S.value},p(m(y))),{trigger:h(()=>[c(r,{icon:`lucide:calendar`})]),default:h(({open:t,close:n})=>[f(e.$slots,`default`,{open:t,close:n,calendarRangeProps:m(C),onUpdateModelValue:w,onUpdatePlaceholder:T})]),_:3},16,[`trigger-props`])]),_:3},16))}});export{g as default};
1
+ import{useForwardListeners as e}from"../../composables/use-forward-listeners.js";import{useOmitProps as t,usePickProps as n}from"../../composables/use-props.js";import"../../composables/index.js";import r from"../_icon/icon.js";import i from"../popover/popover-compact.js";import a from"../date-range-field/date-range-field-compact.js";import{computed as o,createBlock as s,createVNode as c,defineComponent as l,mergeProps as u,openBlock as d,renderSlot as f,toHandlers as p,unref as m,withCtx as h}from"vue";const g=l({name:`DateRangePickerCompact`,__name:`date-range-picker-compact`,props:{dateFieldProps:{},placement:{},showArrow:{type:Boolean},triggerProps:{},portalProps:{},positionerProps:{},popupProps:{},arrowProps:{},closeProps:{},disabled:{type:Boolean},dir:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean},modal:{type:Boolean},headerProps:{},headingProps:{},prevProps:{},nextProps:{},gridProps:{},gridHeadProps:{},gridBodyProps:{},gridRowProps:{},headCellProps:{},cellProps:{},cellTriggerProps:{},defaultValue:{},defaultPlaceholder:{},placeholder:{},modelValue:{},allowNonContiguousRanges:{type:Boolean},pagedNavigation:{type:Boolean},preventDeselect:{type:Boolean},maximumDays:{},weekStartsOn:{},weekdayFormat:{},calendarLabel:{},fixedWeeks:{type:Boolean},maxValue:{},minValue:{},locale:{},numberOfMonths:{},readonly:{type:Boolean},initialFocus:{type:Boolean},isDateDisabled:{},isDateUnavailable:{},isDateHighlightable:{},nextPage:{},prevPage:{},disableDaysOutsideCurrentView:{type:Boolean},fixedDate:{},asChild:{type:Boolean},as:{}},emits:[`update:open`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`update:modelValue`,`update:placeholder`,`update:startValue`],setup(l,{emit:g}){let _=l,v=g,y=e(v),b=n(_,[`open`,`defaultOpen`,`modal`,`disabled`,`placement`,`showArrow`,`portalProps`,`positionerProps`,`popupProps`,`arrowProps`,`closeProps`]),x=n(_,[`dir`,`locale`,`modelValue`,`defaultValue`,`placeholder`,`defaultPlaceholder`,`disabled`,`readonly`,`maxValue`,`minValue`,`isDateUnavailable`],o(()=>({..._.dateFieldProps}))),S=o(()=>({..._.triggerProps,asChild:_.triggerProps?.asChild??!1})),C=t(_,[`open`,`defaultOpen`,`modal`,`placement`,`showArrow`,`triggerProps`,`portalProps`,`positionerProps`,`popupProps`,`arrowProps`,`closeProps`]),w=e=>{v(`update:modelValue`,e)},T=e=>{v(`update:placeholder`,e)};return(e,t)=>(d(),s(a,u(m(x),{"data-soybean-date-range-picker":``,"onUpdate:modelValue":t[0]||(t[0]=e=>v(`update:modelValue`,e)),"onUpdate:placeholder":t[1]||(t[1]=e=>v(`update:placeholder`,e))}),{trailing:h(()=>[c(i,u(m(b),{"trigger-props":S.value},p(m(y))),{trigger:h(()=>[c(r,{icon:`lucide:calendar`})]),default:h(({open:t,close:n})=>[f(e.$slots,`default`,{open:t,close:n,calendarRangeProps:m(C),onUpdateModelValue:w,onUpdatePlaceholder:T})]),_:3},16,[`trigger-props`])]),_:3},16))}});export{g as default};
@@ -24,6 +24,7 @@ declare var __VLS_25: {
24
24
  arrowProps: PopperArrowProps;
25
25
  closeProps: PopoverCloseProps;
26
26
  disabled: boolean;
27
+ dir: Direction;
27
28
  defaultOpen: boolean;
28
29
  modal: boolean;
29
30
  headerProps: CalendarRangeHeaderProps;
@@ -58,7 +59,6 @@ declare var __VLS_25: {
58
59
  isDateDisabled: DateMatcher;
59
60
  isDateUnavailable: DateMatcher;
60
61
  isDateHighlightable: DateMatcher;
61
- dir: Direction;
62
62
  nextPage: (placeholder: DateValue) => DateValue;
63
63
  prevPage: (placeholder: DateValue) => DateValue;
64
64
  disableDaysOutsideCurrentView: boolean;
@@ -253,10 +253,11 @@ declare var __VLS_25: {
253
253
  }> & {
254
254
  readonly open: boolean | undefined;
255
255
  } & {
256
- readonly disabled: boolean;
257
256
  readonly inlist: boolean;
257
+ readonly disabled: boolean;
258
258
  readonly asChild: boolean;
259
259
  readonly open: boolean | undefined;
260
+ readonly readonly: boolean;
260
261
  readonly showArrow: boolean;
261
262
  readonly defaultOpen: boolean;
262
263
  readonly modal: boolean;
@@ -264,7 +265,6 @@ declare var __VLS_25: {
264
265
  readonly pagedNavigation: boolean;
265
266
  readonly preventDeselect: boolean;
266
267
  readonly fixedWeeks: boolean;
267
- readonly readonly: boolean;
268
268
  readonly initialFocus: boolean;
269
269
  readonly disableDaysOutsideCurrentView: boolean;
270
270
  }, "positionerProps" | "open" | "triggerProps" | "placement" | "showArrow" | "portalProps" | "popupProps" | "arrowProps" | "closeProps" | "defaultOpen" | "modal">;
@@ -30,9 +30,9 @@ declare const __VLS_base: import("vue").DefineComponent<DialogCompactProps, {},
30
30
  open: boolean;
31
31
  modal: boolean;
32
32
  showClose: boolean;
33
- alertType: DialogAlertType;
34
33
  showCancel: "onlyWarning" | boolean;
35
34
  showConfirm: boolean;
35
+ alertType: DialogAlertType;
36
36
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
37
37
  declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
38
38
  declare const _default: typeof __VLS_export;
@@ -1 +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"./hover-card-root.js";import a from"./hover-card-trigger.js";import o from"./hover-card-positioner.js";import s from"./hover-card-popup.js";import{computed as c,createBlock as l,createCommentVNode as u,createVNode as d,defineComponent as f,guardReactiveProps as p,mergeProps as m,normalizeProps as h,openBlock as g,renderSlot as _,toHandlers as v,unref as y,withCtx as b}from"vue";const x=f({name:`HoverCardCompact`,__name:`hover-card-compact`,props:{placement:{},showArrow:{type:Boolean,default:!0},triggerProps:{},portalProps:{},positionerProps:{},popupProps:{},arrowProps:{},defaultOpen:{type:Boolean},open:{type:Boolean,default:void 0},openDelay:{},closeDelay:{}},emits:[`update:open`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`],setup(f,{emit:x}){let S=f,C=x,w=t(S,[`placement`,`showArrow`,`triggerProps`,`portalProps`,`positionerProps`,`popupProps`,`arrowProps`]),T=e(C),E=c(()=>({...S.triggerProps,asChild:S.triggerProps?.asChild??!0})),D=c(()=>({...S.positionerProps,placement:S.placement??S.positionerProps?.placement}));return(e,t)=>(g(),l(i,m(y(w),{"onUpdate:open":t[0]||(t[0]=e=>C(`update:open`,e))}),{default:b(()=>[d(a,h(p(E.value)),{default:b(()=>[_(e.$slots,`trigger`)]),_:3},16),d(n,h(p(f.portalProps)),{default:b(()=>[d(o,m(D.value,v(y(T))),{default:b(()=>[d(s,h(p(f.popupProps)),{default:b(()=>[_(e.$slots,`default`),f.showArrow?(g(),l(r,h(m({key:0},f.arrowProps)),null,16)):u(`v-if`,!0)]),_:3},16)]),_:3},16)]),_:3},16)]),_:3},16))}});export{x as default};
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"./hover-card-root.js";import a from"./hover-card-trigger.js";import o from"./hover-card-positioner.js";import s from"./hover-card-popup.js";import{computed as c,createBlock as l,createCommentVNode as u,createVNode as d,defineComponent as f,guardReactiveProps as p,mergeProps as m,normalizeProps as h,openBlock as g,renderSlot as _,toHandlers as v,unref as y,withCtx as b}from"vue";const x=f({name:`HoverCardCompact`,__name:`hover-card-compact`,props:{placement:{},showArrow:{type:Boolean,default:!0},triggerProps:{},portalProps:{},positionerProps:{},popupProps:{},arrowProps:{},defaultOpen:{type:Boolean},open:{type:Boolean,default:void 0},openDelay:{},closeDelay:{},dir:{}},emits:[`update:open`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`],setup(f,{emit:x}){let S=f,C=x,w=t(S,[`placement`,`showArrow`,`triggerProps`,`portalProps`,`positionerProps`,`popupProps`,`arrowProps`]),T=e(C),E=c(()=>({...S.triggerProps,asChild:S.triggerProps?.asChild??!0})),D=c(()=>({...S.positionerProps,placement:S.placement??S.positionerProps?.placement}));return(e,t)=>(g(),l(i,m(y(w),{"onUpdate:open":t[0]||(t[0]=e=>C(`update:open`,e))}),{default:b(()=>[d(a,h(p(E.value)),{default:b(()=>[_(e.$slots,`trigger`)]),_:3},16),d(n,h(p(f.portalProps)),{default:b(()=>[d(o,m(D.value,v(y(T))),{default:b(()=>[d(s,h(p(f.popupProps)),{default:b(()=>[_(e.$slots,`default`),f.showArrow?(g(),l(r,h(m({key:0},f.arrowProps)),null,16)):u(`v-if`,!0)]),_:3},16)]),_:3},16)]),_:3},16)]),_:3},16))}});export{x as default};
@@ -1 +1 @@
1
- import{transformPropsToContext as e}from"../../shared/vue.js";import"../../shared/index.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{provideHoverCardRootContext as r}from"./context.js";import{createBlock as i,defineComponent as a,openBlock as o,renderSlot as s,unref as c,withCtx as l}from"vue";const u=a({name:`HoverCardRoot`,inheritAttrs:!1,__name:`hover-card-root`,props:{defaultOpen:{type:Boolean,default:!1},open:{type:Boolean,default:void 0},openDelay:{default:700},closeDelay:{default:300}},emits:[`update:open`],setup(a,{emit:u}){let d=a,f=u,p=t(()=>d.open,e=>{f(`update:open`,e)},d.defaultOpen);return r({...e(d,[`openDelay`,`closeDelay`]),open:p}),(e,t)=>(o(),i(c(n),null,{default:l(()=>[s(e.$slots,`default`,{open:c(p)})]),_:3}))}});export{u as default};
1
+ import{transformPropsToContext as e}from"../../shared/vue.js";import"../../shared/index.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{provideHoverCardRootContext as r}from"./context.js";import{createBlock as i,defineComponent as a,openBlock as o,renderSlot as s,unref as c,withCtx as l}from"vue";const u=a({name:`HoverCardRoot`,inheritAttrs:!1,__name:`hover-card-root`,props:{defaultOpen:{type:Boolean,default:!1},open:{type:Boolean,default:void 0},openDelay:{default:700},closeDelay:{default:300},dir:{}},emits:[`update:open`],setup(a,{emit:u}){let d=a,f=u,p=t(()=>d.open,e=>{f(`update:open`,e)},d.defaultOpen);return r({...e(d,[`openDelay`,`closeDelay`]),open:p}),(e,t)=>(o(),i(c(n),{dir:a.dir},{default:l(()=>[s(e.$slots,`default`,{open:c(p)})]),_:3},8,[`dir`]))}});export{u as default};
@@ -1,5 +1,5 @@
1
1
  import { DismissableLayerEmits, ForceMountProps } from "../../types/component.js";
2
- import { PopperAnchorProps, PopperArrowProps, PopperPopupProps, PopperPositionerProps, PopperUi, PopperUiSlot } from "../popper/types.js";
2
+ import { PopperAnchorProps, PopperArrowProps, PopperPopupProps, PopperPositionerProps, PopperRootProps, PopperUi, PopperUiSlot } from "../popper/types.js";
3
3
  import { PortalProps } from "../portal/types.js";
4
4
  import { ComputedRef, ShallowRef } from "vue";
5
5
 
@@ -7,7 +7,7 @@ import { ComputedRef, ShallowRef } from "vue";
7
7
  /**
8
8
  * Properties for the HoverCardRoot component.
9
9
  */
10
- interface HoverCardRootProps {
10
+ interface HoverCardRootProps extends PopperRootProps {
11
11
  /** The open state of the hover card when it is initially rendered. Use when you do not need to control its open state. */
12
12
  defaultOpen?: boolean;
13
13
  /** The controlled open state of the hover card. */
@@ -5,8 +5,8 @@ type __VLS_Slots = InputOtpCompactSlots;
5
5
  declare const __VLS_base: import("vue").DefineComponent<InputOtpCompactProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
6
6
  input: (value: string) => any;
7
7
  select: (event: Event) => any;
8
- change: (event: Event) => any;
9
8
  blur: (event: FocusEvent) => any;
9
+ change: (event: Event) => any;
10
10
  focus: (event: FocusEvent) => any;
11
11
  mouseleave: (event: MouseEvent) => any;
12
12
  mouseover: (event: MouseEvent) => any;
@@ -16,8 +16,8 @@ declare const __VLS_base: import("vue").DefineComponent<InputOtpCompactProps, {}
16
16
  }, string, import("vue").PublicProps, Readonly<InputOtpCompactProps> & Readonly<{
17
17
  onInput?: ((value: string) => any) | undefined;
18
18
  onSelect?: ((event: Event) => any) | undefined;
19
- onChange?: ((event: Event) => any) | undefined;
20
19
  onBlur?: ((event: FocusEvent) => any) | undefined;
20
+ onChange?: ((event: Event) => any) | undefined;
21
21
  onFocus?: ((event: FocusEvent) => any) | undefined;
22
22
  onMouseleave?: ((event: MouseEvent) => any) | undefined;
23
23
  onMouseover?: ((event: MouseEvent) => any) | undefined;
@@ -17,8 +17,8 @@ declare const __VLS_base: import("vue").DefineComponent<InputOtpRootProps, {
17
17
  }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
18
18
  input: (value: string) => any;
19
19
  select: (event: Event) => any;
20
- change: (event: Event) => any;
21
20
  blur: (event: FocusEvent) => any;
21
+ change: (event: Event) => any;
22
22
  focus: (event: FocusEvent) => any;
23
23
  mouseleave: (event: MouseEvent) => any;
24
24
  mouseover: (event: MouseEvent) => any;
@@ -28,8 +28,8 @@ declare const __VLS_base: import("vue").DefineComponent<InputOtpRootProps, {
28
28
  }, string, import("vue").PublicProps, Readonly<InputOtpRootProps> & Readonly<{
29
29
  onInput?: ((value: string) => any) | undefined;
30
30
  onSelect?: ((event: Event) => any) | undefined;
31
- onChange?: ((event: Event) => any) | undefined;
32
31
  onBlur?: ((event: FocusEvent) => any) | undefined;
32
+ onChange?: ((event: Event) => any) | undefined;
33
33
  onFocus?: ((event: FocusEvent) => any) | undefined;
34
34
  onMouseleave?: ((event: MouseEvent) => any) | undefined;
35
35
  onMouseover?: ((event: MouseEvent) => any) | undefined;
@@ -39,8 +39,8 @@ declare const __VLS_base: import("vue").DefineComponent<InputOtpRootProps, {
39
39
  }>, {
40
40
  autocomplete: string;
41
41
  inputmode: InputOtpInputMode;
42
- defaultValue: string;
43
42
  modelValue: string;
43
+ defaultValue: string;
44
44
  pushPasswordManagerStrategy: InputOtpPushPasswordManagerStrategy;
45
45
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
46
46
  declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
@@ -1 +1 @@
1
- import{useConfigProvider as e}from"../config-provider/context.js";import{Primitive as t}from"../primitive/primitive.js";import"../primitive/index.js";import{computed as n,createBlock as r,defineComponent as i,mergeProps as a,openBlock as o,renderSlot as s,resolveComponent as c,resolveDynamicComponent as l,unref as u,useAttrs as d,withCtx as f}from"vue";const p=i({name:`Link`,inheritAttrs:!1,__name:`link`,props:{to:{},replace:{type:Boolean,default:void 0},href:{},disabled:{type:Boolean,default:void 0},activeClass:{},exactActiveClass:{},inactiveClass:{},prefetchedClass:{},external:{type:Boolean,default:void 0},ariaCurrentValue:{},viewTransition:{type:Boolean,default:void 0},target:{},rel:{default:`noopener noreferrer`},noRel:{type:Boolean,default:void 0},prefetch:{type:Boolean,default:void 0},prefetchOn:{},noPrefetch:{type:Boolean,default:void 0},trailingSlash:{},asChild:{type:Boolean},as:{default:`a`}},setup(i){let p=i,m=d(),h=e(),g=n(()=>h?.nuxt?.value?c(`NuxtLink`):c(`RouterLink`)),_=n(()=>!!(p.external||p.disabled||typeof p.to==`string`&&p.to.startsWith(`http`)||!p.to)),v=n(()=>p.target?p.target:_.value?`_blank`:`_self`),y=n(()=>{let{as:e,asChild:t,href:n,to:r,...i}=p,a=typeof p.to==`string`&&p.to||p.href,o={};return _.value||(o.to=p.to),(_.value||!h?.nuxt?.value)&&a&&(o.href=a),Object.assign(o,{...i,target:v.value,"data-disabled":p.disabled?``:void 0,"aria-disabled":p.disabled?`true`:void 0,role:p.disabled?`link`:void 0,tabindex:p.disabled?`-1`:p.tabindex,...m}),o}),b=e=>{p.disabled&&(e.preventDefault(),e.stopPropagation())};return(e,n)=>_.value?(o(),r(u(t),a({key:0},y.value,{as:i.as,"as-child":i.asChild,"data-soybean-link":``,"data-link":``,onClick:b}),{default:f(()=>[s(e.$slots,`default`,{isHref:!0})]),_:3},16,[`as`,`as-child`])):(o(),r(l(g.value),a({key:1},y.value,{"data-soybean-link":``,"data-link":``,onClick:b}),{default:f(t=>[s(e.$slots,`default`,{isHref:!1,isActive:t?.isActive,isExactActive:t?.isExactActive})]),_:3},16))}});export{p as default};
1
+ import{isNuxt as e}from"../../shared/env.js";import"../../shared/index.js";import{Primitive as t}from"../primitive/primitive.js";import"../primitive/index.js";import{computed as n,createBlock as r,defineComponent as i,mergeProps as a,openBlock as o,renderSlot as s,resolveComponent as c,resolveDynamicComponent as l,unref as u,useAttrs as d,withCtx as f}from"vue";const p=i({name:`Link`,inheritAttrs:!1,__name:`link`,props:{to:{},replace:{type:Boolean,default:void 0},href:{},disabled:{type:Boolean,default:void 0},activeClass:{},exactActiveClass:{},inactiveClass:{},prefetchedClass:{},external:{type:Boolean,default:void 0},ariaCurrentValue:{},viewTransition:{type:Boolean,default:void 0},target:{},rel:{default:`noopener noreferrer`},noRel:{type:Boolean,default:void 0},prefetch:{type:Boolean,default:void 0},prefetchOn:{},noPrefetch:{type:Boolean,default:void 0},trailingSlash:{},asChild:{type:Boolean},as:{default:`a`}},setup(i){let p=i,m=d(),h=n(()=>c(e?`NuxtLink`:`RouterLink`)),g=n(()=>!!(p.external||p.disabled||typeof p.to==`string`&&p.to.startsWith(`http`)||!p.to)),_=n(()=>p.target?p.target:g.value?`_blank`:`_self`),v=n(()=>{let{as:t,asChild:n,href:r,to:i,...a}=p,o=typeof p.to==`string`&&p.to||p.href,s={};return g.value||(s.to=p.to),(g.value||!e)&&o&&(s.href=o),Object.assign(s,{...a,target:_.value,"data-disabled":p.disabled?``:void 0,"aria-disabled":p.disabled?`true`:void 0,role:p.disabled?`link`:void 0,tabindex:p.disabled?`-1`:p.tabindex,...m}),s}),y=e=>{p.disabled&&(e.preventDefault(),e.stopPropagation())};return(e,n)=>g.value?(o(),r(u(t),a({key:0},v.value,{as:i.as,"as-child":i.asChild,"data-soybean-link":``,"data-link":``,onClick:y}),{default:f(()=>[s(e.$slots,`default`,{isHref:!0})]),_:3},16,[`as`,`as-child`])):(o(),r(l(h.value),a({key:1},v.value,{"data-soybean-link":``,"data-link":``,onClick:y}),{default:f(t=>[s(e.$slots,`default`,{isHref:!1,isActive:t?.isActive,isExactActive:t?.isExactActive})]),_:3},16))}});export{p as default};
@@ -11,7 +11,6 @@ type Slots = {
11
11
  type __VLS_Slots = Slots;
12
12
  declare const __VLS_base: import("vue").DefineComponent<LinkProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<LinkProps> & Readonly<{}>, {
13
13
  disabled: boolean;
14
- as: AsTag | import("vue").Component;
15
14
  replace: boolean;
16
15
  external: boolean;
17
16
  viewTransition: boolean;
@@ -19,6 +18,7 @@ declare const __VLS_base: import("vue").DefineComponent<LinkProps, {}, {}, {}, {
19
18
  noRel: boolean;
20
19
  prefetch: boolean;
21
20
  noPrefetch: boolean;
21
+ as: AsTag | import("vue").Component;
22
22
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
23
23
  declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
24
24
  declare const _default: typeof __VLS_export;
@@ -1 +1 @@
1
- import{getDisclosureState as e}from"../../shared/value.js";import{isPointerInGraceArea as t}from"../../shared/geometry.js";import{useContext as n}from"../../composables/use-context.js";import"../../shared/index.js";import{useUiContext as r}from"../../composables/use-ui-context.js";import"../../composables/index.js";import{providePopperUi as i}from"../popper/context.js";import{provideSeparatorUi as a}from"../separator/context.js";import{computed as o,ref as s,shallowRef as c,useId as l}from"vue";const[u,d]=n(`Menu`,t=>{let{isRoot:n,open:r}=t,i=e=>{r.value=e},a=o(()=>e(r.value)),s=n?`data-soybean-menu-popup`:`data-soybean-menu-sub-popup`,u=c(),d=e=>{u.value=e},f=c(),p=e=>{f.value=e},m=n?`soybean-menu`:`soybean-menu-sub`,h=c(``),g=()=>{h.value||(h.value=`${m}-popup-${l()}`)},_=c(``);return{isRoot:n,open:r,onOpenChange:i,dataState:a,dataPopupAttr:s,popupElement:u,onPopupElementChange:d,triggerElement:f,onTriggerElementChange:p,popupId:h,initPopupId:g,triggerId:_,initTriggerId:()=>{_.value||(_.value=`${m}-trigger-${l()}`)}}}),[f,p]=n(`MenuRoot`),[m,h]=n(`MenuContent`,e=>{let{popupElement:n}=e,r=c(``),i=s(null),a=c(0),o=c(`right`),l=s(null),u=e=>{l.value=e},d=()=>{l.value=null},f=e=>{let n=o.value===l.value?.side,r=t(e,l.value?.area);return n&&r};return{searchRef:r,currentItemId:i,popupElement:n,pointerSide:o,pointerGraceTimer:a,pointerGraceIntent:l,onPointerGraceIntentChange:u,resetPointerGraceIntent:d,onItemEnter:f,onItemLeave:e=>{f(e)||(n.value?.focus(),i.value=null)},onTriggerLeave:f}}),[g,_]=n(`MenuCheckboxGroup`,e=>{let{modelValue:t}=e,n=e=>{t.value||(t.value=[]),t.value.includes(e)?t.value=t.value.filter(t=>t!==e):t.value.push(e)};return{...e,onModelValueChange:n}}),[v,y]=n(`MenuRadioGroup`,e=>{let{modelValue:t}=e,n=e=>{t.value=e};return{...e,onModelValueChange:n}}),[b,x]=n(`MenuItemIndicator`),[S,C]=n(`MenuOptionsCompact`),[w,T]=r(`MenuUi`,e=>(i(o(()=>({arrow:e.value?.arrow}))),a(o(()=>({root:e.value?.separator}))),e)),[E,D]=n(`MenuSubAttribute`);export{g as provideMenuCheckboxGroupContext,m as provideMenuContentContext,u as provideMenuContext,b as provideMenuItemIndicatorContext,S as provideMenuOptionsCompactContext,v as provideMenuRadioGroupContext,f as provideMenuRootContext,E as provideMenuSubAttributeContext,w as provideMenuUi,_ as useMenuCheckboxGroupContext,h as useMenuContentContext,d as useMenuContext,x as useMenuItemIndicatorContext,C as useMenuOptionsCompactContext,y as useMenuRadioGroupContext,p as useMenuRootContext,D as useMenuSubAttributeContext,T as useMenuUi};
1
+ import{getDisclosureState as e}from"../../shared/value.js";import{isPointerInGraceArea as t}from"../../shared/geometry.js";import{useContext as n}from"../../composables/use-context.js";import"../../shared/index.js";import{useUiContext as r}from"../../composables/use-ui-context.js";import"../../composables/index.js";import{providePopperUi as i}from"../popper/context.js";import{provideSeparatorUi as a}from"../separator/context.js";import{computed as o,ref as s,shallowRef as c,useId as l}from"vue";const[u,d]=n(`Menu`,t=>{let{isRoot:n,open:r}=t,i=e=>{r.value=e},a=o(()=>e(r.value)),s=n?`data-soybean-menu-popup`:`data-soybean-menu-sub-popup`,u=c(),d=e=>{u.value=e},f=c(),p=e=>{f.value=e},m=n?`soybean-menu`:`soybean-menu-sub`,h=c(``),g=()=>{h.value||(h.value=`${m}-popup-${l()}`)},_=c(``),v=()=>{_.value||(_.value=`${m}-trigger-${l()}`)};return{...t,onOpenChange:i,dataState:a,dataPopupAttr:s,popupElement:u,onPopupElementChange:d,triggerElement:f,onTriggerElementChange:p,popupId:h,initPopupId:g,triggerId:_,initTriggerId:v}}),[f,p]=n(`MenuRoot`),[m,h]=n(`MenuContent`,e=>{let{popupElement:n}=e,r=c(``),i=s(null),a=c(0),o=c(`right`),l=s(null),u=e=>{l.value=e},d=()=>{l.value=null},f=e=>{let n=o.value===l.value?.side,r=t(e,l.value?.area);return n&&r};return{searchRef:r,currentItemId:i,popupElement:n,pointerSide:o,pointerGraceTimer:a,pointerGraceIntent:l,onPointerGraceIntentChange:u,resetPointerGraceIntent:d,onItemEnter:f,onItemLeave:e=>{f(e)||(n.value?.focus(),i.value=null)},onTriggerLeave:f}}),[g,_]=n(`MenuCheckboxGroup`,e=>{let{modelValue:t}=e,n=e=>{t.value||(t.value=[]),t.value.includes(e)?t.value=t.value.filter(t=>t!==e):t.value.push(e)};return{...e,onModelValueChange:n}}),[v,y]=n(`MenuRadioGroup`,e=>{let{modelValue:t}=e,n=e=>{t.value=e};return{...e,onModelValueChange:n}}),[b,x]=n(`MenuItemIndicator`),[S,C]=n(`MenuOptionsCompact`),[w,T]=r(`MenuUi`,e=>(i(o(()=>({arrow:e.value?.arrow}))),a(o(()=>({root:e.value?.separator}))),e)),[E,D]=n(`MenuSubAttribute`);export{g as provideMenuCheckboxGroupContext,m as provideMenuContentContext,u as provideMenuContext,b as provideMenuItemIndicatorContext,S as provideMenuOptionsCompactContext,v as provideMenuRadioGroupContext,f as provideMenuRootContext,E as provideMenuSubAttributeContext,w as provideMenuUi,_ as useMenuCheckboxGroupContext,h as useMenuContentContext,d as useMenuContext,x as useMenuItemIndicatorContext,C as useMenuOptionsCompactContext,y as useMenuRadioGroupContext,p as useMenuRootContext,D as useMenuSubAttributeContext,T as useMenuUi};
@@ -1 +1 @@
1
- import{transformPropsToContext as e}from"../../shared/vue.js";import{useDirection as t}from"../config-provider/context.js";import"../../shared/index.js";import{useControllableState as n}from"../../composables/use-controllable-state.js";import{useIsUsingKeyboard as r}from"../../composables/use-is-using-keyboard.js";import"../../composables/index.js";import i from"../popper/popper-root.js";import"../popper/index.js";import{provideMenuContext as a,provideMenuRootContext as o}from"./context.js";import{createBlock as s,defineComponent as c,openBlock as l,renderSlot as u,unref as d,withCtx as f}from"vue";const p=c({name:`MenuRoot`,inheritAttrs:!1,__name:`menu-root`,props:{dir:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean},modal:{type:Boolean,default:!0}},emits:[`update:open`],setup(c,{emit:p}){let m=c,h=p,g=n(()=>m.open,e=>{h(`update:open`,e)},m.defaultOpen),_=t(()=>m.dir),v=r(),y=()=>{g.value=!1};return a({open:g,isRoot:!0}),o({...e(m,[`modal`]),dir:_,onClose:y,isUsingKeyboard:v}),(e,t)=>(l(),s(d(i),null,{default:f(()=>[u(e.$slots,`default`,{open:d(g)})]),_:3}))}});export{p as default};
1
+ import{transformPropsToContext as e}from"../../shared/vue.js";import{useDirection as t}from"../config-provider/context.js";import"../../shared/index.js";import{useControllableState as n}from"../../composables/use-controllable-state.js";import{useIsUsingKeyboard as r}from"../../composables/use-is-using-keyboard.js";import"../../composables/index.js";import i from"../popper/popper-root.js";import"../popper/index.js";import{provideMenuContext as a,provideMenuRootContext as o}from"./context.js";import{createBlock as s,defineComponent as c,openBlock as l,renderSlot as u,unref as d,withCtx as f}from"vue";const p=c({name:`MenuRoot`,inheritAttrs:!1,__name:`menu-root`,props:{dir:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean},modal:{type:Boolean,default:!0}},emits:[`update:open`],setup(c,{emit:p}){let m=c,h=p,g=n(()=>m.open,e=>{h(`update:open`,e)},m.defaultOpen),_=t(()=>m.dir),v=r(),y=()=>{g.value=!1};return a({dir:_,open:g,isRoot:!0}),o({...e(m,[`modal`]),dir:_,onClose:y,isUsingKeyboard:v}),(e,t)=>(l(),s(d(i),{dir:d(_)},{default:f(()=>[u(e.$slots,`default`,{open:d(g)})]),_:3},8,[`dir`]))}});export{p as default};
@@ -1 +1 @@
1
- import{useControllableState as e}from"../../composables/use-controllable-state.js";import"../../composables/index.js";import t from"../popper/popper-root.js";import"../popper/index.js";import{provideMenuContext as n,useMenuContext as r}from"./context.js";import{createBlock as i,defineComponent as a,onWatcherCleanup as o,openBlock as s,renderSlot as c,unref as l,watchEffect as u,withCtx as d}from"vue";const f=a({name:`MenuSub`,inheritAttrs:!1,__name:`menu-sub`,props:{open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean}},emits:[`update:open`],setup(a,{emit:f}){let p=a,m=f,h=e(()=>p.open,e=>{m(`update:open`,e)},p.defaultOpen),g=r(`MenuSub`);return u(()=>{g.open.value===!1&&(h.value=!1),o(()=>{h.value=!1})}),n({open:h}),(e,n)=>(s(),i(l(t),null,{default:d(()=>[c(e.$slots,`default`)]),_:3}))}});export{f as default};
1
+ import{useControllableState as e}from"../../composables/use-controllable-state.js";import"../../composables/index.js";import t from"../popper/popper-root.js";import"../popper/index.js";import{provideMenuContext as n,useMenuContext as r}from"./context.js";import{computed as i,createBlock as a,defineComponent as o,onWatcherCleanup as s,openBlock as c,renderSlot as l,unref as u,watchEffect as d,withCtx as f}from"vue";const p=o({name:`MenuSub`,inheritAttrs:!1,__name:`menu-sub`,props:{open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean}},emits:[`update:open`],setup(o,{emit:p}){let m=o,h=p,g=e(()=>m.open,e=>{h(`update:open`,e)},m.defaultOpen),_=r(`MenuSub`),v=i(()=>_.dir.value);return d(()=>{_.open.value===!1&&(g.value=!1),s(()=>{g.value=!1})}),n({dir:v,open:g}),(e,n)=>(c(),a(u(t),{dir:v.value},{default:f(()=>[l(e.$slots,`default`)]),_:3},8,[`dir`]))}});export{p as default};
@@ -13,8 +13,8 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {},
13
13
  }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
14
14
  "onUpdate:modelValue"?: ((value: DefinedValue) => any) | undefined;
15
15
  }>, {
16
- modelValue: DefinedValue;
17
16
  loop: boolean;
17
+ modelValue: DefinedValue;
18
18
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
19
19
  declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
20
20
  declare const _default: typeof __VLS_export;
@@ -10,8 +10,8 @@ declare const __VLS_base: import("vue").DefineComponent<PageTabsRootProps, {}, {
10
10
  }, string, import("vue").PublicProps, Readonly<PageTabsRootProps> & Readonly<{
11
11
  "onUpdate:modelValue"?: ((value: string) => any) | undefined;
12
12
  }>, {
13
- modelValue: string;
14
13
  loop: boolean;
14
+ modelValue: string;
15
15
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
16
16
  declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
17
17
  declare const _default: typeof __VLS_export;
@@ -1 +1 @@
1
- import{useLocaleMessages as e}from"../../locale/hooks.js";import"../../locale/index.js";import{useForwardListeners as t}from"../../composables/use-forward-listeners.js";import{useOmitProps as n}from"../../composables/use-props.js";import"../../composables/index.js";import r from"../_icon/icon.js";import i from"../portal/portal.js";import a from"../popper/popper-arrow.js";import o from"../popover/popover-close.js";import s from"../popover/popover-popup.js";import c from"../popover/popover-positioner.js";import l from"../popover/popover-root.js";import u from"../popover/popover-trigger.js";import{usePopconfirmUi as d}from"./context.js";import f from"./popconfirm-cancel.js";import p from"./popconfirm-confirm.js";import m from"./popconfirm-content.js";import h from"./popconfirm-description.js";import g from"./popconfirm-footer.js";import _ from"./popconfirm-header.js";import v from"./popconfirm-title.js";import{computed as y,createBlock as b,createCommentVNode as x,createElementVNode as S,createTextVNode as C,createVNode as w,defineComponent as T,guardReactiveProps as E,mergeProps as D,normalizeClass as O,normalizeProps as k,openBlock as A,renderSlot as j,toDisplayString as M,toHandlers as N,unref as P,useSlots as F,withCtx as I}from"vue";const L=T({name:`PopconfirmCompact`,__name:`popconfirm-compact`,props:{type:{},placement:{},title:{},description:{},content:{},showArrow:{type:Boolean,default:!0},showIcon:{type:Boolean,default:!0},confirmText:{},cancelText:{},showCancel:{type:[String,Boolean],default:`onlyWarning`},triggerProps:{},portalProps:{},positionerProps:{},popupProps:{},arrowProps:{},closeProps:{},headerProps:{},titleProps:{},descriptionProps:{},contentProps:{},footerProps:{},confirmProps:{},cancelProps:{},disabled:{type:Boolean},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:!1},modal:{type:Boolean,default:!1}},emits:[`update:open`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`confirm`,`cancel`],setup(T,{emit:L}){let R=T,z=L,B=F(),V=n(R,[`type`,`placement`,`title`,`description`,`content`,`showArrow`,`showIcon`,`confirmText`,`cancelText`,`showCancel`,`triggerProps`,`portalProps`,`positionerProps`,`popupProps`,`arrowProps`,`closeProps`,`headerProps`,`titleProps`,`descriptionProps`,`contentProps`,`footerProps`,`confirmProps`,`cancelProps`]),H=t(z),U=e(),W=d(),G={error:`lucide:circle-x`,success:`lucide:circle-check`,warning:`lucide:circle-alert`,info:`lucide:info`},K=y(()=>R.type?G[R.type]:null),q=y(()=>({...R.triggerProps,asChild:R.triggerProps?.asChild??!0})),J=y(()=>({...R.positionerProps,placement:R.placement??R.positionerProps?.placement})),Y=y(()=>typeof R.showCancel==`boolean`?R.showCancel:R.type===`warning`),X=y(()=>R.cancelText??U.value.dialog.cancel),Z=y(()=>R.confirmText??U.value.dialog.confirm);return(e,t)=>(A(),b(l,D(P(V),{"data-type":T.type,"onUpdate:open":t[2]||(t[2]=e=>z(`update:open`,e))}),{default:I(n=>[w(u,k(E(q.value)),{default:I(()=>[j(e.$slots,`trigger`,k(E(n)))]),_:2},1040),w(i,k(E(T.portalProps)),{default:I(()=>[w(c,D(J.value,N(P(H))),{default:I(()=>[w(s,k(E(T.popupProps)),{default:I(()=>[w(_,null,{default:I(()=>[w(v,k(E(T.titleProps)),{default:I(()=>[T.showIcon&&K.value?(A(),b(r,{key:0,class:O(P(W).icon),icon:K.value},null,8,[`class`,`icon`])):x(`v-if`,!0),j(e.$slots,`title`,k(E(n)),()=>[S(`span`,null,M(T.title),1)])]),_:2},1040),B.description||T.description?(A(),b(h,k(D({key:0},T.descriptionProps)),{default:I(()=>[j(e.$slots,`description`,k(E(n)),()=>[C(M(T.description),1)])]),_:2},1040)):x(`v-if`,!0)]),_:2},1024),B.default||T.content?(A(),b(m,k(D({key:0},T.contentProps)),{default:I(()=>[j(e.$slots,`default`,k(E(n)),()=>[C(M(T.content),1)])]),_:2},1040)):x(`v-if`,!0),w(g,k(E(T.footerProps)),{default:I(()=>[j(e.$slots,`footer`,k(E(n)),()=>[Y.value?(A(),b(f,D({key:0},T.cancelProps,{onClose:t[0]||(t[0]=e=>z(`cancel`,e))}),{default:I(()=>[C(M(X.value),1)]),_:1},16)):x(`v-if`,!0),w(p,D(T.confirmProps,{onClose:t[1]||(t[1]=e=>z(`confirm`,e))}),{default:I(()=>[C(M(Z.value),1)]),_:1},16)])]),_:2},1040),T.showArrow?(A(),b(a,k(D({key:1},T.arrowProps)),null,16)):x(`v-if`,!0)]),_:2},1040),B.close?(A(),b(o,k(D({key:0},T.closeProps)),{default:I(()=>[j(e.$slots,`close`,k(E(n)))]),_:2},1040)):x(`v-if`,!0)]),_:2},1040)]),_:2},1040)]),_:3},16,[`data-type`]))}});export{L as default};
1
+ import{useLocaleMessages as e}from"../../locale/hooks.js";import"../../locale/index.js";import{useForwardListeners as t}from"../../composables/use-forward-listeners.js";import{useOmitProps as n}from"../../composables/use-props.js";import"../../composables/index.js";import r from"../_icon/icon.js";import i from"../portal/portal.js";import a from"../popper/popper-arrow.js";import o from"../popover/popover-close.js";import s from"../popover/popover-popup.js";import c from"../popover/popover-positioner.js";import l from"../popover/popover-root.js";import u from"../popover/popover-trigger.js";import{usePopconfirmUi as d}from"./context.js";import f from"./popconfirm-cancel.js";import p from"./popconfirm-confirm.js";import m from"./popconfirm-content.js";import h from"./popconfirm-description.js";import g from"./popconfirm-footer.js";import _ from"./popconfirm-header.js";import v from"./popconfirm-title.js";import{computed as y,createBlock as b,createCommentVNode as x,createElementVNode as S,createTextVNode as C,createVNode as w,defineComponent as T,guardReactiveProps as E,mergeProps as D,normalizeClass as O,normalizeProps as k,openBlock as A,renderSlot as j,toDisplayString as M,toHandlers as N,unref as P,useSlots as F,withCtx as I}from"vue";const L=T({name:`PopconfirmCompact`,__name:`popconfirm-compact`,props:{type:{},placement:{},title:{},description:{},content:{},showArrow:{type:Boolean,default:!0},showIcon:{type:Boolean,default:!0},confirmText:{},cancelText:{},showCancel:{type:[String,Boolean],default:`onlyWarning`},triggerProps:{},portalProps:{},positionerProps:{},popupProps:{},arrowProps:{},closeProps:{},headerProps:{},titleProps:{},descriptionProps:{},contentProps:{},footerProps:{},confirmProps:{},cancelProps:{},disabled:{type:Boolean},dir:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:!1},modal:{type:Boolean,default:!1}},emits:[`update:open`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`confirm`,`cancel`],setup(T,{emit:L}){let R=T,z=L,B=F(),V=n(R,[`type`,`placement`,`title`,`description`,`content`,`showArrow`,`showIcon`,`confirmText`,`cancelText`,`showCancel`,`triggerProps`,`portalProps`,`positionerProps`,`popupProps`,`arrowProps`,`closeProps`,`headerProps`,`titleProps`,`descriptionProps`,`contentProps`,`footerProps`,`confirmProps`,`cancelProps`]),H=t(z),U=e(),W=d(),G={error:`lucide:circle-x`,success:`lucide:circle-check`,warning:`lucide:circle-alert`,info:`lucide:info`},K=y(()=>R.type?G[R.type]:null),q=y(()=>({...R.triggerProps,asChild:R.triggerProps?.asChild??!0})),J=y(()=>({...R.positionerProps,placement:R.placement??R.positionerProps?.placement})),Y=y(()=>typeof R.showCancel==`boolean`?R.showCancel:R.type===`warning`),X=y(()=>R.cancelText??U.value.dialog.cancel),Z=y(()=>R.confirmText??U.value.dialog.confirm);return(e,t)=>(A(),b(l,D(P(V),{"data-type":T.type,"onUpdate:open":t[2]||(t[2]=e=>z(`update:open`,e))}),{default:I(n=>[w(u,k(E(q.value)),{default:I(()=>[j(e.$slots,`trigger`,k(E(n)))]),_:2},1040),w(i,k(E(T.portalProps)),{default:I(()=>[w(c,D(J.value,N(P(H))),{default:I(()=>[w(s,k(E(T.popupProps)),{default:I(()=>[w(_,null,{default:I(()=>[w(v,k(E(T.titleProps)),{default:I(()=>[T.showIcon&&K.value?(A(),b(r,{key:0,class:O(P(W).icon),icon:K.value},null,8,[`class`,`icon`])):x(`v-if`,!0),j(e.$slots,`title`,k(E(n)),()=>[S(`span`,null,M(T.title),1)])]),_:2},1040),B.description||T.description?(A(),b(h,k(D({key:0},T.descriptionProps)),{default:I(()=>[j(e.$slots,`description`,k(E(n)),()=>[C(M(T.description),1)])]),_:2},1040)):x(`v-if`,!0)]),_:2},1024),B.default||T.content?(A(),b(m,k(D({key:0},T.contentProps)),{default:I(()=>[j(e.$slots,`default`,k(E(n)),()=>[C(M(T.content),1)])]),_:2},1040)):x(`v-if`,!0),w(g,k(E(T.footerProps)),{default:I(()=>[j(e.$slots,`footer`,k(E(n)),()=>[Y.value?(A(),b(f,D({key:0},T.cancelProps,{onClose:t[0]||(t[0]=e=>z(`cancel`,e))}),{default:I(()=>[C(M(X.value),1)]),_:1},16)):x(`v-if`,!0),w(p,D(T.confirmProps,{onClose:t[1]||(t[1]=e=>z(`confirm`,e))}),{default:I(()=>[C(M(Z.value),1)]),_:1},16)])]),_:2},1040),T.showArrow?(A(),b(a,k(D({key:1},T.arrowProps)),null,16)):x(`v-if`,!0)]),_:2},1040),B.close?(A(),b(o,k(D({key:0},T.closeProps)),{default:I(()=>[j(e.$slots,`close`,k(E(n)))]),_:2},1040)):x(`v-if`,!0)]),_:2},1040)]),_:2},1040)]),_:3},16,[`data-type`]))}});export{L as default};
@@ -1 +1 @@
1
- import{useForwardListeners as e}from"../../composables/use-forward-listeners.js";import{useOmitProps as t}from"../../composables/use-props.js";import"../../composables/index.js";import n from"../_icon/icon.js";import r from"../portal/portal.js";import i from"../popper/popper-arrow.js";import a from"./popover-close.js";import o from"./popover-popup.js";import s from"./popover-positioner.js";import c from"./popover-root.js";import l from"./popover-trigger.js";import{computed as u,createBlock as d,createCommentVNode as f,createVNode as p,defineComponent as m,guardReactiveProps as h,mergeProps as g,normalizeProps as _,openBlock as v,renderSlot as y,toHandlers as b,unref as x,useSlots as S,withCtx as C}from"vue";const w=m({name:`PopoverCompact`,inheritAttrs:!1,__name:`popover-compact`,props:{placement:{},showArrow:{type:Boolean,default:!0},triggerProps:{},portalProps:{},positionerProps:{},popupProps:{},arrowProps:{},closeProps:{},disabled:{type:Boolean},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:!1},modal:{type:Boolean}},emits:[`update:open`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`],setup(m,{emit:w}){let T=m,E=w,D=S(),O=t(T,[`placement`,`showArrow`,`triggerProps`,`portalProps`,`positionerProps`,`popupProps`,`arrowProps`,`closeProps`]),k=e(E),A=u(()=>({...T.triggerProps,asChild:T.triggerProps?.asChild??!0})),j=u(()=>({...T.positionerProps,placement:T.placement??T.positionerProps?.placement}));return(e,t)=>(v(),d(c,g(x(O),{"onUpdate:open":t[0]||(t[0]=e=>E(`update:open`,e))}),{default:C(t=>[p(l,_(h(A.value)),{default:C(()=>[y(e.$slots,`trigger`)]),_:3},16),p(r,_(h(m.portalProps)),{default:C(()=>[p(s,g(j.value,b(x(k))),{default:C(()=>[p(o,_(h(m.popupProps)),{default:C(()=>[y(e.$slots,`default`,_(h(t))),m.showArrow?(v(),d(i,_(g({key:0},m.arrowProps)),null,16)):f(`v-if`,!0)]),_:2},1040),D.close?(v(),d(a,_(g({key:0},m.closeProps)),{default:C(()=>[y(e.$slots,`close`,{},()=>[p(n,{icon:`lucide:x`})])]),_:3},16)):f(`v-if`,!0)]),_:2},1040)]),_:2},1040)]),_:3},16))}});export{w as default};
1
+ import{useForwardListeners as e}from"../../composables/use-forward-listeners.js";import{useOmitProps as t}from"../../composables/use-props.js";import"../../composables/index.js";import n from"../_icon/icon.js";import r from"../portal/portal.js";import i from"../popper/popper-arrow.js";import a from"./popover-close.js";import o from"./popover-popup.js";import s from"./popover-positioner.js";import c from"./popover-root.js";import l from"./popover-trigger.js";import{computed as u,createBlock as d,createCommentVNode as f,createVNode as p,defineComponent as m,guardReactiveProps as h,mergeProps as g,normalizeProps as _,openBlock as v,renderSlot as y,toHandlers as b,unref as x,useSlots as S,withCtx as C}from"vue";const w=m({name:`PopoverCompact`,inheritAttrs:!1,__name:`popover-compact`,props:{placement:{},showArrow:{type:Boolean,default:!0},triggerProps:{},portalProps:{},positionerProps:{},popupProps:{},arrowProps:{},closeProps:{},disabled:{type:Boolean},dir:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:!1},modal:{type:Boolean}},emits:[`update:open`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`],setup(m,{emit:w}){let T=m,E=w,D=S(),O=t(T,[`placement`,`showArrow`,`triggerProps`,`portalProps`,`positionerProps`,`popupProps`,`arrowProps`,`closeProps`]),k=e(E),A=u(()=>({...T.triggerProps,asChild:T.triggerProps?.asChild??!0})),j=u(()=>({...T.positionerProps,placement:T.placement??T.positionerProps?.placement}));return(e,t)=>(v(),d(c,g(x(O),{"onUpdate:open":t[0]||(t[0]=e=>E(`update:open`,e))}),{default:C(t=>[p(l,_(h(A.value)),{default:C(()=>[y(e.$slots,`trigger`)]),_:3},16),p(r,_(h(m.portalProps)),{default:C(()=>[p(s,g(j.value,b(x(k))),{default:C(()=>[p(o,_(h(m.popupProps)),{default:C(()=>[y(e.$slots,`default`,_(h(t))),m.showArrow?(v(),d(i,_(g({key:0},m.arrowProps)),null,16)):f(`v-if`,!0)]),_:2},1040),D.close?(v(),d(a,_(g({key:0},m.closeProps)),{default:C(()=>[y(e.$slots,`close`,{},()=>[p(n,{icon:`lucide:x`})])]),_:3},16)):f(`v-if`,!0)]),_:2},1040)]),_:2},1040)]),_:3},16))}});export{w as default};