@johly/bits-ui 2.18.1

package/dist/bits/date-field/exports.d.ts

@@ -0,0 +1,5 @@
+export { default as Root } from "./components/date-field.svelte";
+export { default as Input } from "./components/date-field-input.svelte";
+export { default as Label } from "./components/date-field-label.svelte";
+export { default as Segment } from "./components/date-field-segment.svelte";
+export type { DateFieldRootProps as RootProps, DateFieldInputProps as InputProps, DateFieldLabelProps as LabelProps, DateFieldSegmentProps as SegmentProps, } from "./types.js";

package/dist/bits/date-field/exports.js

@@ -0,0 +1,4 @@
+export { default as Root } from "./components/date-field.svelte";
+export { default as Input } from "./components/date-field-input.svelte";
+export { default as Label } from "./components/date-field-label.svelte";
+export { default as Segment } from "./components/date-field-segment.svelte";

package/dist/bits/date-field/index.d.ts

@@ -0,0 +1 @@
+export * as DateField from "./exports.js";

package/dist/bits/date-field/index.js

@@ -0,0 +1 @@
+export * as DateField from "./exports.js";

package/dist/bits/date-field/types.d.ts

@@ -0,0 +1,141 @@
+import type { DateValue } from "@internationalized/date";
+import type { DateOnInvalid, DateValidator, EditableSegmentPart, SegmentPart, WithChildren } from "../../shared/index.js";
+import type { OnChangeFn, WithChild, Without } from "../../internal/types.js";
+import type { BitsPrimitiveDivAttributes, BitsPrimitiveSpanAttributes } from "../../shared/attributes.js";
+import type { Granularity } from "../../shared/date/types.js";
+export type DateFieldRootPropsWithoutHTML = WithChildren<{
+    /**
+     * The value of the date field.
+     *
+     * @bindable
+     */
+    value?: DateValue;
+    /**
+     * A callback that is called when the date field value changes.
+     *
+     */
+    onValueChange?: OnChangeFn<DateValue | undefined>;
+    /**
+     * The placeholder value of the date field. This determines the format
+     * and what date the field starts at when it is empty.
+     *
+     * @bindable
+     */
+    placeholder?: DateValue;
+    /**
+     * A callback that is called when the date field's placeholder value changes.
+     */
+    onPlaceholderChange?: OnChangeFn<DateValue | undefined>;
+    /**
+     * A function that returns a string or array of strings as validation errors if the date is
+     * invalid, or nothing if the date is valid
+     */
+    validate?: DateValidator;
+    /**
+     * A callback fired when the date field's value is invalid. Use this to display an error
+     * message to the user.
+     */
+    onInvalid?: DateOnInvalid;
+    /**
+     * The minimum acceptable date. When provided, the date field
+     * will be marked as invalid if the user enters a date before this date.
+     */
+    minValue?: DateValue;
+    /**
+     * The maximum acceptable date. When provided, the date field
+     * will be marked as invalid if the user enters a date after this date.
+     */
+    maxValue?: DateValue;
+    /**
+     * If true, the date field will be disabled and users will not be able
+     * to interact with it. This also disables the hidden input element if
+     * the date field is used in a form.
+     *
+     * @defaultValue false
+     */
+    disabled?: boolean;
+    /**
+     * If true, the date field will be readonly, and users will not be able to
+     * edit the values of any of the individual segments.
+     *
+     * @defaultValue false
+     */
+    readonly?: boolean;
+    /**
+     * An array of segment names that should be readonly. If provided, only the
+     * segments not in this array will be editable.
+     */
+    readonlySegments?: EditableSegmentPart[];
+    /**
+     * The format to use for displaying the time in the input.
+     * If using a 12 hour clock, ensure you also include the `dayPeriod`
+     * segment in your input to ensure the user can select AM/PM.
+     *
+     * @defaultValue the locale's default time format
+     */
+    hourCycle?: 12 | 24;
+    /**
+     * The locale to use for formatting the date field.
+     *
+     * @defaultValue 'en'
+     */
+    locale?: string;
+    /**
+     * The granularity of the date field. This determines which
+     * segments will be includes in the segments array used to
+     * build the date field.
+     *
+     * By default, when a `CalendarDate` value is used, the granularity
+     * will default to `'day'`, and when a `CalendarDateTime` or `ZonedDateTime`
+     * value is used, the granularity will default to `'minute'`.
+     *
+     * Granularity is only used for visual purposes, and does not impact
+     * the value of the date field. You can have the same value synced
+     * between multiple date fields with different granularities and they
+     * will all contain the same value.
+     *
+     * @defaultValue 'day'
+     */
+    granularity?: Granularity;
+    /**
+     * Whether or not to hide the timeZoneName segment from the date field.
+     *
+     * @defaultValue false;
+     */
+    hideTimeZone?: boolean;
+    /**
+     * Whether or not the hidden input of the date field requires a value
+     * to be submitted.
+     *
+     * @defaultValue false
+     */
+    required?: boolean;
+    /**
+     * The `id` of the element which contains the error messages for the date field when the
+     * date is invalid.
+     */
+    errorMessageId?: string;
+}>;
+export type DateFieldRootProps = DateFieldRootPropsWithoutHTML;
+export type DateFieldInputSnippetProps = {
+    segments: Array<{
+        part: SegmentPart;
+        value: string;
+    }>;
+};
+export type DateFieldInputPropsWithoutHTML = WithChild<{
+    /**
+     * The name to use for the hidden input element of the date field,
+     * which is used to submit the ISO string value of the date field
+     * to a server. If not provided, the hidden input element will not
+     * be rendered.
+     */
+    name?: string;
+}, DateFieldInputSnippetProps>;
+export type DateFieldInputProps = DateFieldInputPropsWithoutHTML & Without<BitsPrimitiveDivAttributes, DateFieldInputPropsWithoutHTML>;
+export type DateFieldSegmentPropsWithoutHTML = WithChild<{
+    part: SegmentPart;
+}>;
+export type DateFieldSegmentProps = DateFieldSegmentPropsWithoutHTML & Without<BitsPrimitiveSpanAttributes, DateFieldSegmentPropsWithoutHTML>;
+export type DateFieldLabelPropsWithoutHTML = WithChild;
+export type DateFieldLabelProps = DateFieldLabelPropsWithoutHTML & Without<BitsPrimitiveDivAttributes, DateFieldLabelPropsWithoutHTML>;

package/dist/bits/date-field/types.js

@@ -0,0 +1 @@
+export {};

package/dist/bits/date-picker/components/date-picker-calendar.svelte

@@ -0,0 +1,61 @@
+<script lang="ts">
+	import { boxWith, mergeProps } from "svelte-toolbelt";
+	import type { DatePickerCalendarProps } from "../types.js";
+	import { DatePickerRootContext } from "../date-picker.svelte.js";
+	import { CalendarRootState } from "../../calendar/calendar.svelte.js";
+	import { createId } from "../../../internal/create-id.js";
+
+	const uid = $props.id();
+
+	let {
+		children,
+		child,
+		id = createId(uid),
+		ref = $bindable(null),
+		...restProps
+	}: DatePickerCalendarProps = $props();
+
+	const datePickerRootState = DatePickerRootContext.get();
+
+	const calendarState = CalendarRootState.create({
+		id: boxWith(() => id),
+		ref: boxWith(
+			() => ref,
+			(v) => (ref = v)
+		),
+		calendarLabel: datePickerRootState.opts.calendarLabel,
+		fixedWeeks: datePickerRootState.opts.fixedWeeks,
+		isDateDisabled: datePickerRootState.opts.isDateDisabled,
+		isDateUnavailable: datePickerRootState.opts.isDateUnavailable,
+		locale: datePickerRootState.opts.locale,
+		numberOfMonths: datePickerRootState.opts.numberOfMonths,
+		pagedNavigation: datePickerRootState.opts.pagedNavigation,
+		preventDeselect: datePickerRootState.opts.preventDeselect,
+		readonly: datePickerRootState.opts.readonly,
+		type: boxWith(() => "single"),
+		weekStartsOn: datePickerRootState.opts.weekStartsOn,
+		weekdayFormat: datePickerRootState.opts.weekdayFormat,
+		disabled: datePickerRootState.opts.disabled,
+		disableDaysOutsideMonth: datePickerRootState.opts.disableDaysOutsideMonth,
+		maxValue: datePickerRootState.opts.maxValue,
+		minValue: datePickerRootState.opts.minValue,
+		placeholder: datePickerRootState.opts.placeholder,
+		value: datePickerRootState.opts.value,
+		onDateSelect: datePickerRootState.opts.onDateSelect,
+		initialFocus: datePickerRootState.opts.initialFocus,
+		defaultPlaceholder: datePickerRootState.opts.defaultPlaceholder,
+		maxDays: boxWith(() => undefined),
+		monthFormat: datePickerRootState.opts.monthFormat,
+		yearFormat: datePickerRootState.opts.yearFormat,
+	});
+
+	const mergedProps = $derived(mergeProps(restProps, calendarState.props));
+</script>
+
+{#if child}
+	{@render child({ props: mergedProps, ...calendarState.snippetProps })}
+{:else}
+	<div {...mergedProps}>
+		{@render children?.(calendarState.snippetProps)}
+	</div>
+{/if}

package/dist/bits/date-picker/components/date-picker-calendar.svelte.d.ts

@@ -0,0 +1,4 @@
+import type { DatePickerCalendarProps } from "../types.js";
+declare const DatePickerCalendar: import("svelte").Component<DatePickerCalendarProps, {}, "ref">;
+type DatePickerCalendar = ReturnType<typeof DatePickerCalendar>;
+export default DatePickerCalendar;

package/dist/bits/date-picker/components/date-picker-content-static.svelte

@@ -0,0 +1,18 @@
+<script lang="ts">
+	import { mergeProps } from "svelte-toolbelt";
+	import type { DatePickerContentStaticProps } from "../types.js";
+	import PopoverContentStatic from "../../popover/components/popover-content-static.svelte";
+	import { pickerOpenFocus } from "../../../internal/date-time/calendar-helpers.svelte.js";
+
+	let {
+		ref = $bindable(null),
+		onOpenAutoFocus,
+		...restProps
+	}: DatePickerContentStaticProps = $props();
+
+	const mergedProps = $derived(
+		mergeProps({ onOpenAutoFocus }, { onOpenAutoFocus: pickerOpenFocus })
+	);
+</script>
+
+<PopoverContentStatic {...mergedProps} bind:ref {...restProps} />

package/dist/bits/date-picker/components/date-picker-content-static.svelte.d.ts

@@ -0,0 +1,4 @@
+import type { DatePickerContentStaticProps } from "../types.js";
+declare const DatePickerContentStatic: import("svelte").Component<DatePickerContentStaticProps, {}, "ref">;
+type DatePickerContentStatic = ReturnType<typeof DatePickerContentStatic>;
+export default DatePickerContentStatic;

package/dist/bits/date-picker/components/date-picker-content.svelte

@@ -0,0 +1,14 @@
+<script lang="ts">
+	import { mergeProps } from "svelte-toolbelt";
+	import type { DatePickerContentProps } from "../types.js";
+	import PopoverContent from "../../popover/components/popover-content.svelte";
+	import { pickerOpenFocus } from "../../../internal/date-time/calendar-helpers.svelte.js";
+
+	let { ref = $bindable(null), onOpenAutoFocus, ...restProps }: DatePickerContentProps = $props();
+
+	const mergedProps = $derived(
+		mergeProps({ onOpenAutoFocus }, { onOpenAutoFocus: pickerOpenFocus })
+	);
+</script>
+
+<PopoverContent {...mergedProps} bind:ref {...restProps} />

package/dist/bits/date-picker/components/date-picker-content.svelte.d.ts

@@ -0,0 +1,4 @@
+import type { DatePickerContentProps } from "../types.js";
+declare const DatePickerContent: import("svelte").Component<DatePickerContentProps, {}, "ref">;
+type DatePickerContent = ReturnType<typeof DatePickerContent>;
+export default DatePickerContent;

package/dist/bits/date-picker/components/date-picker-trigger.svelte

@@ -0,0 +1,27 @@
+<script lang="ts">
+	import { mergeProps } from "svelte-toolbelt";
+	import type { DatePickerTriggerProps } from "../types.js";
+	import PopoverTrigger from "../../popover/components/popover-trigger.svelte";
+	import { dateFieldAttrs } from "../../date-field/date-field.svelte.js";
+	import {
+		handleSegmentNavigation,
+		isSegmentNavigationKey,
+	} from "../../../internal/date-time/field/segments.js";
+
+	let { ref = $bindable(null), onkeydown, ...restProps }: DatePickerTriggerProps = $props();
+
+	function onKeydown(e: KeyboardEvent) {
+		if (isSegmentNavigationKey(e.key)) {
+			const currNode = e.currentTarget as HTMLElement;
+			const dateFieldInputNode = currNode.closest(
+				dateFieldAttrs.selector("input")
+			) as HTMLElement;
+			if (!dateFieldInputNode) return;
+			handleSegmentNavigation(e, dateFieldInputNode);
+		}
+	}
+
+	const mergedProps = $derived(mergeProps({ onkeydown }, { onkeydown: onKeydown }));
+</script>
+
+<PopoverTrigger {...restProps} bind:ref data-segment="trigger" {...mergedProps} />

package/dist/bits/date-picker/components/date-picker-trigger.svelte.d.ts

@@ -0,0 +1,4 @@
+import type { DatePickerTriggerProps } from "../types.js";
+declare const DatePickerTrigger: import("svelte").Component<DatePickerTriggerProps, {}, "ref">;
+type DatePickerTrigger = ReturnType<typeof DatePickerTrigger>;
+export default DatePickerTrigger;

package/dist/bits/date-picker/components/date-picker.svelte

@@ -0,0 +1,162 @@
+<script lang="ts">
+	// Date Picker composes the DateField, Popover, and Calendar components
+	import { watch } from "runed";
+	import { boxWith } from "svelte-toolbelt";
+	import type { DateValue } from "@internationalized/date";
+	import { DatePickerRootState } from "../date-picker.svelte.js";
+	import type { DatePickerRootProps } from "../types.js";
+	import { noop } from "../../../internal/noop.js";
+	import { PopoverRootState } from "../../popover/popover.svelte.js";
+	import { DateFieldRootState } from "../../date-field/date-field.svelte.js";
+	import { FloatingLayer } from "../../utilities/floating-layer/index.js";
+	import { getDefaultDate } from "../../../internal/date-time/utils.js";
+	import { resolveLocaleProp } from "../../utilities/config/prop-resolvers.js";
+
+	let {
+		open = $bindable(false),
+		onOpenChange = noop,
+		onOpenChangeComplete = noop,
+		value = $bindable(),
+		onValueChange = noop,
+		placeholder = $bindable(),
+		onPlaceholderChange = noop,
+		isDateUnavailable = () => false,
+		validate = noop,
+		onInvalid = noop,
+		minValue,
+		maxValue,
+		disabled = false,
+		readonly = false,
+		granularity,
+		readonlySegments = [],
+		hourCycle,
+		locale,
+		hideTimeZone = false,
+		required = false,
+		calendarLabel = "Event",
+		disableDaysOutsideMonth = true,
+		preventDeselect = false,
+		pagedNavigation = false,
+		weekStartsOn,
+		weekdayFormat = "narrow",
+		isDateDisabled = () => false,
+		fixedWeeks = false,
+		numberOfMonths = 1,
+		closeOnDateSelect = true,
+		initialFocus = false,
+		errorMessageId,
+		children,
+		monthFormat = "long",
+		yearFormat = "numeric",
+	}: DatePickerRootProps = $props();
+
+	const defaultPlaceholder = getDefaultDate({
+		granularity,
+		defaultValue: value,
+		minValue,
+		maxValue,
+	});
+
+	function handleDefaultPlaceholder() {
+		if (placeholder !== undefined) return;
+		placeholder = defaultPlaceholder;
+	}
+
+	// SSR
+	handleDefaultPlaceholder();
+
+	/**
+	 * Covers an edge case where when a spread props object is reassigned,
+	 * the props are reset to their default values, which would make placeholder
+	 * undefined which causes errors to be thrown.
+	 */
+	watch.pre(
+		() => placeholder,
+		() => {
+			handleDefaultPlaceholder();
+		}
+	);
+
+	function onDateSelect() {
+		if (closeOnDateSelect) {
+			open = false;
+		}
+	}
+
+	const pickerRootState = DatePickerRootState.create({
+		open: boxWith(
+			() => open,
+			(v) => {
+				open = v;
+				onOpenChange(v);
+			}
+		),
+		value: boxWith(
+			() => value,
+			(v) => {
+				value = v;
+				onValueChange(v);
+			}
+		),
+		placeholder: boxWith(
+			() => placeholder as DateValue,
+			(v) => {
+				placeholder = v;
+				onPlaceholderChange(v as DateValue);
+			}
+		),
+		isDateUnavailable: boxWith(() => isDateUnavailable),
+		minValue: boxWith(() => minValue),
+		maxValue: boxWith(() => maxValue),
+		disabled: boxWith(() => disabled),
+		readonly: boxWith(() => readonly),
+		granularity: boxWith(() => granularity),
+		readonlySegments: boxWith(() => readonlySegments),
+		hourCycle: boxWith(() => hourCycle),
+		locale: resolveLocaleProp(() => locale),
+		hideTimeZone: boxWith(() => hideTimeZone),
+		required: boxWith(() => required),
+		calendarLabel: boxWith(() => calendarLabel),
+		disableDaysOutsideMonth: boxWith(() => disableDaysOutsideMonth),
+		preventDeselect: boxWith(() => preventDeselect),
+		pagedNavigation: boxWith(() => pagedNavigation),
+		weekStartsOn: boxWith(() => weekStartsOn),
+		weekdayFormat: boxWith(() => weekdayFormat),
+		isDateDisabled: boxWith(() => isDateDisabled),
+		fixedWeeks: boxWith(() => fixedWeeks),
+		numberOfMonths: boxWith(() => numberOfMonths),
+		initialFocus: boxWith(() => initialFocus),
+		onDateSelect: boxWith(() => onDateSelect),
+		defaultPlaceholder,
+		monthFormat: boxWith(() => monthFormat),
+		yearFormat: boxWith(() => yearFormat),
+	});
+
+	PopoverRootState.create({
+		open: pickerRootState.opts.open,
+		onOpenChangeComplete: boxWith(() => onOpenChangeComplete),
+	});
+
+	DateFieldRootState.create({
+		value: pickerRootState.opts.value,
+		disabled: pickerRootState.opts.disabled,
+		readonly: pickerRootState.opts.readonly,
+		readonlySegments: pickerRootState.opts.readonlySegments,
+		validate: boxWith(() => validate),
+		onInvalid: boxWith(() => onInvalid),
+		minValue: pickerRootState.opts.minValue,
+		maxValue: pickerRootState.opts.maxValue,
+		granularity: pickerRootState.opts.granularity,
+		hideTimeZone: pickerRootState.opts.hideTimeZone,
+		hourCycle: pickerRootState.opts.hourCycle,
+		locale: pickerRootState.opts.locale,
+		required: pickerRootState.opts.required,
+		placeholder: pickerRootState.opts.placeholder,
+		errorMessageId: boxWith(() => errorMessageId),
+		isInvalidProp: boxWith(() => undefined),
+	});
+</script>
+
+<FloatingLayer.Root>
+	{@render children?.()}
+</FloatingLayer.Root>

package/dist/bits/date-picker/components/date-picker.svelte.d.ts

@@ -0,0 +1,3 @@
+declare const DatePicker: import("svelte").Component<import("../types.js").DatePickerRootPropsWithoutHTML, {}, "value" | "placeholder" | "open">;
+type DatePicker = ReturnType<typeof DatePicker>;
+export default DatePicker;

package/dist/bits/date-picker/date-picker.svelte.d.ts

@@ -0,0 +1,44 @@
+import type { DateValue } from "@internationalized/date";
+import { Context } from "runed";
+import { type ReadableBoxedValues, type WritableBoxedValues } from "svelte-toolbelt";
+import type { DateMatcher, SegmentPart } from "../../shared/index.js";
+import type { Granularity, HourCycle, WeekStartsOn } from "../../shared/date/types.js";
+export declare const DatePickerRootContext: Context<DatePickerRootState>;
+interface DatePickerRootStateOpts extends WritableBoxedValues<{
+    value: DateValue | undefined;
+    open: boolean;
+    placeholder: DateValue;
+}>, ReadableBoxedValues<{
+    readonlySegments: SegmentPart[];
+    isDateUnavailable: DateMatcher;
+    isDateDisabled: DateMatcher;
+    minValue: DateValue | undefined;
+    maxValue: DateValue | undefined;
+    disabled: boolean;
+    readonly: boolean;
+    granularity: Granularity | undefined;
+    hourCycle: HourCycle | undefined;
+    locale: string;
+    hideTimeZone: boolean;
+    required: boolean;
+    preventDeselect: boolean;
+    pagedNavigation: boolean;
+    weekStartsOn: WeekStartsOn | undefined;
+    weekdayFormat: Intl.DateTimeFormatOptions["weekday"];
+    fixedWeeks: boolean;
+    numberOfMonths: number;
+    calendarLabel: string;
+    disableDaysOutsideMonth: boolean;
+    initialFocus: boolean;
+    onDateSelect?: () => void;
+    monthFormat: Intl.DateTimeFormatOptions["month"] | ((month: number) => string);
+    yearFormat: Intl.DateTimeFormatOptions["year"] | ((year: number) => string);
+}> {
+    defaultPlaceholder: DateValue;
+}
+export declare class DatePickerRootState {
+    static create(opts: DatePickerRootStateOpts): DatePickerRootState;
+    readonly opts: DatePickerRootStateOpts;
+    constructor(opts: DatePickerRootStateOpts);
+}
+export {};

package/dist/bits/date-picker/date-picker.svelte.js

@@ -0,0 +1,12 @@
+import { Context } from "runed";
+import {} from "svelte-toolbelt";
+export const DatePickerRootContext = new Context("DatePicker.Root");
+export class DatePickerRootState {
+    static create(opts) {
+        return DatePickerRootContext.set(new DatePickerRootState(opts));
+    }
+    opts;
+    constructor(opts) {
+        this.opts = opts;
+    }
+}

package/dist/bits/date-picker/exports.d.ts

@@ -0,0 +1,25 @@
+export { default as Root } from "./components/date-picker.svelte";
+export { default as Calendar } from "./components/date-picker-calendar.svelte";
+export { default as Content } from "./components/date-picker-content.svelte";
+export { default as ContentStatic } from "./components/date-picker-content-static.svelte";
+export { default as Trigger } from "./components/date-picker-trigger.svelte";
+export { default as Arrow } from "../popover/components/popover-arrow.svelte";
+export { default as Close } from "../popover/components/popover-close.svelte";
+export { default as Input } from "../date-field/components/date-field-input.svelte";
+export { default as Label } from "../date-field/components/date-field-label.svelte";
+export { default as Segment } from "../date-field/components/date-field-segment.svelte";
+export { default as GridBody } from "../calendar/components/calendar-grid-body.svelte";
+export { default as GridHead } from "../calendar/components/calendar-grid-head.svelte";
+export { default as GridRow } from "../calendar/components/calendar-grid-row.svelte";
+export { default as Grid } from "../calendar/components/calendar-grid.svelte";
+export { default as HeadCell } from "../calendar/components/calendar-head-cell.svelte";
+export { default as Header } from "../calendar/components/calendar-header.svelte";
+export { default as Heading } from "../calendar/components/calendar-heading.svelte";
+export { default as NextButton } from "../calendar/components/calendar-next-button.svelte";
+export { default as PrevButton } from "../calendar/components/calendar-prev-button.svelte";
+export { default as MonthSelect } from "../calendar/components/calendar-month-select.svelte";
+export { default as YearSelect } from "../calendar/components/calendar-year-select.svelte";
+export { default as Cell } from "../calendar/components/calendar-cell.svelte";
+export { default as Day } from "../calendar/components/calendar-day.svelte";
+export { default as Portal } from "../utilities/portal/portal.svelte";
+export type { DatePickerRootProps as RootProps, DatePickerLabelProps as LabelProps, DatePickerInputProps as InputProps, DatePickerSegmentProps as SegmentProps, DatePickerArrowProps as ArrowProps, DatePickerCloseProps as CloseProps, DatePickerContentProps as ContentProps, DatePickerContentStaticProps as ContentStaticProps, DatePickerTriggerProps as TriggerProps, DatePickerCalendarProps as CalendarProps, DatePickerCellProps as CellProps, DatePickerDayProps as DayProps, DatePickerGridBodyProps as GridBodyProps, DatePickerGridHeadProps as GridHeadProps, DatePickerGridProps as GridProps, DatePickerGridRowProps as GridRowProps, DatePickerHeadCellProps as HeadCellProps, DatePickerHeaderProps as HeaderProps, DatePickerHeadingProps as HeadingProps, DatePickerNextButtonProps as NextButtonProps, DatePickerPrevButtonProps as PrevButtonProps, DatePickerPortalProps as PortalProps, DatePickerMonthSelectProps as MonthSelectProps, DatePickerYearSelectProps as YearSelectProps, } from "./types.js";

package/dist/bits/date-picker/exports.js

@@ -0,0 +1,24 @@
+export { default as Root } from "./components/date-picker.svelte";
+export { default as Calendar } from "./components/date-picker-calendar.svelte";
+export { default as Content } from "./components/date-picker-content.svelte";
+export { default as ContentStatic } from "./components/date-picker-content-static.svelte";
+export { default as Trigger } from "./components/date-picker-trigger.svelte";
+export { default as Arrow } from "../popover/components/popover-arrow.svelte";
+export { default as Close } from "../popover/components/popover-close.svelte";
+export { default as Input } from "../date-field/components/date-field-input.svelte";
+export { default as Label } from "../date-field/components/date-field-label.svelte";
+export { default as Segment } from "../date-field/components/date-field-segment.svelte";
+export { default as GridBody } from "../calendar/components/calendar-grid-body.svelte";
+export { default as GridHead } from "../calendar/components/calendar-grid-head.svelte";
+export { default as GridRow } from "../calendar/components/calendar-grid-row.svelte";
+export { default as Grid } from "../calendar/components/calendar-grid.svelte";
+export { default as HeadCell } from "../calendar/components/calendar-head-cell.svelte";
+export { default as Header } from "../calendar/components/calendar-header.svelte";
+export { default as Heading } from "../calendar/components/calendar-heading.svelte";
+export { default as NextButton } from "../calendar/components/calendar-next-button.svelte";
+export { default as PrevButton } from "../calendar/components/calendar-prev-button.svelte";
+export { default as MonthSelect } from "../calendar/components/calendar-month-select.svelte";
+export { default as YearSelect } from "../calendar/components/calendar-year-select.svelte";
+export { default as Cell } from "../calendar/components/calendar-cell.svelte";
+export { default as Day } from "../calendar/components/calendar-day.svelte";
+export { default as Portal } from "../utilities/portal/portal.svelte";

package/dist/bits/date-picker/index.d.ts

@@ -0,0 +1 @@
+export * as DatePicker from "./exports.js";

package/dist/bits/date-picker/index.js

@@ -0,0 +1 @@
+export * as DatePicker from "./exports.js";