///
import type { CreateDateRangePickerProps } from './types.js';
import type { MeltActionReturn } from '../../internal/types.js';
import type { DateRangePickerEvents } from './events.js';
export declare function createDateRangePicker(props?: CreateDateRangePickerProps): {
elements: {
trigger: import("../../internal/helpers/index.js").MeltElement<[import("../../internal/helpers/index.js").MeltElement<[import("svelte/store").Readable, import("../../internal/helpers/index.js").WithGet>, import("../../internal/helpers/index.js").WithGet>], (node: HTMLElement) => MeltActionReturn<"click" | "keydown">, ([$isVisible, $contentId, $triggerId]: [boolean, string, string]) => {
readonly role: "button";
readonly 'aria-haspopup': "dialog";
readonly 'aria-expanded': "true" | "false";
readonly 'data-state': "open" | "closed";
readonly 'aria-controls': string;
readonly id: string;
}, string>, import("../../internal/helpers/index.js").WithGet>], (node: HTMLElement) => MeltActionReturn, ([$trigger, $disabled]: [{
readonly role: "button";
readonly 'aria-haspopup': "dialog";
readonly 'aria-expanded': "true" | "false";
readonly 'data-state': "open" | "closed";
readonly 'aria-controls': string;
readonly id: string;
} & {
[x: `data-melt-${string}`]: "";
} & {
action: (node: HTMLElement) => MeltActionReturn<"click" | "keydown">;
}, boolean]) => {
'aria-label': string;
'data-segment': string;
disabled: boolean | undefined;
'data-state': "open" | "closed";
'aria-expanded': "true" | "false";
'aria-controls': string;
role: "button";
id: string;
'aria-haspopup': "dialog";
}, "popover-trigger">;
content: import("../../internal/helpers/index.js").MeltElement<[import("svelte/store").Readable, import("../../internal/helpers/index.js").WithGet>, import("../../internal/helpers/index.js").WithGet>], (node: HTMLElement) => {
destroy(): void;
}, ([$isVisible, $portal, $contentId]: [boolean, string | HTMLElement | null | undefined, string]) => {
hidden: boolean | undefined;
tabindex: number;
style: string;
id: string;
'data-state': string;
'data-portal': string | undefined;
}, string>;
arrow: import("../../internal/helpers/index.js").MeltElement>, import("svelte/action").Action>, ($arrowSize: number) => {
'data-arrow': boolean;
style: string;
}, string>;
close: import("../../internal/helpers/index.js").MeltElement MeltActionReturn<"click" | "keydown">, () => {
readonly type: "button";
}, string>;
overlay: import("../../internal/helpers/index.js").MeltElement<[import("svelte/store").Readable], (node: HTMLElement) => {
destroy(): void;
}, ([$isVisible]: [boolean]) => {
readonly hidden: true | undefined;
readonly tabindex: -1;
readonly style: string;
readonly 'aria-hidden': "true";
readonly 'data-state': "open" | "closed";
}, string>;
field: import("../../internal/helpers/index.js").MeltElement<[import("svelte/store").Readable, import("svelte/store").Readable, import("svelte/store").Readable<{
field: string;
label: string;
description: string;
validation: string;
}>], () => {
destroy(): void;
}, ([$isCompleted, $isInvalid, $ids]: [import("@internationalized/date").DateValue | undefined, boolean, {
field: string;
label: string;
description: string;
validation: string;
}]) => {
role: string;
id: string;
'aria-labelledby': string;
'aria-describedby': string;
'data-invalid': string | undefined;
}, string>;
label: import("../../internal/helpers/index.js").MeltElement<[import("svelte/store").Readable, import("../../internal/helpers/index.js").WithGet>, import("../../internal/helpers/index.js").WithGet>], (node: HTMLElement) => {
destroy: () => void;
}, ([$isInvalid, $disabled, $labelId]: [boolean, boolean, string]) => {
id: string;
'data-invalid': string | undefined;
'data-disabled': string | undefined;
}, string>;
startSegment: import("../../internal/helpers/index.js").MeltElement<[import("../../internal/helpers/index.js").WithGet>, import("../../internal/helpers/index.js").WithGet>, {
get: () => import("@internationalized/date").DateValue;
set: (this: void, value: import("@internationalized/date").DateValue) => void;
update: (this: void, updater: import("svelte/store").Updater) => void;
subscribe: (this: void, run: import("svelte/store").Subscriber, invalidate?: import("svelte/store").Invalidator | undefined) => import("svelte/store").Unsubscriber;
add: (duration: import("@internationalized/date").DateTimeDuration | import("@internationalized/date").DateDuration) => void;
subtract: (duration: import("@internationalized/date").DateTimeDuration | import("@internationalized/date").DateDuration) => void;
setDate: (fields: import("@internationalized/date").DateFields | (import("@internationalized/date").DateFields & import("@internationalized/date").TimeFields), disambiguation?: import("@internationalized/date").Disambiguation | undefined) => void;
reset: () => void;
toWritable: () => {
set: (this: void, value: import("@internationalized/date").DateValue) => void;
subscribe: (this: void, run: import("svelte/store").Subscriber, invalidate?: import("svelte/store").Invalidator | undefined) => import("svelte/store").Unsubscriber;
update: (this: void, updater: import("svelte/store").Updater) => void;
get: () => import("@internationalized/date").DateValue;
};
nextPage: (amount: number) => void;
prevPage: (amount: number) => void;
}, {
update: (updater: import("svelte/store").Updater, sideEffect?: ((newValue: import("@internationalized/date").DateValue | undefined) => void) | undefined) => void;
set: (this: void, value: import("@internationalized/date").DateValue | undefined) => void;
subscribe(this: void, run: import("svelte/store").Subscriber, invalidate?: import("svelte/store").Invalidator | undefined): import("svelte/store").Unsubscriber;
get: () => import("@internationalized/date").DateValue | undefined;
destroy?: (() => void) | undefined;
}, import("svelte/store").Readable, import("../../internal/helpers/index.js").WithGet>, import("../../internal/helpers/index.js").WithGet>, import("../../internal/helpers/index.js").WithGet>>, import("svelte/store").Readable<{
field: string;
label: string;
description: string;
validation: string;
day: string;
month: string;
year: string;
hour: string;
minute: string;
second: string;
dayPeriod: string;
timeZoneName: string;
}>, import("../../internal/helpers/index.js").WithGet>], (node: HTMLElement) => MeltActionReturn<"click" | "focusout" | "keydown">, ([$segmentValues, $hourCycle, $placeholder, $value, $isInvalid, $disabled, $readonly, $readonlySegmentsSet, $idValues, _,]: [import("../date-field/_internal/types.js").SegmentValueObj, 12 | 24 | undefined, import("@internationalized/date").DateValue, import("@internationalized/date").DateValue | undefined, boolean, boolean, boolean, Set, {
field: string;
label: string;
description: string;
validation: string;
day: string;
month: string;
year: string;
hour: string;
minute: string;
second: string;
dayPeriod: string;
timeZoneName: string;
}, string]) => (part: import("../../index.js").SegmentPart) => {
'aria-invalid': "true" | undefined;
'aria-disabled': "true" | undefined;
'aria-readonly': "true" | undefined;
'data-invalid': string | undefined;
'data-disabled': string | undefined;
'data-segment': string;
} | {
id: string;
'aria-labelledby': string;
contenteditable: boolean;
'aria-describedby': string | undefined;
tabindex: number | undefined;
'aria-invalid': "true" | undefined;
'aria-disabled': "true" | undefined;
'aria-readonly': "true" | undefined;
'data-invalid': string | undefined;
'data-disabled': string | undefined;
'data-segment': string;
}, string>;
endSegment: import("../../internal/helpers/index.js").MeltElement<[import("../../internal/helpers/index.js").WithGet>, import("../../internal/helpers/index.js").WithGet>, {
get: () => import("@internationalized/date").DateValue;
set: (this: void, value: import("@internationalized/date").DateValue) => void;
update: (this: void, updater: import("svelte/store").Updater) => void;
subscribe: (this: void, run: import("svelte/store").Subscriber, invalidate?: import("svelte/store").Invalidator | undefined) => import("svelte/store").Unsubscriber;
add: (duration: import("@internationalized/date").DateTimeDuration | import("@internationalized/date").DateDuration) => void;
subtract: (duration: import("@internationalized/date").DateTimeDuration | import("@internationalized/date").DateDuration) => void;
setDate: (fields: import("@internationalized/date").DateFields | (import("@internationalized/date").DateFields & import("@internationalized/date").TimeFields), disambiguation?: import("@internationalized/date").Disambiguation | undefined) => void;
reset: () => void;
toWritable: () => {
set: (this: void, value: import("@internationalized/date").DateValue) => void;
subscribe: (this: void, run: import("svelte/store").Subscriber, invalidate?: import("svelte/store").Invalidator | undefined) => import("svelte/store").Unsubscriber;
update: (this: void, updater: import("svelte/store").Updater) => void;
get: () => import("@internationalized/date").DateValue;
};
nextPage: (amount: number) => void;
prevPage: (amount: number) => void;
}, {
update: (updater: import("svelte/store").Updater, sideEffect?: ((newValue: import("@internationalized/date").DateValue | undefined) => void) | undefined) => void;
set: (this: void, value: import("@internationalized/date").DateValue | undefined) => void;
subscribe(this: void, run: import("svelte/store").Subscriber, invalidate?: import("svelte/store").Invalidator | undefined): import("svelte/store").Unsubscriber;
get: () => import("@internationalized/date").DateValue | undefined;
destroy?: (() => void) | undefined;
}, import("svelte/store").Readable, import("../../internal/helpers/index.js").WithGet>, import("../../internal/helpers/index.js").WithGet>, import("../../internal/helpers/index.js").WithGet>>, import("svelte/store").Readable<{
field: string;
label: string;
description: string;
validation: string;
day: string;
month: string;
year: string;
hour: string;
minute: string;
second: string;
dayPeriod: string;
timeZoneName: string;
}>, import("../../internal/helpers/index.js").WithGet>], (node: HTMLElement) => MeltActionReturn<"click" | "focusout" | "keydown">, ([$segmentValues, $hourCycle, $placeholder, $value, $isInvalid, $disabled, $readonly, $readonlySegmentsSet, $idValues, _,]: [import("../date-field/_internal/types.js").SegmentValueObj, 12 | 24 | undefined, import("@internationalized/date").DateValue, import("@internationalized/date").DateValue | undefined, boolean, boolean, boolean, Set, {
field: string;
label: string;
description: string;
validation: string;
day: string;
month: string;
year: string;
hour: string;
minute: string;
second: string;
dayPeriod: string;
timeZoneName: string;
}, string]) => (part: import("../../index.js").SegmentPart) => {
'aria-invalid': "true" | undefined;
'aria-disabled': "true" | undefined;
'aria-readonly': "true" | undefined;
'data-invalid': string | undefined;
'data-disabled': string | undefined;
'data-segment': string;
} | {
id: string;
'aria-labelledby': string;
contenteditable: boolean;
'aria-describedby': string | undefined;
tabindex: number | undefined;
'aria-invalid': "true" | undefined;
'aria-disabled': "true" | undefined;
'aria-readonly': "true" | undefined;
'data-invalid': string | undefined;
'data-disabled': string | undefined;
'data-segment': string;
}, string>;
startHiddenInput: import("../../internal/helpers/index.js").MeltElement<[import("../../internal/helpers/index.js").WithGet>, import("svelte/motion").Readable, import("../../internal/helpers/index.js").WithGet>, import("../../internal/helpers/index.js").WithGet>], (node: HTMLInputElement) => {
destroy: import("svelte/store").Unsubscriber;
}, ([$value, $name, $disabled, $required]: [string, string | undefined, boolean, boolean]) => {
name: string | undefined;
value: string;
'aria-hidden': "true";
hidden: boolean;
disabled: boolean;
required: boolean;
tabIndex: number;
style: string;
}, string>;
endHiddenInput: import("../../internal/helpers/index.js").MeltElement<[import("../../internal/helpers/index.js").WithGet>, import("svelte/motion").Readable, import("../../internal/helpers/index.js").WithGet>, import("../../internal/helpers/index.js").WithGet>], (node: HTMLInputElement) => {
destroy: import("svelte/store").Unsubscriber;
}, ([$value, $name, $disabled, $required]: [string, string | undefined, boolean, boolean]) => {
name: string | undefined;
value: string;
'aria-hidden': "true";
hidden: boolean;
disabled: boolean;
required: boolean;
tabIndex: number;
style: string;
}, string>;
validation: import("../../internal/helpers/index.js").MeltElement<[import("svelte/store").Readable, import("../../internal/helpers/index.js").WithGet>], import("svelte/action").Action>, ([$isInvalid, $validationId]: [boolean, string]) => {
id: string;
'data-invalid': string | undefined;
style: string | undefined;
}, string>;
calendar: import("../../internal/helpers/index.js").MeltElement<[import("../../internal/helpers/index.js").WithGet>, import("svelte/store").Readable, import("../../internal/helpers/index.js").WithGet>, import("../../internal/helpers/index.js").WithGet>, import("../../internal/helpers/index.js").WithGet>], (node: HTMLElement) => MeltActionReturn<"keydown">, ([$fullCalendarLabel, $isInvalid, $calendarId, $disabled, $readonly]: [string, boolean, string, boolean, boolean]) => {
id: string;
role: string;
'aria-label': string;
'data-invalid': string | undefined;
'data-disabled': string | undefined;
'data-readonly': string | undefined;
}, string>;
heading: import("../../internal/helpers/index.js").MeltElement<[import("../../internal/helpers/index.js").WithGet>], import("svelte/action").Action>, ([$disabled]: [boolean]) => {
'aria-hidden': boolean;
'data-disabled': string | undefined;
}, string>;
grid: import("../../internal/helpers/index.js").MeltElement<[import("../../internal/helpers/index.js").WithGet>, import("../../internal/helpers/index.js").WithGet>], import("svelte/action").Action>, ([$readonly, $disabled]: [boolean, boolean]) => {
tabindex: number;
role: string;
'aria-readonly': "true" | undefined;
'aria-disabled': "true" | undefined;
'data-readonly': string | undefined;
'data-disabled': string | undefined;
}, string>;
cell: import("../../internal/helpers/index.js").MeltElement<[import("svelte/store").Readable<(date: import("@internationalized/date").DateValue) => boolean>, import("svelte/store").Readable<(date: import("@internationalized/date").DateValue) => boolean>, import("svelte/store").Readable<(date: import("@internationalized/date").DateValue) => boolean>, import("../../internal/helpers/index.js").WithGet>, import("../../internal/helpers/index.js").WithGet boolean>>, import("../../internal/helpers/index.js").WithGet boolean>>, {
get: () => import("@internationalized/date").DateValue;
set: (this: void, value: import("@internationalized/date").DateValue) => void;
update: (this: void, updater: import("svelte/store").Updater) => void;
subscribe: (this: void, run: import("svelte/store").Subscriber, invalidate?: import("svelte/store").Invalidator | undefined) => import("svelte/store").Unsubscriber;
add: (duration: import("@internationalized/date").DateTimeDuration | import("@internationalized/date").DateDuration) => void;
subtract: (duration: import("@internationalized/date").DateTimeDuration | import("@internationalized/date").DateDuration) => void;
setDate: (fields: import("@internationalized/date").DateFields | (import("@internationalized/date").DateFields & import("@internationalized/date").TimeFields), disambiguation?: import("@internationalized/date").Disambiguation | undefined) => void;
reset: () => void;
toWritable: () => {
set: (this: void, value: import("@internationalized/date").DateValue) => void;
subscribe: (this: void, run: import("svelte/store").Subscriber, invalidate?: import("svelte/store").Invalidator | undefined) => import("svelte/store").Unsubscriber;
update: (this: void, updater: import("svelte/store").Updater) => void;
get: () => import("@internationalized/date").DateValue;
};
nextPage: (amount: number) => void;
prevPage: (amount: number) => void;
}, import("../../internal/helpers/index.js").WithGet boolean>>], (node: HTMLElement) => MeltActionReturn<"click" | "focusin" | "mouseenter">, ([$isSelected, $isSelectionEnd, $isSelectionStart, $highlightedRange, $isDateDisabled, $isDateUnavailable, $placeholder, $isOutsideVisibleMonths,]: [(date: import("@internationalized/date").DateValue) => boolean, (date: import("@internationalized/date").DateValue) => boolean, (date: import("@internationalized/date").DateValue) => boolean, {
start: import("@internationalized/date").DateValue;
end: import("@internationalized/date").DateValue;
} | null, (date: import("@internationalized/date").DateValue) => boolean, (date: import("@internationalized/date").DateValue) => boolean, import("@internationalized/date").DateValue, (date: import("@internationalized/date").DateValue) => boolean]) => (cellValue: import("@internationalized/date").DateValue, monthValue: import("@internationalized/date").DateValue) => {
readonly role: "button";
readonly 'aria-label': string;
readonly 'aria-selected': true | undefined;
readonly 'aria-disabled': true | undefined;
readonly 'data-selected': true | undefined;
readonly 'data-selection-start': true | undefined;
readonly 'data-selection-end': true | undefined;
readonly 'data-value': string;
readonly 'data-disabled': "" | undefined;
readonly 'data-unavailable': "" | undefined;
readonly 'data-today': "" | undefined;
readonly 'data-outside-month': "" | undefined;
readonly 'data-outside-visible-months': "" | undefined;
readonly 'data-focused': "" | undefined;
readonly 'data-highlighted': "" | undefined;
readonly tabindex: 0 | -1 | undefined;
}, string>;
nextButton: import("../../internal/helpers/index.js").MeltElement<[import("../../internal/helpers/index.js").WithGet>], (node: HTMLElement) => MeltActionReturn<"click">, ([$isNextButtonDisabled]: [boolean]) => {
role: string;
type: "button";
'aria-label': string;
'aria-disabled': "true" | undefined;
disabled: boolean | undefined;
'data-disabled': string | undefined;
}, string>;
prevButton: import("../../internal/helpers/index.js").MeltElement<[import("../../internal/helpers/index.js").WithGet>], (node: HTMLElement) => MeltActionReturn<"click">, ([$isPrevButtonDisabled]: [boolean]) => {
role: string;
type: "button";
'aria-label': string;
'aria-disabled': "true" | undefined;
disabled: boolean | undefined;
'data-disabled': string | undefined;
}, string>;
};
states: {
open: {
update: (updater: import("svelte/store").Updater, sideEffect?: ((newValue: boolean) => void) | undefined) => void;
set: (this: void, value: boolean) => void;
subscribe(this: void, run: import("svelte/store").Subscriber, invalidate?: import("svelte/store").Invalidator | undefined): import("svelte/store").Unsubscriber;
get: () => boolean;
destroy?: (() => void) | undefined;
};
placeholder: {
set: (this: void, value: import("@internationalized/date").DateValue) => void;
subscribe: (this: void, run: import("svelte/store").Subscriber, invalidate?: import("svelte/store").Invalidator | undefined) => import("svelte/store").Unsubscriber;
update: (this: void, updater: import("svelte/store").Updater) => void;
get: () => import("@internationalized/date").DateValue;
};
value: {
update: (updater: import("svelte/store").Updater, sideEffect?: ((newValue: import("../../internal/helpers/date/index.js").DateRange) => void) | undefined) => void;
set: (this: void, value: import("../../internal/helpers/date/index.js").DateRange) => void;
subscribe(this: void, run: import("svelte/store").Subscriber, invalidate?: import("svelte/store").Invalidator | undefined): import("svelte/store").Unsubscriber;
get: () => import("../../internal/helpers/date/index.js").DateRange;
destroy?: (() => void) | undefined;
};
months: import("../../internal/helpers/index.js").WithGet[]>>;
weekdays: import("svelte/store").Readable;
headingValue: import("../../internal/helpers/index.js").WithGet>;
startValue: import("../../internal/helpers/index.js").WithGet>;
endValue: import("../../internal/helpers/index.js").WithGet>;
segmentContents: import("svelte/store").Readable<{
start: {
part: import("../../index.js").SegmentPart;
value: string;
}[];
end: {
part: import("../../index.js").SegmentPart;
value: string;
}[];
}>;
endSegmentValues: import("../../internal/helpers/index.js").WithGet>;
startSegmentValues: import("../../internal/helpers/index.js").WithGet>;
isInvalid: import("svelte/store").Readable;
};
helpers: {
nextPage: () => void;
prevPage: () => void;
nextYear: () => void;
prevYear: () => void;
setYear: (year: number) => void;
setMonth: (month: number) => void;
isDateDisabled: import("svelte/store").Readable<(date: import("@internationalized/date").DateValue) => boolean>;
isDateUnavailable: import("../../internal/helpers/index.js").WithGet boolean>>;
};
options: {
forceVisible: import("../../internal/helpers/index.js").WithGet>;
preventScroll: import("../../internal/helpers/index.js").WithGet>;
portal: import("../../internal/helpers/index.js").WithGet>;
defaultOpen: import("../../internal/helpers/index.js").WithGet>;
onOpenChange: import("../../internal/helpers/index.js").WithGet | undefined>>;
positioning: import("../../internal/helpers/index.js").WithGet>;
arrowSize: import("../../internal/helpers/index.js").WithGet>;
closeOnOutsideClick: import("../../internal/helpers/index.js").WithGet>;
closeOnEscape: import("../../internal/helpers/index.js").WithGet>;
onOutsideClick: import("../../internal/helpers/index.js").WithGet void) | undefined>>;
closeFocus: import("../../internal/helpers/index.js").WithGet>;
disableFocusTrap: import("../../internal/helpers/index.js").WithGet>;
openFocus: import("../../internal/helpers/index.js").WithGet>;
disabled: import("../../internal/helpers/index.js").WithGet>;
open?: import("../../internal/helpers/index.js").WithGet | undefined>> | undefined;
onValueChange?: import("../../internal/helpers/index.js").WithGet | undefined>> | undefined;
defaultValue: import("../../internal/helpers/index.js").WithGet>;
required?: import("../../internal/helpers/index.js").WithGet> | undefined;
defaultPlaceholder?: import("../../internal/helpers/index.js").WithGet> | undefined;
granularity: import("../../internal/helpers/index.js").WithGet>;
onPlaceholderChange?: import("../../internal/helpers/index.js").WithGet | undefined>> | undefined;
isDateUnavailable: import("../../internal/helpers/index.js").WithGet>;
minValue: import("../../internal/helpers/index.js").WithGet>;
maxValue: import("../../internal/helpers/index.js").WithGet>;
readonly: import("../../internal/helpers/index.js").WithGet>;
hourCycle: import("../../internal/helpers/index.js").WithGet>;
locale: import("../../internal/helpers/index.js").WithGet>;
hideTimeZone: import("../../internal/helpers/index.js").WithGet>;
weekStartsOn: import("../../internal/helpers/index.js").WithGet>;
fixedWeeks: import("../../internal/helpers/index.js").WithGet>;
numberOfMonths: import("../../internal/helpers/index.js").WithGet>;
preventDeselect: import("../../internal/helpers/index.js").WithGet>;
pagedNavigation: import("../../internal/helpers/index.js").WithGet>;
weekdayFormat: import("../../internal/helpers/index.js").WithGet>;
isDateDisabled: import("../../internal/helpers/index.js").WithGet>;
calendarLabel: import("../../internal/helpers/index.js").WithGet>;
dateFieldIds?: import("../../internal/helpers/index.js").WithGet | undefined>> | undefined;
calendarIds?: import("../../internal/helpers/index.js").WithGet | undefined>> | undefined;
popoverIds?: import("../../internal/helpers/index.js").WithGet | undefined>> | undefined;
startName: import("../../internal/helpers/index.js").WithGet>;
endName: import("../../internal/helpers/index.js").WithGet>;
startIds?: import("../../internal/helpers/index.js").WithGet | undefined>> | undefined;
endIds?: import("../../internal/helpers/index.js").WithGet | undefined>> | undefined;
ids?: import("../../internal/helpers/index.js").WithGet | undefined>> | import("../../internal/helpers/index.js").WithGet | undefined>> | undefined;
readonlySegments: import("../../internal/helpers/index.js").WithGet>;
};
ids: {
rangeField: {
field: import("../../internal/helpers/index.js").ToWritableStores<{
label: string;
description: string;
field: string;
validation: string;
}>;
start: import("../../internal/helpers/index.js").ToWritableStores<{
label: string;
description: string;
day: string;
hour: string;
minute: string;
second: string;
month: string;
year: string;
dayPeriod: string;
timeZoneName: string;
field: string;
validation: string;
}>;
end: import("../../internal/helpers/index.js").ToWritableStores<{
label: string;
description: string;
day: string;
hour: string;
minute: string;
second: string;
month: string;
year: string;
dayPeriod: string;
timeZoneName: string;
field: string;
validation: string;
}>;
};
calendar: import("../../internal/helpers/index.js").ToWritableStores<{
calendar: string;
accessibleHeading: string;
}>;
popover: import("../../internal/helpers/index.js").ToWritableStores<{
content: string;
trigger: string;
}>;
};
};