@soybeanjs/headless 0.30.0 → 0.40.0-beta.2

package/dist/components/date-picker/context.d.ts

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

package/dist/components/date-picker/context.js

@@ -1 +1 @@
-import{useUiContext as e}from"../../composables/use-ui-context.js";import"../../composables/index.js";import{providePopoverUi as t}from"../popover/context.js";import{provideDateFieldUi as n}from"../date-field/context.js";const[r,i]=e(`DatePickerUi`,e=>(t(e),n(e),e));export{r as provideDatePickerUi};
+import{useUiContext as e}from"../../composables/use-ui-context.js";import{providePopoverUi as t}from"../popover/context.js";import{provideDateFieldUi as n}from"../date-field/context.js";const[r,i]=e(`DatePickerUi`,e=>(t(e),n(e),e));export{r as provideDatePickerUi};

package/dist/components/date-picker/date-picker-compact.js

@@ -1 +1 @@
-import{useLocaleMessages as e}from"../../locale/hooks.js";import"../../locale/index.js";import{useControllableState as t}from"../../composables/use-controllable-state.js";import{useForwardListeners as n}from"../../composables/use-forward-listeners.js";import{useOmitProps as r,usePickProps as i}from"../../composables/use-props.js";import"../../composables/index.js";import a from"../_icon/icon.js";import o from"../popover/popover-compact.js";import s from"../date-field/date-field-compact.js";import{computed as c,createBlock as l,createVNode as u,defineComponent as d,mergeProps as f,openBlock as p,renderSlot as m,toHandlers as h,unref as g,withCtx as _}from"vue";const v=d({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(d,{emit:v}){let y=d,b=v,x=e(),S=n(b),C=t(()=>y.modelValue,e=>{b(`update:modelValue`,e)},y.defaultValue,!0),w=i(y,[`open`,`defaultOpen`,`modal`,`disabled`,`placement`,`showArrow`,`portalProps`,`positionerProps`,`arrowProps`,`closeProps`],()=>({popupProps:{...y.popupProps,"aria-label":y.popupProps?.[`aria-label`]??x.value.datePicker.popupLabel}})),T=i(y,[`dir`,`locale`,`placeholder`,`defaultPlaceholder`,`disabled`,`readonly`,`maxValue`,`minValue`,`isDateUnavailable`,`dateFieldProps`],()=>({modelValue:C.value})),E=c(()=>({...y.triggerProps,asChild:y.triggerProps?.asChild??!1,"aria-label":y.triggerProps?.[`aria-label`]??x.value.datePicker.toggle})),D=r(y,[`open`,`defaultOpen`,`modal`,`placement`,`showArrow`,`dateFieldProps`,`triggerProps`,`portalProps`,`positionerProps`,`popupProps`,`arrowProps`,`closeProps`,`modelValue`,`defaultValue`],()=>({modelValue:C.value})),O=e=>{C.value=e},k=e=>{b(`update:placeholder`,e)};return(e,t)=>(p(),l(s,f(g(T),{"data-soybean-date-picker":``,"onUpdate:modelValue":O,"onUpdate:placeholder":t[0]||(t[0]=e=>b(`update:placeholder`,e))}),{leading:_(()=>[m(e.$slots,`leading`)]),trailing:_(()=>[u(o,f(g(w),{"trigger-props":E.value},h(g(S))),{trigger:_(()=>[u(a,{icon:`lucide:calendar`})]),default:_(({open:t,close:n})=>[m(e.$slots,`default`,{open:t,close:n,calendarProps:g(D),onUpdateModelValue:O,onUpdatePlaceholder:k})]),_:3},16,[`trigger-props`])]),_:3},16))}});export{v as default};
+import{useLocaleMessages as e}from"../../locale/hooks.js";import{useControllableState as t}from"../../composables/use-controllable-state.js";import{useForwardListeners as n}from"../../composables/use-forward-listeners.js";import{useOmitProps as r,usePickProps as i}from"../../composables/use-props.js";import a from"../_icon/icon.js";import o from"../popover/popover-compact.js";import s from"../date-field/date-field-compact.js";import{computed as c,createBlock as l,createVNode as u,defineComponent as d,mergeProps as f,openBlock as p,renderSlot as m,toHandlers as h,unref as g,withCtx as _}from"vue";const v=d({name:`DatePickerCompact`,__name:`date-picker-compact`,props:{dateFieldProps:{},placement:{},showArrow:{type:Boolean},triggerProps:{},portalProps:{},positionerProps:{},popupProps:{},arrowProps:{},closeProps:{},dir:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean},modal:{type:Boolean},disabled:{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`,`placed`,`update:modelValue`,`update:placeholder`],setup(d,{emit:v}){let y=d,b=v,x=e(),S=n(b),C=t(()=>y.modelValue,e=>{b(`update:modelValue`,e)},y.defaultValue,!0),w=i(y,[`open`,`defaultOpen`,`modal`,`disabled`,`placement`,`showArrow`,`portalProps`,`positionerProps`,`arrowProps`,`closeProps`],()=>({popupProps:{...y.popupProps,"aria-label":y.popupProps?.[`aria-label`]??x.value.datePicker.popupLabel}})),T=i(y,[`dir`,`locale`,`placeholder`,`defaultPlaceholder`,`disabled`,`readonly`,`maxValue`,`minValue`,`isDateUnavailable`,`dateFieldProps`],()=>({modelValue:C.value})),E=c(()=>({...y.triggerProps,asChild:y.triggerProps?.asChild??!1,"aria-label":y.triggerProps?.[`aria-label`]??x.value.datePicker.toggle})),D=r(y,[`open`,`defaultOpen`,`modal`,`placement`,`showArrow`,`dateFieldProps`,`triggerProps`,`portalProps`,`positionerProps`,`popupProps`,`arrowProps`,`closeProps`,`modelValue`,`defaultValue`],()=>({modelValue:C.value})),O=e=>{C.value=e},k=e=>{b(`update:placeholder`,e)};return(e,t)=>(p(),l(s,f(g(T),{"data-soybean-date-picker":``,"onUpdate:modelValue":O,"onUpdate:placeholder":t[0]||=e=>b(`update:placeholder`,e)}),{leading:_(()=>[m(e.$slots,`leading`)]),trailing:_(()=>[u(o,f(g(w),{"trigger-props":E.value},h(g(S))),{trigger:_(()=>[u(a,{icon:`lucide:calendar`})]),default:_(({open:t,close:n})=>[m(e.$slots,`default`,{open:t,close:n,calendarProps:g(D),onUpdateModelValue:O,onUpdatePlaceholder:k})]),_:3},16,[`trigger-props`])]),_:3},16))}});export{v as default};

package/dist/components/date-picker/date-picker-compact.vue.d.ts

@@ -14,6 +14,7 @@ declare const __VLS_base: import("vue").DefineComponent<DatePickerCompactProps,
   interactOutside: (event: PointerDownOutsideEvent | FocusOutsideEvent) => any;
   openAutoFocus: (event: Event) => any;
   closeAutoFocus: (event: Event) => any;
+  placed: () => any;
   "update:placeholder": (date: DateValue) => any;
 }, string, import("vue").PublicProps, Readonly<DatePickerCompactProps> & Readonly<{
   "onUpdate:open"?: ((value: boolean) => any) | undefined;
@@ -24,6 +25,7 @@ declare const __VLS_base: import("vue").DefineComponent<DatePickerCompactProps,
   onInteractOutside?: ((event: PointerDownOutsideEvent | FocusOutsideEvent) => any) | undefined;
   onOpenAutoFocus?: ((event: Event) => any) | undefined;
   onCloseAutoFocus?: ((event: Event) => any) | undefined;
+  onPlaced?: (() => any) | undefined;
   "onUpdate:placeholder"?: ((date: DateValue) => any) | undefined;
 }>, {
   open: boolean;

package/dist/components/date-picker/types.d.ts

@@ -10,14 +10,14 @@ import { PopoverCompactEmits, PopoverCompactProps, PopoverUiSlot } from "../popo
 /**
  * Properties for the DatePickerCompact component.
  */
-interface DatePickerCompactProps extends PopoverCompactProps, CalendarCompactProps<false> {
+export interface DatePickerCompactProps extends PopoverCompactProps, CalendarCompactProps<false> {
   dateFieldProps?: BaseProps;
 }
 /**
  * Events for the DatePickerCompact component.
  */
-type DatePickerCompactEmits = PopoverCompactEmits & CalendarCompactEmits<false>;
-interface DatePickerCompactSlotProps {
+export type DatePickerCompactEmits = PopoverCompactEmits & CalendarCompactEmits<false>;
+export interface DatePickerCompactSlotProps {
   open: boolean;
   close: () => void;
   calendarProps: CalendarCompactProps<false>;
@@ -27,7 +27,7 @@ interface DatePickerCompactSlotProps {
 /**
  * Slots for the DatePickerCompact component.
  */
-type DatePickerCompactSlots = {
+export type DatePickerCompactSlots = {
   /**
    * Custom content rendered before the date segments.
    */
@@ -40,10 +40,9 @@ type DatePickerCompactSlots = {
 /**
  * UI slot names for the DatePicker component.
  */
-type DatePickerUiSlot = PopoverUiSlot | DateFieldUiSlot;
+export type DatePickerUiSlot = PopoverUiSlot | DateFieldUiSlot;
 /**
  * UI class for the DatePicker component.
  */
-type DatePickerUi = UiClass<DatePickerUiSlot>;
-//#endregion
-export { DatePickerCompactEmits, DatePickerCompactProps, DatePickerCompactSlotProps, DatePickerCompactSlots, DatePickerUi, DatePickerUiSlot };
+export type DatePickerUi = UiClass<DatePickerUiSlot>;
+//#endregion

package/dist/components/date-range-field/context.d.ts

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

package/dist/components/date-range-field/context.js

@@ -1 +1 @@
-import{useContext as e}from"../../composables/use-context.js";import{useUiContext as t}from"../../composables/use-ui-context.js";import"../../composables/index.js";const[n,r]=e(`DateRangeFieldRoot`),[i,a]=t(`DateRangeFieldUi`);export{n as provideDateRangeFieldRootContext,i as provideDateRangeFieldUi,r as useDateRangeFieldRootContext,a as useDateRangeFieldUi};
+import{useContext as e}from"../../composables/use-context.js";import{useUiContext as t}from"../../composables/use-ui-context.js";const[n,r]=e(`DateRangeFieldRoot`),[i,a]=t(`DateRangeFieldUi`);export{n as provideDateRangeFieldRootContext,i as provideDateRangeFieldUi,r as useDateRangeFieldRootContext,a as useDateRangeFieldUi};

package/dist/components/date-range-field/date-range-field-compact.js

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

package/dist/components/date-range-field/date-range-field-input.js

@@ -1 +1 @@
-import{useDateField as e}from"../../date/use-date-field.js";import"../../date/index.js";import{Primitive as t}from"../primitive/primitive.js";import"../primitive/index.js";import{useDateRangeFieldRootContext as n,useDateRangeFieldUi as r}from"./context.js";import{computed as i,createBlock as a,defineComponent as o,mergeProps as s,openBlock as c,ref as l,renderSlot as u,toHandlers as d,unref as f,withCtx as p}from"vue";const m=o({name:`DateRangeFieldInput`,__name:`date-range-field-input`,props:{type:{default:`start`},part:{},asChild:{type:Boolean},as:{default:`span`}},setup(o){let m=o,h=r(`input`),{disabled:g,readonly:_,placeholder:v,hourCycle:y,step:b,startSegmentValues:x,endSegmentValues:S,formatter:C,focusNext:w,modelValue:T,isInvalid:E,setFocusedElement:D}=n(`DateRangeFieldInput`),O=l(!0),k=l(!1),A=i(()=>m.type===`start`?x.value:S.value),{attributes:j,handleSegmentClick:M,handleSegmentFocusOut:N,handleSegmentKeydown:P}=e({hasLeftFocus:O,lastKeyZero:k,placeholder:v,hourCycle:y,step:b,segmentValues:A,formatter:C,part:m.part,disabled:g,readonly:_,focusNext:()=>w(m.type),modelValue:i({get:()=>m.type===`start`?T.value.start:T.value.end,set:e=>{m.type===`start`?T.value={...T.value,start:e}:T.value={...T.value,end:e}}})}),F=i(()=>g.value||_.value?!1:m.part!==`literal`&&m.part!==`timeZoneName`),I=i(()=>m.part===`literal`?{}:{mousedown:M,keydown:P,focusout:()=>{O.value=!0,N()},focusin:e=>{D(e.target,m.type)}});return(e,n)=>(c(),a(f(t),s({as:o.as,"as-child":o.asChild},f(j),{"data-soybean-date-range-field-input":``,"data-soybean-date-field-segment":o.part,class:f(h),"aria-disabled":f(g)?!0:void 0,"aria-invalid":f(E)?!0:void 0,"aria-readonly":f(_)||o.part===`timeZoneName`?!0:void 0,contenteditable:F.value,"data-disabled":f(g)?``:void 0,"data-invalid":f(E)?``:void 0,"data-readonly":f(_)||o.part===`timeZoneName`?``:void 0,"data-segment":o.part},d(I.value)),{default:p(()=>[u(e.$slots,`default`)]),_:3},16,[`as`,`as-child`,`data-soybean-date-field-segment`,`class`,`aria-disabled`,`aria-invalid`,`aria-readonly`,`contenteditable`,`data-disabled`,`data-invalid`,`data-readonly`,`data-segment`]))}});export{m as default};
+import{useDateField as e}from"../../date/use-date-field.js";import{Primitive as t}from"../primitive/primitive.js";import{useDateRangeFieldRootContext as n,useDateRangeFieldUi as r}from"./context.js";import{computed as i,createBlock as a,defineComponent as o,mergeProps as s,openBlock as c,ref as l,renderSlot as u,toHandlers as d,unref as f,withCtx as p}from"vue";const m=o({name:`DateRangeFieldInput`,__name:`date-range-field-input`,props:{type:{default:`start`},part:{},asChild:{type:Boolean},as:{default:`span`}},setup(o){let m=o,h=r(`input`),{disabled:g,readonly:_,placeholder:v,hourCycle:y,step:b,startSegmentValues:x,endSegmentValues:S,formatter:C,focusNext:w,modelValue:T,isInvalid:E,setFocusedElement:D}=n(`DateRangeFieldInput`),O=l(!0),k=l(!1),A=i(()=>m.type===`start`?x.value:S.value),{attributes:j,handleSegmentClick:M,handleSegmentFocusOut:N,handleSegmentKeydown:P}=e({hasLeftFocus:O,lastKeyZero:k,placeholder:v,hourCycle:y,step:b,segmentValues:A,formatter:C,part:m.part,disabled:g,readonly:_,focusNext:()=>w(m.type),modelValue:i({get:()=>m.type===`start`?T.value.start:T.value.end,set:e=>{m.type===`start`?T.value={...T.value,start:e}:T.value={...T.value,end:e}}})}),F=i(()=>g.value||_.value?!1:m.part!==`literal`&&m.part!==`timeZoneName`),I=i(()=>m.part===`literal`?{}:{mousedown:M,keydown:P,focusout:()=>{O.value=!0,N()},focusin:e=>{D(e.target,m.type)}});return(e,n)=>(c(),a(f(t),s({as:o.as,"as-child":o.asChild},f(j),{"data-soybean-date-range-field-input":``,"data-soybean-date-field-segment":o.part,class:f(h),"aria-disabled":f(g)?!0:void 0,"aria-invalid":f(E)?!0:void 0,"aria-readonly":f(_)||o.part===`timeZoneName`?!0:void 0,contenteditable:F.value,"data-disabled":f(g)?``:void 0,"data-invalid":f(E)?``:void 0,"data-readonly":f(_)||o.part===`timeZoneName`?``:void 0,"data-segment":o.part},d(I.value)),{default:p(()=>[u(e.$slots,`default`)]),_:3},16,[`as`,`as-child`,`data-soybean-date-field-segment`,`class`,`aria-disabled`,`aria-invalid`,`aria-readonly`,`contenteditable`,`data-disabled`,`data-invalid`,`data-readonly`,`data-segment`]))}});export{m as default};

package/dist/components/date-range-field/date-range-field-root.js

@@ -1 +1 @@
-import{isNullish as e}from"../../shared/guard.js";import{transformPropsToContext as t}from"../../shared/vue.js";import{getDefaultDate as n,hasTime as r,isBefore as i}from"../../date/comparators.js";import{useDateFormatter as a}from"../../date/formatter.js";import{getInputType as ee,normalizeDateStep as te,normalizeHourCycle as o,normalizeInputValue as s}from"../../date/utils.js";import{createContent as c,initializeSegmentValues as l,syncSegmentValues as u}from"../../date/parser.js";import{getSegmentElements as d}from"../../date/segment.js";import{useDirection as ne,useLocale as re}from"../config-provider/context.js";import{useLocaleMessages as ie}from"../../locale/hooks.js";import"../../locale/index.js";import"../../date/index.js";import"../../shared/index.js";import{useControllableState as f}from"../../composables/use-controllable-state.js";import{useForwardElement as p}from"../../composables/use-forward-element.js";import"../../composables/index.js";import{Primitive as m}from"../primitive/primitive.js";import"../primitive/index.js";import h from"../visually-hidden/visually-hidden.js";import"../visually-hidden/index.js";import{provideDateRangeFieldRootContext as g,useDateRangeFieldUi as _}from"./context.js";import{computed as v,createBlock as ae,createVNode as y,defineComponent as b,nextTick as oe,normalizeClass as x,onMounted as S,openBlock as C,renderSlot as w,shallowRef as T,unref as E,watch as D,withCtx as O}from"vue";const k=b({name:`DateRangeFieldRoot`,__name:`date-range-field-root`,props:{defaultValue:{default:void 0},modelValue:{},startName:{default:void 0},endName:{default:void 0},id:{},granularity:{default:void 0},hourCycle:{default:void 0},step:{default:void 0},hideTimeZone:{type:Boolean,default:!1},name:{},required:{type:Boolean},dir:{},locale:{},placeholder:{default:void 0},defaultPlaceholder:{default:void 0},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},maxValue:{},minValue:{},isDateUnavailable:{type:Function,default:void 0},asChild:{type:Boolean},as:{}},emits:[`update:modelValue`,`update:placeholder`,`update:startValue`,`update:endValue`],setup(b,{emit:k}){let A=b,j=k,se=_(`root`),[M,ce]=p(),N=re(()=>A.locale),P=ne(()=>A.dir),F=ie(),I=a(N.value,{hourCycle:o(A.hourCycle)}),L=f(()=>A.modelValue,e=>{j(`update:modelValue`,e),j(`update:startValue`,e.start),j(`update:endValue`,e.end)},A.defaultValue??{}),R=n({defaultPlaceholder:A.placeholder,defaultValue:L.value.start,granularity:A.granularity,locale:A.locale}),z=f(()=>A.placeholder,e=>j(`update:placeholder`,e),A.defaultPlaceholder??R.copy()),B=v(()=>te(A.step)),V=v(()=>A.granularity?r(z.value)?A.granularity:`day`:r(z.value)?`minute`:`day`),H=v(()=>{let{start:e,end:t}=L.value;return!!(e&&t&&i(t,e)||e&&(A.isDateUnavailable?.(e)||A.minValue&&i(e,A.minValue)||A.maxValue&&i(A.maxValue,e))||t&&(A.isDateUnavailable?.(t)||A.minValue&&i(t,A.minValue)||A.maxValue&&i(A.maxValue,t)))}),U=T(L.value.start?{...u({value:L.value.start,formatter:I})}:{...l(V.value)}),W=T(L.value.end?{...u({value:L.value.end,formatter:I})}:{...l(V.value)}),le=v(()=>c({granularity:V.value,dateRef:z.value,formatter:I,hideTimeZone:A.hideTimeZone,hourCycle:A.hourCycle,segmentValues:U.value,locale:N,dateMessages:F.value.date}).arr),ue=v(()=>c({granularity:V.value,dateRef:z.value,formatter:I,hideTimeZone:A.hideTimeZone,hourCycle:A.hourCycle,segmentValues:W.value,locale:N,dateMessages:F.value.date}).arr),G=T([]),K=T([]),q=T(null),J=T(`start`),Y=()=>{if(!M.value)return;let e=M.value.querySelector(`[data-date-range-field-part="start"]`),t=M.value.querySelector(`[data-date-range-field-part="end"]`);e&&(G.value=d(e)),t&&(K.value=d(t))};D(N,e=>{I.getLocale()!==e&&I.setLocale(e),oe(Y)}),D(()=>L.value.start,t=>{!e(t)&&z.value.compare(t)!==0&&(z.value=t.copy())}),D([()=>L.value.start,N,V],([t])=>{if(!e(t)){U.value={...u({value:t,formatter:I})};return}U.value={...U.value}}),D([()=>L.value.end,N,V],([t])=>{if(!e(t)){W.value={...u({value:t,formatter:I})};return}W.value={...W.value}});let de=v(()=>(J.value===`start`?G.value:K.value).findIndex(e=>e.getAttribute(`data-soybean-date-field-segment`)===q.value?.getAttribute(`data-soybean-date-field-segment`))),X=(e,t)=>{let n=P.value===`rtl`?-1:1,r=t===`next`?n:-n,i=e===`start`?G.value:K.value,a=de.value+r;a>=0&&a<i.length?i[a]?.focus():r>0&&e===`start`&&K.value.length>0?(J.value=`end`,K.value[0]?.focus()):r<0&&e===`end`&&G.value.length>0&&(J.value=`start`,G.value[G.value.length-1]?.focus())},Z=v(()=>ee(V.value)),fe=v(()=>s(L.value.start,V.value)),pe=v(()=>s(L.value.end,V.value)),Q=v(()=>A.maxValue?s(A.maxValue,V.value):void 0),$=v(()=>A.minValue?s(A.minValue,V.value):void 0),me=e=>{(e.key===`ArrowLeft`||e.key===`ArrowRight`)&&(e.preventDefault(),X(J.value,e.key===`ArrowRight`?`next`:`prev`))};return g({...t(A,[`disabled`,`readonly`]),modelValue:L,placeholder:z,isInvalid:H,formatter:I,hourCycle:A.hourCycle,step:B,startSegmentValues:U,endSegmentValues:W,focusNext(e){X(e,`next`)},setFocusedElement(e,t){q.value=e,J.value=t}}),S(Y),(e,t)=>(C(),ae(E(m),{ref:E(ce),as:b.as,"as-child":b.asChild,"data-soybean-date-range-field-root":``,class:x(E(se)),"data-disabled":b.disabled?``:void 0,"data-invalid":H.value?``:void 0,"data-readonly":b.readonly?``:void 0,dir:E(P),role:`group`,onKeydown:me},{default:O(()=>[w(e.$slots,`default`,{endSegments:ue.value,isInvalid:H.value,modelValue:E(L),startSegments:le.value}),y(E(h),{id:b.id,as:`input`,feature:`focusable`,type:Z.value,tabindex:`-1`,value:fe.value,name:b.startName||b.name,disabled:b.disabled,required:b.required,max:Q.value,min:$.value,onFocus:t[0]||(t[0]=e=>G.value[0]?.focus())},null,8,[`id`,`type`,`value`,`name`,`disabled`,`required`,`max`,`min`]),y(E(h),{as:`input`,feature:`focusable`,type:Z.value,tabindex:`-1`,value:pe.value,name:b.endName,disabled:b.disabled,required:b.required,max:Q.value,min:$.value,onFocus:t[1]||(t[1]=e=>K.value[0]?.focus())},null,8,[`type`,`value`,`name`,`disabled`,`required`,`max`,`min`])]),_:3},8,[`as`,`as-child`,`class`,`data-disabled`,`data-invalid`,`data-readonly`,`dir`]))}});export{k as default};
+import{isNullish as e}from"../../shared/guard.js";import{toContext as t}from"../../shared/vue.js";import{getDefaultDate as n,hasTime as r,isBefore as i}from"../../date/comparators.js";import{useDateFormatter as a}from"../../date/formatter.js";import{getInputType as ee,normalizeDateStep as te,normalizeHourCycle as o,normalizeInputValue as s}from"../../date/utils.js";import{createContent as c,initializeSegmentValues as l,syncSegmentValues as u}from"../../date/parser.js";import{getSegmentElements as d}from"../../date/segment.js";import{useDirection as ne,useLocale as re}from"../config-provider/context.js";import{useLocaleMessages as ie}from"../../locale/hooks.js";import{useControllableState as f}from"../../composables/use-controllable-state.js";import{useForwardElement as p}from"../../composables/use-forward-element.js";import{Primitive as m}from"../primitive/primitive.js";import h from"../visually-hidden/visually-hidden.js";import{provideDateRangeFieldRootContext as g,useDateRangeFieldUi as _}from"./context.js";import{computed as v,createBlock as ae,createVNode as y,defineComponent as b,nextTick as oe,normalizeClass as x,onMounted as S,openBlock as C,renderSlot as w,shallowRef as T,unref as E,watch as D,withCtx as O}from"vue";const k=b({name:`DateRangeFieldRoot`,__name:`date-range-field-root`,props:{defaultValue:{default:void 0},modelValue:{},startName:{default:void 0},endName:{default:void 0},id:{},granularity:{default:void 0},hourCycle:{default:void 0},step:{default:void 0},hideTimeZone:{type:Boolean,default:!1},name:{},required:{type:Boolean},dir:{},locale:{},placeholder:{default:void 0},defaultPlaceholder:{default:void 0},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},maxValue:{},minValue:{},isDateUnavailable:{type:Function,default:void 0},asChild:{type:Boolean},as:{}},emits:[`update:modelValue`,`update:placeholder`,`update:startValue`,`update:endValue`],setup(b,{emit:k}){let A=b,j=k,se=_(`root`),[M,ce]=p(),N=re(()=>A.locale),P=ne(()=>A.dir),F=ie(),I=a(N.value,{hourCycle:o(A.hourCycle)}),L=f(()=>A.modelValue,e=>{j(`update:modelValue`,e),j(`update:startValue`,e.start),j(`update:endValue`,e.end)},A.defaultValue??{}),R=n({defaultPlaceholder:A.placeholder,defaultValue:L.value.start,granularity:A.granularity,locale:A.locale}),z=f(()=>A.placeholder,e=>j(`update:placeholder`,e),A.defaultPlaceholder??R.copy()),B=v(()=>te(A.step)),V=v(()=>A.granularity?r(z.value)?A.granularity:`day`:r(z.value)?`minute`:`day`),H=v(()=>{let{start:e,end:t}=L.value;return!!(e&&t&&i(t,e)||e&&(A.isDateUnavailable?.(e)||A.minValue&&i(e,A.minValue)||A.maxValue&&i(A.maxValue,e))||t&&(A.isDateUnavailable?.(t)||A.minValue&&i(t,A.minValue)||A.maxValue&&i(A.maxValue,t)))}),U=T(L.value.start?{...u({value:L.value.start,formatter:I})}:{...l(V.value)}),W=T(L.value.end?{...u({value:L.value.end,formatter:I})}:{...l(V.value)}),le=v(()=>c({granularity:V.value,dateRef:z.value,formatter:I,hideTimeZone:A.hideTimeZone,hourCycle:A.hourCycle,segmentValues:U.value,locale:N,dateMessages:F.value.date}).arr),ue=v(()=>c({granularity:V.value,dateRef:z.value,formatter:I,hideTimeZone:A.hideTimeZone,hourCycle:A.hourCycle,segmentValues:W.value,locale:N,dateMessages:F.value.date}).arr),G=T([]),K=T([]),q=T(null),J=T(`start`),Y=()=>{if(!M.value)return;let e=M.value.querySelector(`[data-date-range-field-part="start"]`),t=M.value.querySelector(`[data-date-range-field-part="end"]`);e&&(G.value=d(e)),t&&(K.value=d(t))};D(N,e=>{I.getLocale()!==e&&I.setLocale(e),oe(Y)}),D(()=>L.value.start,t=>{!e(t)&&z.value.compare(t)!==0&&(z.value=t.copy())}),D([()=>L.value.start,N,V],([t])=>{if(!e(t)){U.value={...u({value:t,formatter:I})};return}U.value={...U.value}}),D([()=>L.value.end,N,V],([t])=>{if(!e(t)){W.value={...u({value:t,formatter:I})};return}W.value={...W.value}});let de=v(()=>(J.value===`start`?G.value:K.value).findIndex(e=>e.getAttribute(`data-soybean-date-field-segment`)===q.value?.getAttribute(`data-soybean-date-field-segment`))),X=(e,t)=>{let n=P.value===`rtl`?-1:1,r=t===`next`?n:-n,i=e===`start`?G.value:K.value,a=de.value+r;a>=0&&a<i.length?i[a]?.focus():r>0&&e===`start`&&K.value.length>0?(J.value=`end`,K.value[0]?.focus()):r<0&&e===`end`&&G.value.length>0&&(J.value=`start`,G.value[G.value.length-1]?.focus())},Z=v(()=>ee(V.value)),fe=v(()=>s(L.value.start,V.value)),pe=v(()=>s(L.value.end,V.value)),Q=v(()=>A.maxValue?s(A.maxValue,V.value):void 0),$=v(()=>A.minValue?s(A.minValue,V.value):void 0),me=e=>{(e.key===`ArrowLeft`||e.key===`ArrowRight`)&&(e.preventDefault(),X(J.value,e.key===`ArrowRight`?`next`:`prev`))};return g({...t(A,[`disabled`,`readonly`]),modelValue:L,placeholder:z,isInvalid:H,formatter:I,hourCycle:A.hourCycle,step:B,startSegmentValues:U,endSegmentValues:W,focusNext(e){X(e,`next`)},setFocusedElement(e,t){q.value=e,J.value=t}}),S(Y),(e,t)=>(C(),ae(E(m),{ref:E(ce),as:b.as,"as-child":b.asChild,"data-soybean-date-range-field-root":``,class:x(E(se)),"data-disabled":b.disabled?``:void 0,"data-invalid":H.value?``:void 0,"data-readonly":b.readonly?``:void 0,dir:E(P),role:`group`,onKeydown:me},{default:O(()=>[w(e.$slots,`default`,{endSegments:ue.value,isInvalid:H.value,modelValue:E(L),startSegments:le.value}),y(E(h),{id:b.id,as:`input`,feature:`focusable`,type:Z.value,tabindex:`-1`,value:fe.value,name:b.startName||b.name,disabled:b.disabled,required:b.required,max:Q.value,min:$.value,onFocus:t[0]||=e=>G.value[0]?.focus()},null,8,[`id`,`type`,`value`,`name`,`disabled`,`required`,`max`,`min`]),y(E(h),{as:`input`,feature:`focusable`,type:Z.value,tabindex:`-1`,value:pe.value,name:b.endName,disabled:b.disabled,required:b.required,max:Q.value,min:$.value,onFocus:t[1]||=e=>K.value[0]?.focus()},null,8,[`type`,`value`,`name`,`disabled`,`required`,`max`,`min`])]),_:3},8,[`as`,`as-child`,`class`,`data-disabled`,`data-invalid`,`data-readonly`,`dir`]))}});export{k as default};

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

@@ -15,8 +15,8 @@ declare const __VLS_base: import("vue").DefineComponent<DateRangeFieldRootProps,
   "onUpdate:startValue"?: ((date: import("@internationalized/date").DateValue | undefined) => any) | undefined;
   "onUpdate:endValue"?: ((date: import("@internationalized/date").DateValue | undefined) => any) | undefined;
 }>, {
-  disabled: boolean;
   placeholder: import("@internationalized/date").DateValue;
+  disabled: boolean;
   step: DateStep;
   defaultValue: DateRange;
   readonly: boolean;

package/dist/components/date-range-field/types.d.ts

@@ -9,7 +9,7 @@ import { DateValue } from "@internationalized/date";
 /**
  * Properties for the DateRangeFieldRoot component.
  */
-interface DateRangeFieldRootProps extends Omit<DateFieldRootProps, 'modelValue' | 'defaultValue'> {
+export interface DateRangeFieldRootProps extends Omit<DateFieldRootProps, 'modelValue' | 'defaultValue'> {
   /**
    * Default value.
    */
@@ -30,7 +30,7 @@ interface DateRangeFieldRootProps extends Omit<DateFieldRootProps, 'modelValue'
 /**
  * Events for the DateRangeFieldRoot component.
  */
-type DateRangeFieldRootEmits = {
+export type DateRangeFieldRootEmits = {
   /**
    * Emitted when the model value changes.
    */
@@ -51,7 +51,7 @@ type DateRangeFieldRootEmits = {
 /**
  * Slot properties for the DateRangeField component.
  */
-interface DateRangeFieldSlotProps {
+export interface DateRangeFieldSlotProps {
   /**
    * Start segments used by the component context.
    */
@@ -72,17 +72,17 @@ interface DateRangeFieldSlotProps {
 /**
  * Slots for the DateRangeFieldRoot component.
  */
-type DateRangeFieldRootSlots = {
+export type DateRangeFieldRootSlots = {
   /**
    * Custom content for the default slot.
    */
   default?: (props: DateRangeFieldSlotProps) => any;
 };
-type DateRangeType = 'start' | 'end';
+export type DateRangeType = 'start' | 'end';
 /**
  * Properties for the DateRangeFieldInput component.
  */
-interface DateRangeFieldInputProps extends DateFieldInputProps {
+export interface DateRangeFieldInputProps extends DateFieldInputProps {
   /**
    * Type.
    */
@@ -91,15 +91,15 @@ interface DateRangeFieldInputProps extends DateFieldInputProps {
 /**
  * Available UI slots for the DateRangeField component.
  */
-type DateRangeFieldUiSlot = 'root' | 'input' | 'startRoot' | 'endRoot' | 'separator';
+export type DateRangeFieldUiSlot = 'root' | 'input' | 'startRoot' | 'endRoot' | 'separator';
 /**
  * UI class overrides for the DateRangeField component.
  */
-type DateRangeFieldUi = UiClass<DateRangeFieldUiSlot>;
+export type DateRangeFieldUi = UiClass<DateRangeFieldUiSlot>;
 /**
  * Properties for the DateRangeFieldCompact component.
  */
-interface DateRangeFieldCompactProps extends DateRangeFieldRootProps {
+export interface DateRangeFieldCompactProps extends DateRangeFieldRootProps {
   /**
    * Properties forwarded to the input element.
    */
@@ -112,11 +112,11 @@ interface DateRangeFieldCompactProps extends DateRangeFieldRootProps {
 /**
  * Events for the DateRangeFieldCompact component.
  */
-type DateRangeFieldCompactEmits = DateRangeFieldRootEmits;
+export type DateRangeFieldCompactEmits = DateRangeFieldRootEmits;
 /**
  * Slots for the DateRangeFieldCompact component.
  */
-type DateRangeFieldCompactSlots = {
+export type DateRangeFieldCompactSlots = {
   /**
    * Custom content for the leading slot.
    */
@@ -130,5 +130,4 @@ type DateRangeFieldCompactSlots = {
    */
   separator?: () => any;
 };
-//#endregion
-export { DateRangeFieldCompactEmits, DateRangeFieldCompactProps, DateRangeFieldCompactSlots, DateRangeFieldInputProps, DateRangeFieldRootEmits, DateRangeFieldRootProps, DateRangeFieldRootSlots, DateRangeFieldSlotProps, DateRangeFieldUi, DateRangeFieldUiSlot, DateRangeType };
+//#endregion

package/dist/components/date-range-picker/context.d.ts

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

package/dist/components/date-range-picker/context.js

@@ -1 +1 @@
-import{useUiContext as e}from"../../composables/use-ui-context.js";import"../../composables/index.js";import{providePopoverUi as t}from"../popover/context.js";import{provideDateRangeFieldUi as n}from"../date-range-field/context.js";const[r,i]=e(`DateRangePickerUi`,e=>(t(e),n(e),e));export{r as provideDateRangePickerUi};
+import{useUiContext as e}from"../../composables/use-ui-context.js";import{providePopoverUi as t}from"../popover/context.js";import{provideDateRangeFieldUi as n}from"../date-range-field/context.js";const[r,i]=e(`DateRangePickerUi`,e=>(t(e),n(e),e));export{r as provideDateRangePickerUi};

package/dist/components/date-range-picker/date-range-picker-compact.js

@@ -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,usePickProps as r}from"../../composables/use-props.js";import"../../composables/index.js";import i from"../_icon/icon.js";import a from"../popover/popover-compact.js";import o from"../date-range-field/date-range-field-compact.js";import{computed as s,createBlock as c,createVNode as l,defineComponent as u,mergeProps as d,openBlock as f,renderSlot as p,toHandlers as m,unref as h,withCtx as g}from"vue";const _=u({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(u,{emit:_}){let v=u,y=_,b=e(),x=t(y),S=r(v,[`open`,`defaultOpen`,`modal`,`disabled`,`placement`,`showArrow`,`portalProps`,`positionerProps`,`arrowProps`,`closeProps`],()=>({popupProps:{...v.popupProps,"aria-label":v.popupProps?.[`aria-label`]??b.value.dateRangePicker.popupLabel}})),C=r(v,[`dir`,`locale`,`modelValue`,`defaultValue`,`placeholder`,`defaultPlaceholder`,`disabled`,`readonly`,`maxValue`,`minValue`,`isDateUnavailable`,`dateFieldProps`]),w=s(()=>({...v.triggerProps,asChild:v.triggerProps?.asChild??!1,"aria-label":v.triggerProps?.[`aria-label`]??b.value.dateRangePicker.toggle})),T=n(v,[`open`,`defaultOpen`,`modal`,`placement`,`showArrow`,`dateFieldProps`,`triggerProps`,`portalProps`,`positionerProps`,`popupProps`,`arrowProps`,`closeProps`]),E=e=>{y(`update:modelValue`,e)},D=e=>{y(`update:placeholder`,e)};return(e,t)=>(f(),c(o,d(h(C),{"data-soybean-date-range-picker":``,"onUpdate:modelValue":t[0]||(t[0]=e=>y(`update:modelValue`,e)),"onUpdate:placeholder":t[1]||(t[1]=e=>y(`update:placeholder`,e))}),{leading:g(()=>[p(e.$slots,`leading`)]),separator:g(()=>[p(e.$slots,`separator`)]),trailing:g(()=>[l(a,d(h(S),{"trigger-props":w.value},m(h(x))),{trigger:g(()=>[l(i,{icon:`lucide:calendar`})]),default:g(({open:t,close:n})=>[p(e.$slots,`default`,{open:t,close:n,calendarRangeProps:h(T),onUpdateModelValue:E,onUpdatePlaceholder:D})]),_:3},16,[`trigger-props`])]),_:3},16))}});export{_ as default};
+import{useLocaleMessages as e}from"../../locale/hooks.js";import{useForwardListeners as t}from"../../composables/use-forward-listeners.js";import{useOmitProps as n,usePickProps as r}from"../../composables/use-props.js";import i from"../_icon/icon.js";import a from"../popover/popover-compact.js";import o from"../date-range-field/date-range-field-compact.js";import{computed as s,createBlock as c,createVNode as l,defineComponent as u,mergeProps as d,openBlock as f,renderSlot as p,toHandlers as m,unref as h,withCtx as g}from"vue";const _=u({name:`DateRangePickerCompact`,__name:`date-range-picker-compact`,props:{dateFieldProps:{},placement:{},showArrow:{type:Boolean},triggerProps:{},portalProps:{},positionerProps:{},popupProps:{},arrowProps:{},closeProps:{},dir:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean},modal:{type:Boolean},disabled:{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`,`placed`,`update:modelValue`,`update:placeholder`,`update:startValue`],setup(u,{emit:_}){let v=u,y=_,b=e(),x=t(y),S=r(v,[`open`,`defaultOpen`,`modal`,`disabled`,`placement`,`showArrow`,`portalProps`,`positionerProps`,`arrowProps`,`closeProps`],()=>({popupProps:{...v.popupProps,"aria-label":v.popupProps?.[`aria-label`]??b.value.dateRangePicker.popupLabel}})),C=r(v,[`dir`,`locale`,`modelValue`,`defaultValue`,`placeholder`,`defaultPlaceholder`,`disabled`,`readonly`,`maxValue`,`minValue`,`isDateUnavailable`,`dateFieldProps`]),w=s(()=>({...v.triggerProps,asChild:v.triggerProps?.asChild??!1,"aria-label":v.triggerProps?.[`aria-label`]??b.value.dateRangePicker.toggle})),T=n(v,[`open`,`defaultOpen`,`modal`,`placement`,`showArrow`,`dateFieldProps`,`triggerProps`,`portalProps`,`positionerProps`,`popupProps`,`arrowProps`,`closeProps`]),E=e=>{y(`update:modelValue`,e)},D=e=>{y(`update:placeholder`,e)};return(e,t)=>(f(),c(o,d(h(C),{"data-soybean-date-range-picker":``,"onUpdate:modelValue":t[0]||=e=>y(`update:modelValue`,e),"onUpdate:placeholder":t[1]||=e=>y(`update:placeholder`,e)}),{leading:g(()=>[p(e.$slots,`leading`)]),separator:g(()=>[p(e.$slots,`separator`)]),trailing:g(()=>[l(a,d(h(S),{"trigger-props":w.value},m(h(x))),{trigger:g(()=>[l(i,{icon:`lucide:calendar`})]),default:g(({open:t,close:n})=>[p(e.$slots,`default`,{open:t,close:n,calendarRangeProps:h(T),onUpdateModelValue:E,onUpdatePlaceholder:D})]),_:3},16,[`trigger-props`])]),_:3},16))}});export{_ as default};

package/dist/components/date-range-picker/date-range-picker-compact.vue.d.ts

@@ -14,6 +14,7 @@ declare const __VLS_base: import("vue").DefineComponent<DateRangePickerCompactPr
   interactOutside: (event: PointerDownOutsideEvent | FocusOutsideEvent) => any;
   openAutoFocus: (event: Event) => any;
   closeAutoFocus: (event: Event) => any;
+  placed: () => any;
   "update:placeholder": (date: DateValue) => any;
   "update:startValue": (date: DateValue | undefined) => any;
 }, string, import("vue").PublicProps, Readonly<DateRangePickerCompactProps> & Readonly<{
@@ -25,6 +26,7 @@ declare const __VLS_base: import("vue").DefineComponent<DateRangePickerCompactPr
   onInteractOutside?: ((event: PointerDownOutsideEvent | FocusOutsideEvent) => any) | undefined;
   onOpenAutoFocus?: ((event: Event) => any) | undefined;
   onCloseAutoFocus?: ((event: Event) => any) | undefined;
+  onPlaced?: (() => any) | undefined;
   "onUpdate:placeholder"?: ((date: DateValue) => any) | undefined;
   "onUpdate:startValue"?: ((date: DateValue | undefined) => any) | undefined;
 }>, {

package/dist/components/date-range-picker/types.d.ts

@@ -10,14 +10,14 @@ import { PopoverCompactEmits, PopoverCompactProps, PopoverUiSlot } from "../popo
 /**
  * Properties for the DateRangePickerCompact component.
  */
-interface DateRangePickerCompactProps extends PopoverCompactProps, CalendarRangeCompactProps {
+export interface DateRangePickerCompactProps extends PopoverCompactProps, CalendarRangeCompactProps {
   dateFieldProps?: BaseProps;
 }
 /**
  * Events for the DateRangePickerCompact component.
  */
-type DateRangePickerCompactEmits = PopoverCompactEmits & CalendarRangeCompactEmits;
-interface DateRangePickerCompactSlotProps {
+export type DateRangePickerCompactEmits = PopoverCompactEmits & CalendarRangeCompactEmits;
+export interface DateRangePickerCompactSlotProps {
   open: boolean;
   close: () => void;
   calendarRangeProps: CalendarRangeCompactProps;
@@ -27,7 +27,7 @@ interface DateRangePickerCompactSlotProps {
 /**
  * Slots for the DateRangePickerCompact component.
  */
-type DateRangePickerCompactSlots = {
+export type DateRangePickerCompactSlots = {
   /**
    * Custom content rendered before the date range segments.
    */
@@ -44,10 +44,10 @@ type DateRangePickerCompactSlots = {
 /**
  * UI slot names for the DateRangePicker component.
  */
-type DateRangePickerUiSlot = PopoverUiSlot | DateRangeFieldUiSlot;
+export type DateRangePickerUiSlot = PopoverUiSlot | DateRangeFieldUiSlot;
 /**
  * UI class for the DateRangePicker component.
  */
-type DateRangePickerUi = UiClass<DateRangePickerUiSlot>;
+export type DateRangePickerUi = UiClass<DateRangePickerUiSlot>;
 //#endregion
-export { type DateRange, DateRangePickerCompactEmits, DateRangePickerCompactProps, DateRangePickerCompactSlotProps, DateRangePickerCompactSlots, DateRangePickerUi, DateRangePickerUiSlot };
+export type { DateRange };

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

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

package/dist/components/dialog/context.js

@@ -1 +1 @@
-import{getDisclosureState as e}from"../../shared/value.js";import{useContext as t}from"../../composables/use-context.js";import"../../shared/index.js";import{useForwardElement as n}from"../../composables/use-forward-element.js";import{useUiContext as r}from"../../composables/use-ui-context.js";import"../../composables/index.js";import{computed as i,nextTick as a,shallowRef as o,useId as s}from"vue";const[c,l]=t(`DialogRoot`,t=>{let[r,c]=n(),[l,u]=n(),[d,f]=n(),[p,m]=n(),[h,g]=n(),{open:_,fullscreen:v}=t,y=e=>{_.value=e},b=()=>{_.value=!_.value},x=e=>{v.value=e},S=()=>{v.value=!v.value},C=i(()=>e(_.value)),w=o(``),T=`soybean-dialog-popup-${s()}`,E=()=>{w.value||(w.value=T)},D=o(``),O=`soybean-dialog-title-${s()}`,k=()=>{D.value||(D.value=O)},A=o(``),j=`soybean-dialog-description-${s()}`,M=()=>{A.value||(A.value=j)},N=async()=>{await a(),p.value?.focus({preventScroll:!0})};return{...t,onOpenChange:y,onOpenToggle:b,onFullscreenChange:x,onFullscreenToggle:S,dataState:C,overlayElement:r,setOverlayElement:c,triggerElement:l,setTriggerElement:u,popupElement:d,setPopupElement:f,cancelElement:p,setCancelElement:m,headerElement:h,setHeaderElement:g,popupId:w,initPopupId:E,titleId:D,initTitleId:k,descriptionId:A,initDescriptionId:M,focusCancel:N}}),[u,d]=t(`DialogProvider`,e=>{let{dialogs:t}=e;return{dialogs:t,getCurrentDialog:e=>t.value.find(t=>String(t.id)===String(e))}}),[f,p]=t(`DialogCompact`,e=>{let{dialog:t}=e;return{dialog:t}}),[m,h]=r(`DialogUi`),g=(e=>{if(!e)return h();let t=p(),n=h(e);return i(()=>{let r=t?.dialog?.value?.ui?.[e];return[n.value,r].filter(Boolean).join(` `)})});export{h as _useDialogUi,f as provideDialogCompactContext,u as provideDialogProviderContext,c as provideDialogRootContext,m as provideDialogUi,p as useDialogCompactContext,d as useDialogProviderContext,l as useDialogRootContext,g as useDialogUi};
+import{getDisclosureState as e}from"../../shared/value.js";import{useContext as t}from"../../composables/use-context.js";import{useForwardElement as n}from"../../composables/use-forward-element.js";import{useUiContext as r}from"../../composables/use-ui-context.js";import{computed as i,nextTick as a,shallowRef as o,useId as s}from"vue";const[c,l]=t(`DialogRoot`,t=>{let[r,c]=n(),[l,u]=n(),[d,f]=n(),[p,m]=n(),[h,g]=n(),{open:_,fullscreen:v}=t,y=e=>{_.value=e},b=()=>{_.value=!_.value},x=e=>{v.value=e},S=()=>{v.value=!v.value},C=i(()=>e(_.value)),w=o(``),T=`soybean-dialog-popup-${s()}`,E=()=>{w.value||=T},D=o(``),O=`soybean-dialog-title-${s()}`,k=()=>{D.value||=O},A=o(``),j=`soybean-dialog-description-${s()}`,M=()=>{A.value||=j},N=async()=>{await a(),p.value?.focus({preventScroll:!0})};return{...t,onOpenChange:y,onOpenToggle:b,onFullscreenChange:x,onFullscreenToggle:S,dataState:C,overlayElement:r,setOverlayElement:c,triggerElement:l,setTriggerElement:u,popupElement:d,setPopupElement:f,cancelElement:p,setCancelElement:m,headerElement:h,setHeaderElement:g,popupId:w,initPopupId:E,titleId:D,initTitleId:k,descriptionId:A,initDescriptionId:M,focusCancel:N}}),[u,d]=t(`DialogProvider`,e=>{let{dialogs:t}=e;return{dialogs:t,getCurrentDialog:e=>t.value.find(t=>String(t.id)===String(e))}}),[f,p]=t(`DialogCompact`,e=>{let{dialog:t}=e;return{dialog:t}}),[m,h]=r(`DialogUi`),g=(e=>{if(!e)return h();let t=p(),n=h(e);return i(()=>{let r=t?.dialog?.value?.ui?.[e];return[n.value,r].filter(Boolean).join(` `)})});export{h as _useDialogUi,f as provideDialogCompactContext,u as provideDialogProviderContext,c as provideDialogRootContext,m as provideDialogUi,p as useDialogCompactContext,d as useDialogProviderContext,l as useDialogRootContext,g as useDialogUi};

package/dist/components/dialog/dialog-close.js

@@ -1 +1 @@
-import e from"../_icon/icon.js";import t from"../button/button.js";import{useDialogRootContext as n,useDialogUi as r}from"./context.js";import{createBlock as i,createVNode as a,defineComponent as o,mergeProps as s,openBlock as c,renderSlot as l,unref as u,withCtx as d}from"vue";const f=o({name:`DialogClose`,__name:`dialog-close`,props:{type:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{default:`button`}},emits:[`close`],setup(o,{emit:f}){let p=o,m=f,h=r(`close`),{onOpenChange:g}=n(`DialogClose`),_=async e=>{m(`close`,e),g(!1)};return(n,r)=>(c(),i(t,s(p,{"data-soybean-dialog-close":``,class:u(h),onClick:_}),{default:d(()=>[l(n.$slots,`default`,{},()=>[a(e,{icon:`lucide:x`})])]),_:3},16,[`class`]))}});export{f as default};
+import{useLocaleMessages as e}from"../../locale/hooks.js";import t from"../_icon/icon.js";import n from"../button/button.js";import{useDialogRootContext as r,useDialogUi as i}from"./context.js";import{computed as a,createBlock as o,createVNode as s,defineComponent as c,mergeProps as l,openBlock as u,renderSlot as d,unref as f,useAttrs as p,withCtx as m}from"vue";const h=c({name:`DialogClose`,__name:`dialog-close`,props:{type:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{default:`button`}},emits:[`close`],setup(c,{emit:h}){let g=c,_=h,v=p(),y=i(`close`),{onOpenChange:b}=r(`DialogClose`),x=e(),S=a(()=>v[`aria-label`]??x.value.dialog.close),C=async e=>{_(`close`,e),b(!1)};return(e,r)=>(u(),o(n,l(g,{"data-soybean-dialog-close":``,"aria-label":S.value,class:f(y),onClick:C}),{default:m(()=>[d(e.$slots,`default`,{},()=>[s(t,{icon:`lucide:x`})])]),_:3},16,[`aria-label`,`class`]))}});export{h as default};

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

@@ -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 ee from"../_icon/icon.js";import r from"../portal/portal.js";import{provideDialogCompactContext as i,useDialogProviderContext as a,useDialogUi as o}from"./context.js";import s from"./dialog-cancel.js";import c from"./dialog-close.js";import te from"./dialog-confirm.js";import l from"./dialog-content.js";import u from"./dialog-description.js";import d from"./dialog-footer.js";import f from"./dialog-fullscreen.js";import p from"./dialog-header.js";import m from"./dialog-overlay.js";import h from"./dialog-popup.js";import g from"./dialog-root.js";import _ from"./dialog-title.js";import v from"./dialog-trigger.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,useAttrs as F,useSlots as I,withCtx as L}from"vue";const R=T({name:`DialogCompact`,__name:`dialog-compact`,props:{title:{},description:{},icon:{},showClose:{type:Boolean,default:!0},showFullscreen:{type:Boolean,default:!0},pure:{type:Boolean},showCancel:{type:[String,Boolean],default:`onlyWarning`},cancelText:{},showConfirm:{type:Boolean,default:!0},confirmText:{},triggerProps:{},overlayProps:{},portalProps:{},popupProps:{},headerProps:{},contentProps:{},footerProps:{},titleProps:{},descriptionProps:{},closeProps:{},fullscreenProps:{},cancelProps:{},confirmProps:{},dir:{},isAlert:{type:Boolean},alertType:{default:`default`},draggable:{type:Boolean},fullscreen:{type:Boolean,default:void 0},defaultFullscreen:{type:Boolean},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean},modal:{type:Boolean,default:!0}},emits:[`update:open`,`update:fullscreen`,`click`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`close`,`fullscreen`,`confirm`,`cancel`],setup(T,{emit:R}){let z=T,B=n(z,[`title`,`description`,`icon`,`showClose`,`showFullscreen`,`pure`,`showCancel`,`cancelText`,`showConfirm`,`confirmText`,`triggerProps`,`overlayProps`,`portalProps`,`popupProps`,`headerProps`,`contentProps`,`footerProps`,`titleProps`,`descriptionProps`,`closeProps`,`fullscreenProps`,`cancelProps`,`confirmProps`]),V=R,H=I(),U=F(),W=t(V),G=e(),K=a(),q=y(()=>K?.getCurrentDialog(U[`data-dialog-id`])),J=y(()=>[o().value?.icon,q.value?.ui?.icon].filter(Boolean).join(` `)),Y=y(()=>({...z.triggerProps,asChild:z.triggerProps?.asChild??!0})),X={default:null,info:`lucide:info`,warning:`lucide:circle-alert`,error:`lucide:circle-x`,success:`lucide:circle-check`},Z=y(()=>z.icon?z.icon:z.isAlert&&z.alertType?X[z.alertType]:null),Q=y(()=>z.showConfirm??z.isAlert),$=y(()=>typeof z.showCancel==`boolean`?z.showCancel:z.isAlert===!0&&z.alertType===`warning`),ne=y(()=>z.pure?!1:H.footer?!0:$.value||Q.value),re=y(()=>z.cancelText??G.value.dialog.cancel),ie=y(()=>z.confirmText??G.value.dialog.confirm);return i({dialog:q}),(e,t)=>(A(),b(g,D(P(B),{"onUpdate:open":t[5]||(t[5]=e=>V(`update:open`,e)),"onUpdate:fullscreen":t[6]||(t[6]=e=>V(`update:fullscreen`,e))}),{default:L(n=>[w(v,k(E(Y.value)),{default:L(()=>[j(e.$slots,`trigger`,k(E(n)))]),_:2},1040),w(r,k(E(T.portalProps)),{default:L(()=>[w(m,k(E(T.overlayProps)),null,16),w(h,D(T.popupProps,N(P(W))),{default:L(()=>[T.pure?x(`v-if`,!0):(A(),b(p,k(D({key:0},T.headerProps)),{default:L(()=>[w(_,k(E(T.titleProps)),{default:L(()=>[Z.value?(A(),b(ee,{key:0,icon:Z.value,class:O(J.value)},null,8,[`icon`,`class`])):x(`v-if`,!0),j(e.$slots,`title`,k(E(n)),()=>[S(`span`,null,M(T.title),1)])]),_:2},1040),H.description||T.description?(A(),b(u,k(D({key:0},T.descriptionProps)),{default:L(()=>[j(e.$slots,`description`,k(E(n)),()=>[C(M(T.description),1)])]),_:2},1040)):x(`v-if`,!0),!T.isAlert&&T.showFullscreen?(A(),b(f,D({key:1},T.fullscreenProps,{onFullscreen:t[0]||(t[0]=e=>V(`fullscreen`,e))}),{default:L(()=>[j(e.$slots,`fullscreen`,k(E(n)))]),_:2},1040)):x(`v-if`,!0),!T.isAlert&&T.showClose?(A(),b(c,{key:2,onClose:t[1]||(t[1]=e=>V(`close`,e))},{default:L(()=>[j(e.$slots,`close`,k(E(n)))]),_:2},1024)):x(`v-if`,!0)]),_:2},1040)),w(l,k(E(T.contentProps)),{default:L(()=>[j(e.$slots,`default`,k(E(n)))]),_:2},1040),T.pure&&!T.isAlert&&T.showClose?(A(),b(c,{key:1,onClose:t[2]||(t[2]=e=>V(`close`,e))},{default:L(()=>[j(e.$slots,`close`,k(E(n)))]),_:2},1024)):x(`v-if`,!0),ne.value?(A(),b(d,k(D({key:2},T.footerProps)),{default:L(()=>[j(e.$slots,`footer`,k(E(n)),()=>[$.value?(A(),b(s,D({key:0},T.cancelProps,{onCancel:t[3]||(t[3]=e=>V(`cancel`,e))}),{default:L(()=>[j(e.$slots,`cancel`,k(E(n)),()=>[C(M(re.value),1)])]),_:2},1040)):x(`v-if`,!0),Q.value?(A(),b(te,D({key:1},T.confirmProps,{onConfirm:t[4]||(t[4]=e=>V(`confirm`,e))}),{default:L(()=>[j(e.$slots,`confirm`,k(E(n)),()=>[C(M(ie.value),1)])]),_:2},1040)):x(`v-if`,!0)])]),_:2},1040)):x(`v-if`,!0)]),_:2},1040)]),_:2},1040)]),_:3},16))}});export{R as default};
+import{useLocaleMessages as e}from"../../locale/hooks.js";import{useForwardListeners as t}from"../../composables/use-forward-listeners.js";import{useOmitProps as n}from"../../composables/use-props.js";import ee from"../_icon/icon.js";import r from"../portal/portal.js";import{provideDialogCompactContext as i,useDialogProviderContext as a,useDialogUi as o}from"./context.js";import s from"./dialog-cancel.js";import c from"./dialog-close.js";import te from"./dialog-confirm.js";import l from"./dialog-content.js";import u from"./dialog-description.js";import d from"./dialog-footer.js";import f from"./dialog-fullscreen.js";import p from"./dialog-header.js";import m from"./dialog-overlay.js";import h from"./dialog-popup.js";import g from"./dialog-root.js";import _ from"./dialog-title.js";import v from"./dialog-trigger.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,useAttrs as F,useSlots as I,withCtx as L}from"vue";const R=T({name:`DialogCompact`,__name:`dialog-compact`,props:{title:{},description:{},icon:{},showClose:{type:Boolean,default:!0},showFullscreen:{type:Boolean,default:!0},pure:{type:Boolean},showCancel:{type:[String,Boolean],default:`onlyWarning`},cancelText:{},showConfirm:{type:Boolean,default:!0},confirmText:{},triggerProps:{},overlayProps:{},portalProps:{},popupProps:{},headerProps:{},contentProps:{},footerProps:{},titleProps:{},descriptionProps:{},closeProps:{},fullscreenProps:{},cancelProps:{},confirmProps:{},dir:{},isAlert:{type:Boolean},alertType:{default:`default`},draggable:{type:Boolean},fullscreen:{type:Boolean,default:void 0},defaultFullscreen:{type:Boolean},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean},modal:{type:Boolean,default:!0}},emits:[`update:open`,`update:fullscreen`,`click`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`close`,`fullscreen`,`confirm`,`cancel`],setup(T,{emit:R}){let z=T,B=n(z,[`title`,`description`,`icon`,`showClose`,`showFullscreen`,`pure`,`showCancel`,`cancelText`,`showConfirm`,`confirmText`,`triggerProps`,`overlayProps`,`portalProps`,`popupProps`,`headerProps`,`contentProps`,`footerProps`,`titleProps`,`descriptionProps`,`closeProps`,`fullscreenProps`,`cancelProps`,`confirmProps`]),V=R,H=I(),U=F(),W=t(V),G=e(),K=a(),q=y(()=>K?.getCurrentDialog(U[`data-dialog-id`])),J=y(()=>[o().value?.icon,q.value?.ui?.icon].filter(Boolean).join(` `)),Y=y(()=>({...z.triggerProps,asChild:z.triggerProps?.asChild??!0})),X={default:null,info:`lucide:info`,warning:`lucide:circle-alert`,error:`lucide:circle-x`,success:`lucide:circle-check`},Z=y(()=>z.icon?z.icon:z.isAlert&&z.alertType?X[z.alertType]:null),Q=y(()=>z.showConfirm??z.isAlert),$=y(()=>typeof z.showCancel==`boolean`?z.showCancel:z.isAlert===!0&&z.alertType===`warning`),ne=y(()=>z.pure?!1:H.footer?!0:$.value||Q.value),re=y(()=>z.cancelText??G.value.dialog.cancel),ie=y(()=>z.confirmText??G.value.dialog.confirm);return i({dialog:q}),(e,t)=>(A(),b(g,D(P(B),{"onUpdate:open":t[5]||=e=>V(`update:open`,e),"onUpdate:fullscreen":t[6]||=e=>V(`update:fullscreen`,e)}),{default:L(n=>[w(v,k(E(Y.value)),{default:L(()=>[j(e.$slots,`trigger`,k(E(n)))]),_:2},1040),w(r,k(E(T.portalProps)),{default:L(()=>[w(m,k(E(T.overlayProps)),null,16),w(h,D(T.popupProps,N(P(W))),{default:L(()=>[T.pure?x(`v-if`,!0):(A(),b(p,k(D({key:0},T.headerProps)),{default:L(()=>[w(_,k(E(T.titleProps)),{default:L(()=>[Z.value?(A(),b(ee,{key:0,icon:Z.value,class:O(J.value)},null,8,[`icon`,`class`])):x(`v-if`,!0),j(e.$slots,`title`,k(E(n)),()=>[S(`span`,null,M(T.title),1)])]),_:2},1040),H.description||T.description?(A(),b(u,k(D({key:0},T.descriptionProps)),{default:L(()=>[j(e.$slots,`description`,k(E(n)),()=>[C(M(T.description),1)])]),_:2},1040)):x(`v-if`,!0),!T.isAlert&&T.showFullscreen?(A(),b(f,D({key:1},T.fullscreenProps,{onFullscreen:t[0]||=e=>V(`fullscreen`,e)}),{default:L(()=>[j(e.$slots,`fullscreen`,k(E(n)))]),_:2},1040)):x(`v-if`,!0),!T.isAlert&&T.showClose?(A(),b(c,{key:2,onClose:t[1]||=e=>V(`close`,e)},{default:L(()=>[j(e.$slots,`close`,k(E(n)))]),_:2},1024)):x(`v-if`,!0)]),_:2},1040)),w(l,k(E(T.contentProps)),{default:L(()=>[j(e.$slots,`default`,k(E(n)))]),_:2},1040),T.pure&&!T.isAlert&&T.showClose?(A(),b(c,{key:1,onClose:t[2]||=e=>V(`close`,e)},{default:L(()=>[j(e.$slots,`close`,k(E(n)))]),_:2},1024)):x(`v-if`,!0),ne.value?(A(),b(d,k(D({key:2},T.footerProps)),{default:L(()=>[j(e.$slots,`footer`,k(E(n)),()=>[$.value?(A(),b(s,D({key:0},T.cancelProps,{onCancel:t[3]||=e=>V(`cancel`,e)}),{default:L(()=>[j(e.$slots,`cancel`,k(E(n)),()=>[C(M(re.value),1)])]),_:2},1040)):x(`v-if`,!0),Q.value?(A(),b(te,D({key:1},T.confirmProps,{onConfirm:t[4]||=e=>V(`confirm`,e)}),{default:L(()=>[j(e.$slots,`confirm`,k(E(n)),()=>[C(M(ie.value),1)])]),_:2},1040)):x(`v-if`,!0)])]),_:2},1040)):x(`v-if`,!0)]),_:2},1040)]),_:2},1040)]),_:3},16))}});export{R as default};

package/dist/components/dialog/dialog-compact.vue.d.ts

@@ -4,42 +4,42 @@ import "../../index.js";
 //#region src/components/dialog/dialog-compact.vue.d.ts
 type __VLS_Slots = DialogCompactSlots;
 declare const __VLS_base: import("vue").DefineComponent<DialogCompactProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-  cancel: (event: MouseEvent) => any;
-  click: (event: PointerEvent) => any;
-  close: (event: MouseEvent) => any;
   "update:open": (value: boolean) => any;
+  close: (event: MouseEvent) => any;
+  click: (event: PointerEvent) => any;
+  cancel: (event: MouseEvent) => any;
   escapeKeyDown: (event: KeyboardEvent) => any;
   pointerDownOutside: (event: PointerDownOutsideEvent) => any;
   focusOutside: (event: FocusOutsideEvent) => any;
   interactOutside: (event: PointerDownOutsideEvent | FocusOutsideEvent) => any;
   openAutoFocus: (event: Event) => any;
   closeAutoFocus: (event: Event) => any;
-  fullscreen: (event: MouseEvent) => any;
   confirm: (event: MouseEvent) => any;
   "update:fullscreen": (value: boolean) => any;
+  fullscreen: (event: MouseEvent) => any;
 }, string, import("vue").PublicProps, Readonly<DialogCompactProps> & Readonly<{
-  onCancel?: ((event: MouseEvent) => any) | undefined;
-  onClick?: ((event: PointerEvent) => any) | undefined;
-  onClose?: ((event: MouseEvent) => any) | undefined;
   "onUpdate:open"?: ((value: boolean) => any) | undefined;
+  onClose?: ((event: MouseEvent) => any) | undefined;
+  onClick?: ((event: PointerEvent) => any) | undefined;
+  onCancel?: ((event: MouseEvent) => any) | undefined;
   onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
   onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
   onFocusOutside?: ((event: FocusOutsideEvent) => any) | undefined;
   onInteractOutside?: ((event: PointerDownOutsideEvent | FocusOutsideEvent) => any) | undefined;
   onOpenAutoFocus?: ((event: Event) => any) | undefined;
   onCloseAutoFocus?: ((event: Event) => any) | undefined;
-  onFullscreen?: ((event: MouseEvent) => any) | undefined;
   onConfirm?: ((event: MouseEvent) => any) | undefined;
   "onUpdate:fullscreen"?: ((value: boolean) => any) | undefined;
+  onFullscreen?: ((event: MouseEvent) => any) | undefined;
 }>, {
   open: boolean;
   modal: boolean;
   showClose: boolean;
+  showCancel: "onlyWarning" | boolean;
   fullscreen: boolean;
-  alertType: DialogAlertType;
   showFullscreen: boolean;
-  showCancel: "onlyWarning" | boolean;
   showConfirm: boolean;
+  alertType: DialogAlertType;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/components/dialog/dialog-fullscreen.js

@@ -1 +1 @@
-import{useLocaleMessages as e}from"../../locale/hooks.js";import"../../locale/index.js";import t from"../_icon/icon.js";import n from"../button/button.js";import{useDialogRootContext as r,useDialogUi as i}from"./context.js";import{computed as a,createBlock as o,createVNode as s,defineComponent as c,mergeProps as l,openBlock as u,renderSlot as d,unref as f,withCtx as p}from"vue";const m=c({name:`DialogFullscreen`,__name:`dialog-fullscreen`,props:{type:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{default:`button`}},emits:[`fullscreen`],setup(c,{emit:m}){let h=c,g=m,_=i(`fullscreen`),{fullscreen:v,onFullscreenToggle:y}=r(`DialogFullscreen`),b=e(),x=a(()=>v.value?b.value.dialog.exitFullscreen:b.value.dialog.fullscreen),S=e=>{g(`fullscreen`,e),y()};return(e,r)=>(u(),o(n,l(h,{"data-soybean-dialog-fullscreen":``,"aria-label":x.value,"aria-pressed":f(v)?`true`:`false`,class:f(_),onClick:S}),{default:p(()=>[d(e.$slots,`default`,{},()=>[s(t,{icon:f(v)?`lucide:minimize`:`lucide:maximize`},null,8,[`icon`])])]),_:3},16,[`aria-label`,`aria-pressed`,`class`]))}});export{m as default};
+import{useLocaleMessages as e}from"../../locale/hooks.js";import t from"../_icon/icon.js";import n from"../button/button.js";import{useDialogRootContext as r,useDialogUi as i}from"./context.js";import{computed as a,createBlock as o,createVNode as s,defineComponent as c,mergeProps as l,openBlock as u,renderSlot as d,unref as f,withCtx as p}from"vue";const m=c({name:`DialogFullscreen`,__name:`dialog-fullscreen`,props:{type:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{default:`button`}},emits:[`fullscreen`],setup(c,{emit:m}){let h=c,g=m,_=i(`fullscreen`),{fullscreen:v,onFullscreenToggle:y}=r(`DialogFullscreen`),b=e(),x=a(()=>v.value?b.value.dialog.exitFullscreen:b.value.dialog.fullscreen),S=e=>{g(`fullscreen`,e),y()};return(e,r)=>(u(),o(n,l(h,{"data-soybean-dialog-fullscreen":``,"aria-label":x.value,"aria-pressed":f(v)?`true`:`false`,class:f(_),onClick:S}),{default:p(()=>[d(e.$slots,`default`,{},()=>[s(t,{icon:f(v)?`lucide:minimize`:`lucide:maximize`},null,8,[`icon`])])]),_:3},16,[`aria-label`,`aria-pressed`,`class`]))}});export{m as default};

package/dist/components/dialog/dialog-overlay.js

@@ -1 +1 @@
-import{useBodyScrollLock as e}from"../../composables/use-body-scroll-lock.js";import{usePresence as t}from"../../composables/use-presence.js";import"../../composables/index.js";import{useDialogRootContext as n,useDialogUi as r}from"./context.js";import{createCommentVNode as i,createElementBlock as a,defineComponent as o,normalizeClass as s,onWatcherCleanup as c,openBlock as l,renderSlot as u,shallowRef as d,unref as f,watchEffect as p}from"vue";const m=[`data-state`],h=o({name:`DialogOverlay`,__name:`dialog-overlay`,props:{forceMount:{type:Boolean}},setup(o){let h=o,{overlayElement:g,setOverlayElement:_,open:v,dataState:y}=n(`DialogOverlay`),b=r(`overlay`),x=h.forceMount?d(!0):t(g,v);return p(()=>{if(x.value&&v.value){let t=e();c(t)}}),(e,t)=>f(x)?(l(),a(`div`,{key:0,ref:f(_),"data-soybean-dialog-overlay":``,class:s(f(b)),"data-state":f(y),style:{"pointer-events":`auto`}},[u(e.$slots,`default`)],10,m)):i(`v-if`,!0)}});export{h as default};
+import{useBodyScrollLock as e}from"../../composables/use-body-scroll-lock.js";import{usePresence as t}from"../../composables/use-presence.js";import{useDialogRootContext as n,useDialogUi as r}from"./context.js";import{createCommentVNode as i,createElementBlock as a,defineComponent as o,normalizeClass as s,onWatcherCleanup as c,openBlock as l,renderSlot as u,shallowRef as d,unref as f,watchEffect as p}from"vue";const m=[`data-state`],h=o({name:`DialogOverlay`,__name:`dialog-overlay`,props:{forceMount:{type:Boolean}},setup(o){let h=o,{overlayElement:g,setOverlayElement:_,open:v,dataState:y}=n(`DialogOverlay`),b=r(`overlay`),x=h.forceMount?d(!0):t(g,v);return p(()=>{if(x.value&&v.value){let t=e();c(t)}}),(e,t)=>f(x)?(l(),a(`div`,{key:0,ref:f(_),"data-soybean-dialog-overlay":``,class:s(f(b)),"data-state":f(y),style:{"pointer-events":`auto`}},[u(e.$slots,`default`)],10,m)):i(`v-if`,!0)}});export{h as default};

package/dist/components/dialog/dialog-popup-impl.js

@@ -1 +1 @@
-import{getActiveElement as e}from"../../shared/dom.js";import"../../shared/index.js";import{useDismissableLayer as t}from"../../composables/use-dismissable-layer.js";import{useFocusGuards as n}from"../../composables/use-focus-guards.js";import{useFocusScope as r}from"../../composables/use-focus-scope.js";import{useHideOthers as i}from"../../composables/use-hide-others.js";import{useOmitProps as a}from"../../composables/use-props.js";import"../../composables/index.js";import{Primitive as o}from"../primitive/primitive.js";import"../primitive/index.js";import{useDialogRootContext as s,useDialogUi as c}from"./context.js";import{computed as l,createBlock as u,defineComponent as d,mergeProps as f,onMounted as p,openBlock as m,renderSlot as h,shallowRef as g,unref as _,watch as v,withCtx as y}from"vue";import{useDraggable as b}from"@vueuse/core";const x=d({name:`DialogPopupImpl`,__name:`dialog-popup-impl`,props:{trapFocus:{type:Boolean},disableOutsidePointerEvents:{type:Boolean},asChild:{type:Boolean},as:{}},emits:[`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`],setup(d,{emit:x}){let S=d,C=x,{dir:w,modal:T,isAlert:E,alertType:D,draggable:O,fullscreen:k,onOpenChange:A,setTriggerElement:j,popupElement:M,setPopupElement:N,headerElement:P,popupId:F,initPopupId:I,dataState:L,titleId:R,descriptionId:z,focusCancel:B}=s(`DialogPopupImpl`),{pointerEvents:V,onFocusCapture:H,onBlurCapture:U}=t(M,{disableOutsidePointerEvents:()=>S.disableOutsidePointerEvents,onEscapeKeyDown:e=>{C(`escapeKeyDown`,e)},onPointerDownOutside:e=>{C(`pointerDownOutside`,e)},onFocusOutside:e=>{C(`focusOutside`,e)},onInteractOutside:e=>{C(`interactOutside`,e)},onDismiss:()=>{A(!1)}}),{onKeydown:W}=r(M,{trapped:()=>S.trapFocus,loop:!0,onOpenAutoFocus:e=>{E.value&&B(),C(`openAutoFocus`,e)},onCloseAutoFocus:e=>{C(`closeAutoFocus`,e)}}),G=a(S,[`trapFocus`,`disableOutsidePointerEvents`]),K=c(`popup`),q=g({x:0,y:0}),J=g({x:0,y:0}),Y=g({x:0,y:0}),{isDragging:X}=b(M,{handle:P,disabled:l(()=>!O.value||k.value===!0||!P.value),onStart:(e,t)=>{J.value={x:t.clientX,y:t.clientY},Y.value={...q.value}},onMove:(e,t)=>{q.value={x:Y.value.x+t.clientX-J.value.x,y:Y.value.y+t.clientY-J.value.y}}});v(k,e=>{e&&(q.value={x:0,y:0})});let Z=l(()=>{let{x:e,y:t}=q.value;return{pointerEvents:V.value,translate:e!==0||t!==0?`${e}px ${t}px`:void 0}}),Q=()=>{let t=e();t!==document.body&&j(t)};return n(),i(M,T),I(),p(()=>{Q()}),(e,t)=>(m(),u(_(o),f(_(G),{id:_(F),ref:_(N),class:_(K),dir:_(w),"aria-labelledby":_(R),"aria-describedby":_(z),"data-dismissable-layer":``,"data-state":_(L),"data-type":_(E)?_(D):void 0,"data-fullscreen":_(k)?``:void 0,"data-dragging":_(X)?``:void 0,role:_(E)?`alertdialog`:`dialog`,"aria-live":_(E)?_(D)===`error`?`assertive`:`polite`:void 0,tabindex:`-1`,style:Z.value,onFocusCapture:_(H),onBlurCapture:_(U),onKeydown:_(W)}),{default:y(()=>[h(e.$slots,`default`)]),_:3},16,[`id`,`class`,`dir`,`aria-labelledby`,`aria-describedby`,`data-state`,`data-type`,`data-fullscreen`,`data-dragging`,`role`,`aria-live`,`style`,`onFocusCapture`,`onBlurCapture`,`onKeydown`]))}});export{x as default};
+import{getActiveElement as e}from"../../shared/dom.js";import{useDismissableLayer as t}from"../../composables/use-dismissable-layer.js";import{useFocusGuards as n}from"../../composables/use-focus-guards.js";import{useFocusScope as r}from"../../composables/use-focus-scope.js";import{useHideOthers as i}from"../../composables/use-hide-others.js";import{useOmitProps as a}from"../../composables/use-props.js";import{Primitive as o}from"../primitive/primitive.js";import{useDialogRootContext as s,useDialogUi as c}from"./context.js";import{computed as l,createBlock as u,defineComponent as d,mergeProps as f,onMounted as p,openBlock as m,renderSlot as h,shallowRef as g,unref as _,watch as v,withCtx as y}from"vue";import{useDraggable as b}from"@vueuse/core";const x=d({name:`DialogPopupImpl`,__name:`dialog-popup-impl`,props:{trapFocus:{type:Boolean},disableOutsidePointerEvents:{type:Boolean},asChild:{type:Boolean},as:{}},emits:[`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`],setup(d,{emit:x}){let S=d,C=x,{dir:w,modal:T,isAlert:E,alertType:D,draggable:O,fullscreen:k,onOpenChange:A,setTriggerElement:j,popupElement:M,setPopupElement:N,headerElement:P,popupId:F,initPopupId:I,dataState:L,titleId:R,descriptionId:z,focusCancel:B}=s(`DialogPopupImpl`),{pointerEvents:V,onFocusCapture:H,onBlurCapture:U}=t(M,{disableOutsidePointerEvents:()=>S.disableOutsidePointerEvents,onEscapeKeyDown:e=>{C(`escapeKeyDown`,e)},onPointerDownOutside:e=>{C(`pointerDownOutside`,e)},onFocusOutside:e=>{C(`focusOutside`,e)},onInteractOutside:e=>{C(`interactOutside`,e)},onDismiss:()=>{A(!1)}}),{onKeydown:W}=r(M,{trapped:()=>S.trapFocus,loop:!0,onOpenAutoFocus:e=>{E.value&&B(),C(`openAutoFocus`,e)},onCloseAutoFocus:e=>{C(`closeAutoFocus`,e)}}),G=a(S,[`trapFocus`,`disableOutsidePointerEvents`]),K=c(`popup`),q=g({x:0,y:0}),J=g({x:0,y:0}),Y=g({x:0,y:0}),{isDragging:X}=b(M,{handle:P,disabled:l(()=>!O.value||k.value===!0||!P.value),onStart:(e,t)=>{J.value={x:t.clientX,y:t.clientY},Y.value={...q.value}},onMove:(e,t)=>{q.value={x:Y.value.x+t.clientX-J.value.x,y:Y.value.y+t.clientY-J.value.y}}});v(k,e=>{e&&(q.value={x:0,y:0})});let Z=l(()=>{let{x:e,y:t}=q.value;return{pointerEvents:V.value,translate:e!==0||t!==0?`${e}px ${t}px`:void 0}}),Q=()=>{let t=e();t!==document.body&&j(t)};return n(),i(M,T),I(),p(()=>{Q()}),(e,t)=>(m(),u(_(o),f(_(G),{id:_(F),ref:_(N),class:_(K),dir:_(w),"aria-labelledby":_(R),"aria-describedby":_(z),"data-dismissable-layer":``,"data-state":_(L),"data-type":_(E)?_(D):void 0,"data-fullscreen":_(k)?``:void 0,"data-dragging":_(X)?``:void 0,role:_(E)?`alertdialog`:`dialog`,"aria-live":_(E)?_(D)===`error`?`assertive`:`polite`:void 0,tabindex:`-1`,style:Z.value,onFocusCapture:_(H),onBlurCapture:_(U),onKeydown:_(W)}),{default:y(()=>[h(e.$slots,`default`)]),_:3},16,[`id`,`class`,`dir`,`aria-labelledby`,`aria-describedby`,`data-state`,`data-type`,`data-fullscreen`,`data-dragging`,`role`,`aria-live`,`style`,`onFocusCapture`,`onBlurCapture`,`onKeydown`]))}});export{x as default};

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

@@ -1 +1 @@
-import{useForwardListeners as e}from"../../composables/use-forward-listeners.js";import{usePopupEvents as t}from"../../composables/use-popup-events.js";import{usePresence as n}from"../../composables/use-presence.js";import{useOmitProps as r}from"../../composables/use-props.js";import"../../composables/index.js";import{useDialogRootContext as i}from"./context.js";import a from"./dialog-popup-impl.js";import{computed as o,createBlock as s,createCommentVNode as c,defineComponent as l,mergeProps as u,openBlock as d,renderSlot as f,shallowRef as p,toHandlers as m,unref as h,withCtx as g}from"vue";const _=l({name:`DialogPopup`,__name:`dialog-popup`,props:{asChild:{type:Boolean},as:{},forceMount:{type:Boolean}},emits:[`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`],setup(l,{emit:_}){let v=l,y=_,b=r(v,[`forceMount`]),x=e(y),{popupElement:S,open:C,modal:w,isAlert:T,triggerElement:E}=i(`DialogPopup`),D=v.forceMount?p(!0):n(S,C),O=o(()=>w.value&&C.value),{onPointerDownOutside:k,onFocusOutside:A,onInteractOutside:j,onCloseAutoFocus:M}=t({modal:w,triggerElement:E}),N=e=>{T.value&&e.preventDefault(),k(e)},P=e=>{T.value&&e.preventDefault(),j(e)};return(e,t)=>h(D)?(d(),s(a,u({key:0},h(b),{"data-soybean-dialog-popup":``,"trap-focus":O.value,"disable-outside-pointer-events":h(w)},m(h(x)),{onPointerDownOutside:N,onFocusOutside:h(A),onInteractOutside:P,onCloseAutoFocus:h(M)}),{default:g(()=>[f(e.$slots,`default`)]),_:3},16,[`trap-focus`,`disable-outside-pointer-events`,`onFocusOutside`,`onCloseAutoFocus`])):c(`v-if`,!0)}});export{_ as default};
+import{useForwardListeners as e}from"../../composables/use-forward-listeners.js";import{usePopupEvents as t}from"../../composables/use-popup-events.js";import{usePresence as n}from"../../composables/use-presence.js";import{useOmitProps as r}from"../../composables/use-props.js";import{useDialogRootContext as i}from"./context.js";import a from"./dialog-popup-impl.js";import{computed as o,createBlock as s,createCommentVNode as c,defineComponent as l,mergeProps as u,openBlock as d,renderSlot as f,shallowRef as p,toHandlers as m,unref as h,withCtx as g}from"vue";const _=l({name:`DialogPopup`,__name:`dialog-popup`,props:{asChild:{type:Boolean},as:{},forceMount:{type:Boolean}},emits:[`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`],setup(l,{emit:_}){let v=l,y=_,b=r(v,[`forceMount`]),x=e(y),{popupElement:S,open:C,modal:w,isAlert:T,triggerElement:E}=i(`DialogPopup`),D=v.forceMount?p(!0):n(S,C),O=o(()=>w.value&&C.value),{onFocusOutside:k,onInteractOutside:A,onCloseAutoFocus:j}=t({modal:w,triggerElement:E}),M=e=>{if(T.value){e.preventDefault();return}if(!w.value)return;let t=e.detail.originalEvent,n=t.button===0&&t.ctrlKey===!0;(t.button===2||n)&&e.preventDefault()},N=e=>{T.value&&e.preventDefault(),A(e)};return(e,t)=>h(D)?(d(),s(a,u({key:0},h(b),{"data-soybean-dialog-popup":``,"trap-focus":O.value,"disable-outside-pointer-events":h(w)},m(h(x)),{onPointerDownOutside:M,onFocusOutside:h(k),onInteractOutside:N,onCloseAutoFocus:h(j)}),{default:g(()=>[f(e.$slots,`default`)]),_:3},16,[`trap-focus`,`disable-outside-pointer-events`,`onFocusOutside`,`onCloseAutoFocus`])):c(`v-if`,!0)}});export{_ as default};

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

@@ -1 +1 @@
-import{transformPropsToContext as e}from"../../shared/vue.js";import{useDirection as t}from"../config-provider/context.js";import"../../shared/index.js";import{useControllableState as n}from"../../composables/use-controllable-state.js";import"../../composables/index.js";import{provideDialogRootContext as r}from"./context.js";import{computed as i,defineComponent as a,renderSlot as o,unref as s,watch as c}from"vue";const l=a({name:`DialogRoot`,inheritAttrs:!1,__name:`dialog-root`,props:{dir:{},isAlert:{type:Boolean},alertType:{},draggable:{type:Boolean},fullscreen:{type:Boolean,default:void 0},defaultFullscreen:{type:Boolean},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean},modal:{type:Boolean,default:!0}},emits:[`update:open`,`update:fullscreen`],setup(a,{emit:l}){let u=a,d=l,f=n(()=>u.open,e=>{d(`update:open`,e)},u.defaultOpen??!1),p=n(()=>u.fullscreen,e=>{d(`update:fullscreen`,e)},u.defaultFullscreen??!1),m=t(()=>u.dir),h=i(()=>u.isAlert===!0||u.modal),{onOpenChange:g}=r({dir:m,open:f,modal:h,fullscreen:p,...e(u,[`isAlert`,`alertType`,`draggable`])}),_=()=>{g(!1)};return c(f,e=>{e&&u.fullscreen===void 0&&(p.value=u.defaultFullscreen??!1)}),(e,t)=>o(e.$slots,`default`,{open:s(f),close:_})}});export{l as default};
+import{toContext as e}from"../../shared/vue.js";import{useDirection as t}from"../config-provider/context.js";import{useControllableState as n}from"../../composables/use-controllable-state.js";import{provideDialogRootContext as r}from"./context.js";import{computed as i,defineComponent as a,renderSlot as o,unref as s,watch as c}from"vue";const l=a({name:`DialogRoot`,inheritAttrs:!1,__name:`dialog-root`,props:{dir:{},isAlert:{type:Boolean},alertType:{},draggable:{type:Boolean},fullscreen:{type:Boolean,default:void 0},defaultFullscreen:{type:Boolean},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean},modal:{type:Boolean,default:!0}},emits:[`update:open`,`update:fullscreen`],setup(a,{emit:l}){let u=a,d=l,f=n(()=>u.open,e=>{d(`update:open`,e)},u.defaultOpen??!1),p=n(()=>u.fullscreen,e=>{d(`update:fullscreen`,e)},u.defaultFullscreen??!1),m=t(()=>u.dir),h=i(()=>u.isAlert===!0||u.modal),{onOpenChange:g}=r({dir:m,open:f,modal:h,fullscreen:p,...e(u,[`isAlert`,`alertType`,`draggable`])}),_=()=>{g(!1)};return c(f,e=>{e&&u.fullscreen===void 0&&(p.value=u.defaultFullscreen??!1)}),(e,t)=>o(e.$slots,`default`,{open:s(f),close:_})}});export{l as default};

package/dist/components/dialog/state.d.ts

@@ -1,7 +1,7 @@
 import { DialogExternal, DialogT } from "./types.js";
 import { VNode } from "vue";
 //#region src/components/dialog/state.d.ts
-declare const dialog: ((message: VNode | string, data?: DialogExternal) => string | number) & {
+export declare const dialog: ((message: VNode | string, data?: DialogExternal) => string | number) & {
   success: (message: VNode | string, data?: DialogExternal) => string | number;
   error: (message: VNode | string, data?: DialogExternal) => string | number;
   info: (message: VNode | string, data?: DialogExternal) => string | number;
@@ -9,5 +9,4 @@ declare const dialog: ((message: VNode | string, data?: DialogExternal) => strin
   getHistory: () => DialogT[];
   getDialogs: () => DialogT[];
 };
-//#endregion
-export { dialog };
+//#endregion

package/dist/components/dialog/state.js

@@ -1 +1 @@
-import e from"../../_virtual/_@oxc-project_runtime@0.143.0/helpers/esm/defineProperty.js";let t=1;const n=new class{constructor(){e(this,`subscribers`,void 0),e(this,`dialogs`,void 0),e(this,`dismissed`,void 0),e(this,`subscribe`,e=>(this.subscribers.push(e),()=>{let t=this.subscribers.indexOf(e);t>=0&&this.subscribers.splice(t,1)})),e(this,`publish`,e=>{this.subscribers.forEach(t=>t(e))}),e(this,`resetDismissed`,e=>{this.dismissed.has(e)&&this.dismissed.delete(e)}),e(this,`upsert`,e=>{let t=this.dialogs.findIndex(t=>t.id===e.id);if(t<0){this.publish(e),this.dialogs=[...this.dialogs,e];return}let n={...this.dialogs[t],...e};this.publish(n),this.dialogs=this.dialogs.map((e,r)=>r===t?n:e)}),e(this,`create`,e=>{let{open:t=!0,...n}=e,r=a(e.id),i={...n,id:r,open:t};return this.upsert(i),r}),e(this,`dismiss`,e=>{if(e!==void 0)return this.dismissed.add(e),requestAnimationFrame(()=>this.publish({id:e,open:!1})),e;this.dialogs.forEach(e=>{this.dismissed.add(e.id),this.publish({id:e.id,open:!1})})}),e(this,`message`,(e,t)=>this.create({...t,title:e,type:`default`})),e(this,`error`,(e,t)=>this.create({...t,title:e,type:`error`})),e(this,`success`,(e,t)=>this.create({...t,title:e,type:`success`})),e(this,`info`,(e,t)=>this.create({...t,title:e,type:`info`})),e(this,`warning`,(e,t)=>this.create({...t,title:e,type:`warning`})),e(this,`getDialogs`,()=>this.dialogs.filter(e=>!this.dismissed.has(e.id))),e(this,`activeDialogs`,()=>(this.dialogs=this.getDialogs(),this.dismissed.clear(),this.dialogs)),this.subscribers=[],this.dialogs=[],this.dismissed=new Set}},r=n.message,i=Object.assign(r,{success:n.success,error:n.error,info:n.info,warning:n.warning,getHistory:()=>n.dialogs,getDialogs:()=>n.getDialogs()});function a(e){return typeof e==`number`||typeof e==`string`&&e.length>0?e:t++}export{n as DialogState,i as dialog};
+let e=1;const t=new class{subscribers;dialogs;dismissed;constructor(){this.subscribers=[],this.dialogs=[],this.dismissed=new Set}subscribe=e=>(this.subscribers.push(e),()=>{let t=this.subscribers.indexOf(e);t>=0&&this.subscribers.splice(t,1)});publish=e=>{this.subscribers.forEach(t=>t(e))};resetDismissed=e=>{this.dismissed.has(e)&&this.dismissed.delete(e)};upsert=e=>{let t=this.dialogs.findIndex(t=>t.id===e.id);if(t<0){this.publish(e),this.dialogs=[...this.dialogs,e];return}let n={...this.dialogs[t],...e};this.publish(n),this.dialogs=this.dialogs.map((e,r)=>r===t?n:e)};create=e=>{let{open:t=!0,...n}=e,r=i(e.id),a={...n,id:r,open:t};return this.upsert(a),r};dismiss=e=>{if(e!==void 0)return this.dismissed.add(e),requestAnimationFrame(()=>this.publish({id:e,open:!1})),e;this.dialogs.forEach(e=>{this.dismissed.add(e.id),this.publish({id:e.id,open:!1})})};message=(e,t)=>this.create({...t,title:e,type:`default`});error=(e,t)=>this.create({...t,title:e,type:`error`});success=(e,t)=>this.create({...t,title:e,type:`success`});info=(e,t)=>this.create({...t,title:e,type:`info`});warning=(e,t)=>this.create({...t,title:e,type:`warning`});getDialogs=()=>this.dialogs.filter(e=>!this.dismissed.has(e.id));activeDialogs=()=>(this.dialogs=this.getDialogs(),this.dismissed.clear(),this.dialogs)},n=t.message,r=Object.assign(n,{success:t.success,error:t.error,info:t.info,warning:t.warning,getHistory:()=>t.dialogs,getDialogs:()=>t.getDialogs()});function i(t){return typeof t==`number`||typeof t==`string`&&t.length>0?t:e++}export{t as DialogState,r as dialog};