@vibesdotdev/kit 0.0.0-stage → 1.0.0-rc.3

package/dist/lib/components/ui/calendar/calendar-cell.svelte

@@ -0,0 +1,13 @@
+<script lang="ts">import { Calendar as CalendarPrimitive } from "bits-ui";
+import { cn } from "../../../utils.js";
+let { ref = $bindable(null), class: className, ...restProps } = $props();
+</script>
+
+<CalendarPrimitive.Cell
+	bind:ref
+	class={cn(
+		'relative size-(--cell-size) p-0 text-center text-sm focus-within:z-20 [&:first-child[data-selected]_[data-bits-day]]:rounded-s-md [&:last-child[data-selected]_[data-bits-day]]:rounded-e-md',
+		className
+	)}
+	{...restProps}
+/>

package/dist/lib/components/ui/calendar/calendar-cell.svelte.d.ts

@@ -0,0 +1,4 @@
+import { Calendar as CalendarPrimitive } from 'bits-ui';
+declare const CalendarCell: import("svelte").Component<CalendarPrimitive.CellProps, {}, "ref">;
+type CalendarCell = ReturnType<typeof CalendarCell>;
+export default CalendarCell;

package/dist/lib/components/ui/calendar/calendar-day.svelte

@@ -0,0 +1,29 @@
+<script lang="ts">import { buttonVariants } from "../button/index.js";
+import { cn } from "../../../utils.js";
+import { Calendar as CalendarPrimitive } from "bits-ui";
+let { ref = $bindable(null), class: className, ...restProps } = $props();
+</script>
+
+<CalendarPrimitive.Day
+	bind:ref
+	class={cn(
+		buttonVariants({ variant: 'ghost' }),
+		'flex size-(--cell-size) flex-col items-center justify-center gap-1 p-0 leading-none font-normal whitespace-nowrap select-none',
+		'[&[data-today]:not([data-selected])]:bg-accent [&[data-today]:not([data-selected])]:text-accent-foreground [&[data-today][data-disabled]]:text-muted-foreground',
+		'data-[selected]:bg-primary data-[selected]:text-primary-foreground dark:data-[selected]:hover:bg-accent/50',
+		// Outside months
+		'[&[data-outside-month]:not([data-selected])]:text-muted-foreground [&[data-outside-month]:not([data-selected])]:hover:text-accent-foreground',
+		// Disabled
+		'data-[disabled]:pointer-events-none data-[disabled]:text-muted-foreground data-[disabled]:opacity-50',
+		// Unavailable
+		'data-[unavailable]:text-muted-foreground data-[unavailable]:line-through',
+		// hover
+		'dark:hover:text-accent-foreground',
+		// focus
+		'focus:relative focus:border-ring focus:ring-ring/50',
+		// inner spans
+		'[&>span]:text-xs [&>span]:opacity-70',
+		className
+	)}
+	{...restProps}
+/>

package/dist/lib/components/ui/calendar/calendar-day.svelte.d.ts

@@ -0,0 +1,4 @@
+import { Calendar as CalendarPrimitive } from 'bits-ui';
+declare const CalendarDay: import("svelte").Component<CalendarPrimitive.DayProps, {}, "ref">;
+type CalendarDay = ReturnType<typeof CalendarDay>;
+export default CalendarDay;

package/dist/lib/components/ui/calendar/calendar-grid-body.svelte

@@ -0,0 +1,6 @@
+<script lang="ts">import { Calendar as CalendarPrimitive } from "bits-ui";
+import { cn } from "../../../utils.js";
+let { ref = $bindable(null), class: className, ...restProps } = $props();
+</script>
+
+<CalendarPrimitive.GridBody bind:ref class={cn(className)} {...restProps} />

package/dist/lib/components/ui/calendar/calendar-grid-body.svelte.d.ts

@@ -0,0 +1,4 @@
+import { Calendar as CalendarPrimitive } from 'bits-ui';
+declare const CalendarGridBody: import("svelte").Component<CalendarPrimitive.GridBodyProps, {}, "ref">;
+type CalendarGridBody = ReturnType<typeof CalendarGridBody>;
+export default CalendarGridBody;

package/dist/lib/components/ui/calendar/calendar-grid-head.svelte

@@ -0,0 +1,6 @@
+<script lang="ts">import { Calendar as CalendarPrimitive } from "bits-ui";
+import { cn } from "../../../utils.js";
+let { ref = $bindable(null), class: className, ...restProps } = $props();
+</script>
+
+<CalendarPrimitive.GridHead bind:ref class={cn(className)} {...restProps} />

package/dist/lib/components/ui/calendar/calendar-grid-head.svelte.d.ts

@@ -0,0 +1,4 @@
+import { Calendar as CalendarPrimitive } from 'bits-ui';
+declare const CalendarGridHead: import("svelte").Component<CalendarPrimitive.GridHeadProps, {}, "ref">;
+type CalendarGridHead = ReturnType<typeof CalendarGridHead>;
+export default CalendarGridHead;

package/dist/lib/components/ui/calendar/calendar-grid-row.svelte

@@ -0,0 +1,6 @@
+<script lang="ts">import { Calendar as CalendarPrimitive } from "bits-ui";
+import { cn } from "../../../utils.js";
+let { ref = $bindable(null), class: className, ...restProps } = $props();
+</script>
+
+<CalendarPrimitive.GridRow bind:ref class={cn('flex', className)} {...restProps} />

package/dist/lib/components/ui/calendar/calendar-grid-row.svelte.d.ts

@@ -0,0 +1,4 @@
+import { Calendar as CalendarPrimitive } from 'bits-ui';
+declare const CalendarGridRow: import("svelte").Component<CalendarPrimitive.GridRowProps, {}, "ref">;
+type CalendarGridRow = ReturnType<typeof CalendarGridRow>;
+export default CalendarGridRow;

package/dist/lib/components/ui/calendar/calendar-grid.svelte

@@ -0,0 +1,10 @@
+<script lang="ts">import { Calendar as CalendarPrimitive } from "bits-ui";
+import { cn } from "../../../utils.js";
+let { ref = $bindable(null), class: className, ...restProps } = $props();
+</script>
+
+<CalendarPrimitive.Grid
+	bind:ref
+	class={cn('mt-4 flex w-full border-collapse flex-col gap-1', className)}
+	{...restProps}
+/>

package/dist/lib/components/ui/calendar/calendar-grid.svelte.d.ts

@@ -0,0 +1,4 @@
+import { Calendar as CalendarPrimitive } from 'bits-ui';
+declare const CalendarGrid: import("svelte").Component<CalendarPrimitive.GridProps, {}, "ref">;
+type CalendarGrid = ReturnType<typeof CalendarGrid>;
+export default CalendarGrid;

package/dist/lib/components/ui/calendar/calendar-head-cell.svelte

@@ -0,0 +1,13 @@
+<script lang="ts">import { Calendar as CalendarPrimitive } from "bits-ui";
+import { cn } from "../../../utils.js";
+let { ref = $bindable(null), class: className, ...restProps } = $props();
+</script>
+
+<CalendarPrimitive.HeadCell
+	bind:ref
+	class={cn(
+		'w-(--cell-size) rounded-md text-[0.8rem] font-normal text-muted-foreground',
+		className
+	)}
+	{...restProps}
+/>

package/dist/lib/components/ui/calendar/calendar-head-cell.svelte.d.ts

@@ -0,0 +1,4 @@
+import { Calendar as CalendarPrimitive } from 'bits-ui';
+declare const CalendarHeadCell: import("svelte").Component<CalendarPrimitive.HeadCellProps, {}, "ref">;
+type CalendarHeadCell = ReturnType<typeof CalendarHeadCell>;
+export default CalendarHeadCell;

package/dist/lib/components/ui/calendar/calendar-header.svelte

@@ -0,0 +1,13 @@
+<script lang="ts">import { Calendar as CalendarPrimitive } from "bits-ui";
+import { cn } from "../../../utils.js";
+let { ref = $bindable(null), class: className, ...restProps } = $props();
+</script>
+
+<CalendarPrimitive.Header
+	bind:ref
+	class={cn(
+		'flex h-(--cell-size) w-full items-center justify-center gap-1.5 text-sm font-medium',
+		className
+	)}
+	{...restProps}
+/>

package/dist/lib/components/ui/calendar/calendar-header.svelte.d.ts

@@ -0,0 +1,4 @@
+import { Calendar as CalendarPrimitive } from 'bits-ui';
+declare const CalendarHeader: import("svelte").Component<CalendarPrimitive.HeaderProps, {}, "ref">;
+type CalendarHeader = ReturnType<typeof CalendarHeader>;
+export default CalendarHeader;

package/dist/lib/components/ui/calendar/calendar-heading.svelte

@@ -0,0 +1,10 @@
+<script lang="ts">import { Calendar as CalendarPrimitive } from "bits-ui";
+import { cn } from "../../../utils.js";
+let { ref = $bindable(null), class: className, ...restProps } = $props();
+</script>
+
+<CalendarPrimitive.Heading
+	bind:ref
+	class={cn('px-(--cell-size) text-sm font-medium', className)}
+	{...restProps}
+/>

package/dist/lib/components/ui/calendar/calendar-heading.svelte.d.ts

@@ -0,0 +1,4 @@
+import { Calendar as CalendarPrimitive } from 'bits-ui';
+declare const CalendarHeading: import("svelte").Component<CalendarPrimitive.HeadingProps, {}, "ref">;
+type CalendarHeading = ReturnType<typeof CalendarHeading>;
+export default CalendarHeading;

package/dist/lib/components/ui/calendar/calendar-month-select.svelte

@@ -0,0 +1,11 @@
+<script lang="ts">import CaptionSelect from "./caption-select.svelte";
+import { monthOptions } from "./caption-options.js";
+let { ref = $bindable(null), class: className, value, months, monthFormat = "long", locale = "en-US", "aria-label": label = "Select a month", onchange, onValueChange } = $props();
+const options = $derived(monthOptions({
+	months,
+	monthFormat,
+	locale
+}));
+</script>
+
+<CaptionSelect bind:ref class={className} {value} {options} {label} {onchange} {onValueChange} />

package/dist/lib/components/ui/calendar/calendar-month-select.svelte.d.ts

@@ -0,0 +1,17 @@
+import { type CaptionMonthFormat } from './caption-options.ts';
+interface Props {
+    ref?: HTMLElement | null;
+    class?: string;
+    /** The shown month, 1-12 (`DateValue.month`). */
+    value?: number;
+    /** 1-based months to offer; every month when absent. */
+    months?: number[];
+    monthFormat?: CaptionMonthFormat;
+    locale?: string;
+    'aria-label'?: string;
+    onchange?: (e: Event) => void;
+    onValueChange?: (month: number) => void;
+}
+declare const CalendarMonthSelect: import("svelte").Component<Props, {}, "ref">;
+type CalendarMonthSelect = ReturnType<typeof CalendarMonthSelect>;
+export default CalendarMonthSelect;

package/dist/lib/components/ui/calendar/calendar-month.svelte

@@ -0,0 +1,7 @@
+<script lang="ts">import { cn } from "../../../utils.js";
+let { ref = $bindable(null), class: className, children, ...restProps } = $props();
+</script>
+
+<div {...restProps} bind:this={ref} class={cn('flex flex-col', className)}>
+	{@render children?.()}
+</div>

package/dist/lib/components/ui/calendar/calendar-month.svelte.d.ts

@@ -0,0 +1,5 @@
+import { type WithElementRef } from '../../../utils.js';
+import type { HTMLAttributes } from 'svelte/elements';
+declare const CalendarMonth: import("svelte").Component<WithElementRef<HTMLAttributes<HTMLElement>>, {}, "ref">;
+type CalendarMonth = ReturnType<typeof CalendarMonth>;
+export default CalendarMonth;

package/dist/lib/components/ui/calendar/calendar-months.svelte

@@ -0,0 +1,11 @@
+<script lang="ts">import { cn } from "../../../utils.js";
+let { ref = $bindable(null), class: className, children, ...restProps } = $props();
+</script>
+
+<div
+	bind:this={ref}
+	class={cn('relative flex flex-col gap-4 md:flex-row', className)}
+	{...restProps}
+>
+	{@render children?.()}
+</div>

package/dist/lib/components/ui/calendar/calendar-months.svelte.d.ts

@@ -0,0 +1,5 @@
+import type { HTMLAttributes } from 'svelte/elements';
+import { type WithElementRef } from '../../../utils.js';
+declare const CalendarMonths: import("svelte").Component<WithElementRef<HTMLAttributes<HTMLDivElement>>, {}, "ref">;
+type CalendarMonths = ReturnType<typeof CalendarMonths>;
+export default CalendarMonths;

package/dist/lib/components/ui/calendar/calendar-nav.svelte

@@ -0,0 +1,11 @@
+<script lang="ts">import { cn } from "../../../utils.js";
+let { ref = $bindable(null), class: className, children, ...restProps } = $props();
+</script>
+
+<nav
+	{...restProps}
+	bind:this={ref}
+	class={cn('absolute inset-x-0 top-0 flex w-full items-center justify-between gap-1', className)}
+>
+	{@render children?.()}
+</nav>

package/dist/lib/components/ui/calendar/calendar-nav.svelte.d.ts

@@ -0,0 +1,5 @@
+import { type WithElementRef } from '../../../utils.js';
+import type { HTMLAttributes } from 'svelte/elements';
+declare const CalendarNav: import("svelte").Component<WithElementRef<HTMLAttributes<HTMLElement>>, {}, "ref">;
+type CalendarNav = ReturnType<typeof CalendarNav>;
+export default CalendarNav;

package/dist/lib/components/ui/calendar/calendar-next-button.svelte

@@ -0,0 +1,21 @@
+<script lang="ts">import { Calendar as CalendarPrimitive } from "bits-ui";
+import { Icon } from "../../icon";
+import { buttonVariants } from "../button/index.js";
+import { cn } from "../../../utils.js";
+let { ref = $bindable(null), class: className, children, variant = "ghost", ...restProps } = $props();
+</script>
+
+{#snippet Fallback()}
+	<Icon icon="lucide:chevron-right" class="size-4" />
+{/snippet}
+
+<CalendarPrimitive.NextButton
+	bind:ref
+	class={cn(
+		buttonVariants({ variant }),
+		'size-(--cell-size) bg-transparent p-0 select-none disabled:opacity-50 rtl:rotate-180',
+		className
+	)}
+	children={children || Fallback}
+	{...restProps}
+/>

package/dist/lib/components/ui/calendar/calendar-next-button.svelte.d.ts

@@ -0,0 +1,8 @@
+import { Calendar as CalendarPrimitive } from 'bits-ui';
+import { type ButtonVariant } from '../button/index.js';
+type $$ComponentProps = CalendarPrimitive.NextButtonProps & {
+    variant?: ButtonVariant;
+};
+declare const CalendarNextButton: import("svelte").Component<$$ComponentProps, {}, "ref">;
+type CalendarNextButton = ReturnType<typeof CalendarNextButton>;
+export default CalendarNextButton;

package/dist/lib/components/ui/calendar/calendar-prev-button.svelte

@@ -0,0 +1,21 @@
+<script lang="ts">import { Calendar as CalendarPrimitive } from "bits-ui";
+import { Icon } from "../../icon";
+import { buttonVariants } from "../button/index.js";
+import { cn } from "../../../utils.js";
+let { ref = $bindable(null), class: className, children, variant = "ghost", ...restProps } = $props();
+</script>
+
+{#snippet Fallback()}
+	<Icon icon="lucide:chevron-left" class="size-4" />
+{/snippet}
+
+<CalendarPrimitive.PrevButton
+	bind:ref
+	class={cn(
+		buttonVariants({ variant }),
+		'size-(--cell-size) bg-transparent p-0 select-none disabled:opacity-50 rtl:rotate-180',
+		className
+	)}
+	children={children || Fallback}
+	{...restProps}
+/>

package/dist/lib/components/ui/calendar/calendar-prev-button.svelte.d.ts

@@ -0,0 +1,8 @@
+import { Calendar as CalendarPrimitive } from 'bits-ui';
+import { type ButtonVariant } from '../button/index.js';
+type $$ComponentProps = CalendarPrimitive.PrevButtonProps & {
+    variant?: ButtonVariant;
+};
+declare const CalendarPrevButton: import("svelte").Component<$$ComponentProps, {}, "ref">;
+type CalendarPrevButton = ReturnType<typeof CalendarPrevButton>;
+export default CalendarPrevButton;

package/dist/lib/components/ui/calendar/calendar-year-select.svelte

@@ -0,0 +1,12 @@
+<script lang="ts">import CaptionSelect from "./caption-select.svelte";
+import { yearOptions } from "./caption-options.js";
+let { ref = $bindable(null), class: className, value, years, yearFormat = "numeric", locale = "en-US", "aria-label": label = "Select a year", onchange, onValueChange } = $props();
+const options = $derived(yearOptions({
+	years,
+	yearFormat,
+	locale,
+	displayedYear: value ?? new Date().getFullYear()
+}));
+</script>
+
+<CaptionSelect bind:ref class={className} {value} {options} {label} {onchange} {onValueChange} />

package/dist/lib/components/ui/calendar/calendar-year-select.svelte.d.ts

@@ -0,0 +1,17 @@
+import { type CaptionYearFormat } from './caption-options.ts';
+interface Props {
+    ref?: HTMLElement | null;
+    class?: string;
+    /** The shown year; it is always offered. */
+    value?: number;
+    /** Years to offer; ten either side of the shown year when absent. */
+    years?: number[];
+    yearFormat?: CaptionYearFormat;
+    locale?: string;
+    'aria-label'?: string;
+    onchange?: (e: Event) => void;
+    onValueChange?: (year: number) => void;
+}
+declare const CalendarYearSelect: import("svelte").Component<Props, {}, "ref">;
+type CalendarYearSelect = ReturnType<typeof CalendarYearSelect>;
+export default CalendarYearSelect;

package/dist/lib/components/ui/calendar/calendar.svelte

@@ -0,0 +1,159 @@
+<script lang="ts">import { Calendar as CalendarPrimitive } from "bits-ui";
+import * as Calendar from "./index.js";
+import { cn } from "../../../utils.js";
+import { isEqualMonth } from "@internationalized/date";
+let { ref = $bindable(null), value = $bindable(), type = "single", onValueChange, placeholder = $bindable(), class: className, weekdayFormat = "short", buttonVariant = "ghost", captionLayout = "label", locale = "en-US", months: monthsProp, years, monthFormat: monthFormatProp, yearFormat = "numeric", day, disableDaysOutsideMonth = false, ...restProps } = $props();
+const monthFormat = $derived.by(() => {
+	if (monthFormatProp) return monthFormatProp;
+	if (captionLayout.startsWith("dropdown")) return "short";
+	return "long";
+});
+</script>
+
+{#if type === 'multiple'}
+	<CalendarPrimitive.Root
+		type="multiple"
+		bind:value={value as CalendarMultipleProps['value']}
+		onValueChange={onValueChange as CalendarMultipleProps['onValueChange']}
+		bind:ref
+		bind:placeholder
+		{weekdayFormat}
+		{disableDaysOutsideMonth}
+		class={cn(
+			'group/calendar bg-background p-3 [--cell-size:--spacing(8)] [[data-slot=card-content]_&]:bg-transparent [[data-slot=popover-content]_&]:bg-transparent',
+			className
+		)}
+		{locale}
+		{monthFormat}
+		{yearFormat}
+		{...restProps}
+	>
+		{#snippet children({ months, weekdays })}
+			<Calendar.Months>
+				<Calendar.Nav>
+					<Calendar.PrevButton variant={buttonVariant} />
+					<Calendar.NextButton variant={buttonVariant} />
+				</Calendar.Nav>
+				{#each months as month, monthIndex (month)}
+					<Calendar.Month>
+						<Calendar.Header>
+							<Calendar.Caption
+								{captionLayout}
+								months={monthsProp}
+								{monthFormat}
+								{years}
+								{yearFormat}
+								month={month.value}
+								bind:placeholder
+								{locale}
+								{monthIndex}
+							/>
+						</Calendar.Header>
+						<Calendar.Grid>
+							<Calendar.GridHead>
+								<Calendar.GridRow class="select-none">
+									{#each weekdays as weekday (weekday)}
+										<Calendar.HeadCell>
+											{weekday.slice(0, 2)}
+										</Calendar.HeadCell>
+									{/each}
+								</Calendar.GridRow>
+							</Calendar.GridHead>
+							<Calendar.GridBody>
+								{#each month.weeks as weekDates (weekDates)}
+									<Calendar.GridRow class="mt-2 w-full">
+										{#each weekDates as date (date)}
+											<Calendar.Cell {date} month={month.value}>
+												{#if day}
+													{@render day({
+														day: date,
+														outsideMonth: !isEqualMonth(date, month.value)
+													})}
+												{:else}
+													<Calendar.Day />
+												{/if}
+											</Calendar.Cell>
+										{/each}
+									</Calendar.GridRow>
+								{/each}
+							</Calendar.GridBody>
+						</Calendar.Grid>
+					</Calendar.Month>
+				{/each}
+			</Calendar.Months>
+		{/snippet}
+	</CalendarPrimitive.Root>
+{:else}
+	<CalendarPrimitive.Root
+		type="single"
+		bind:value={value as CalendarSingleProps['value']}
+		onValueChange={onValueChange as CalendarSingleProps['onValueChange']}
+		bind:ref
+		bind:placeholder
+		{weekdayFormat}
+		{disableDaysOutsideMonth}
+		class={cn(
+			'group/calendar bg-background p-3 [--cell-size:--spacing(8)] [[data-slot=card-content]_&]:bg-transparent [[data-slot=popover-content]_&]:bg-transparent',
+			className
+		)}
+		{locale}
+		{monthFormat}
+		{yearFormat}
+		{...restProps}
+	>
+		{#snippet children({ months, weekdays })}
+			<Calendar.Months>
+				<Calendar.Nav>
+					<Calendar.PrevButton variant={buttonVariant} />
+					<Calendar.NextButton variant={buttonVariant} />
+				</Calendar.Nav>
+				{#each months as month, monthIndex (month)}
+					<Calendar.Month>
+						<Calendar.Header>
+							<Calendar.Caption
+								{captionLayout}
+								months={monthsProp}
+								{monthFormat}
+								{years}
+								{yearFormat}
+								month={month.value}
+								bind:placeholder
+								{locale}
+								{monthIndex}
+							/>
+						</Calendar.Header>
+						<Calendar.Grid>
+							<Calendar.GridHead>
+								<Calendar.GridRow class="select-none">
+									{#each weekdays as weekday (weekday)}
+										<Calendar.HeadCell>
+											{weekday.slice(0, 2)}
+										</Calendar.HeadCell>
+									{/each}
+								</Calendar.GridRow>
+							</Calendar.GridHead>
+							<Calendar.GridBody>
+								{#each month.weeks as weekDates (weekDates)}
+									<Calendar.GridRow class="mt-2 w-full">
+										{#each weekDates as date (date)}
+											<Calendar.Cell {date} month={month.value}>
+												{#if day}
+													{@render day({
+														day: date,
+														outsideMonth: !isEqualMonth(date, month.value)
+													})}
+												{:else}
+													<Calendar.Day />
+												{/if}
+											</Calendar.Cell>
+										{/each}
+									</Calendar.GridRow>
+								{/each}
+							</Calendar.GridBody>
+						</Calendar.Grid>
+					</Calendar.Month>
+				{/each}
+			</Calendar.Months>
+		{/snippet}
+	</CalendarPrimitive.Root>
+{/if}

package/dist/lib/components/ui/calendar/calendar.svelte.d.ts

@@ -0,0 +1,31 @@
+import { Calendar as CalendarPrimitive } from 'bits-ui';
+import * as Calendar from './index.js';
+import { type WithoutChildrenOrChild } from '../../../utils.js';
+import type { ButtonVariant } from '../button/button.shared.ts';
+import { type DateValue } from '@internationalized/date';
+import type { Snippet } from 'svelte';
+type CalendarSingleProps = Omit<WithoutChildrenOrChild<Extract<CalendarPrimitive.RootProps, {
+    type: 'single';
+}>>, 'type'> & {
+    type?: 'single';
+};
+type CalendarMultipleProps = Omit<WithoutChildrenOrChild<Extract<CalendarPrimitive.RootProps, {
+    type: 'multiple';
+}>>, 'type'> & {
+    type?: 'multiple';
+};
+type CalendarProps = (CalendarSingleProps | CalendarMultipleProps) & {
+    buttonVariant?: ButtonVariant;
+    captionLayout?: 'dropdown' | 'dropdown-months' | 'dropdown-years' | 'label';
+    months?: CalendarPrimitive.MonthSelectProps['months'];
+    years?: CalendarPrimitive.YearSelectProps['years'];
+    monthFormat?: CalendarPrimitive.MonthSelectProps['monthFormat'];
+    yearFormat?: CalendarPrimitive.YearSelectProps['yearFormat'];
+    day?: Snippet<[{
+        day: DateValue;
+        outsideMonth: boolean;
+    }]>;
+};
+declare const Calendar: import("svelte").Component<CalendarProps, {}, "value" | "placeholder" | "ref">;
+type Calendar = ReturnType<typeof Calendar>;
+export default Calendar;

package/dist/lib/components/ui/calendar/caption-options.d.ts

@@ -0,0 +1,41 @@
+import { type DateValue } from '@internationalized/date';
+/** How a caption names a month: an Intl month style, or a formatter given the 1-based month. */
+export type CaptionMonthFormat = Intl.DateTimeFormatOptions['month'] | ((month: number) => string);
+/** How a caption names a year: an Intl year style, or a formatter given the full year. */
+export type CaptionYearFormat = Intl.DateTimeFormatOptions['year'] | ((year: number) => string);
+/** One dropdown entry. Month values are 1-12, matching `DateValue.month`. */
+export interface CaptionOption {
+    readonly value: number;
+    readonly label: string;
+}
+export interface MonthOptionsInput {
+    /** 1-based months to offer; every month when absent or empty. */
+    readonly months?: readonly number[];
+    readonly monthFormat?: CaptionMonthFormat;
+    readonly locale: string;
+}
+export interface YearOptionsInput {
+    /** Years to offer; ten either side of `displayedYear` when absent or empty. */
+    readonly years?: readonly number[];
+    readonly yearFormat?: CaptionYearFormat;
+    readonly locale: string;
+    /** The year the calendar shows. It is always offered, so the select can display it. */
+    readonly displayedYear: number;
+}
+/** Ten years either side of the displayed year when the caller names none. */
+export declare const DEFAULT_YEAR_SPAN = 10;
+export declare function formatCaptionMonth(month: number, format: CaptionMonthFormat, locale: string): string;
+export declare function formatCaptionYear(year: number, format: CaptionYearFormat, locale: string): string;
+export declare function monthOptions(input: MonthOptionsInput): CaptionOption[];
+export declare function yearOptions(input: YearOptionsInput): CaptionOption[];
+/**
+ * The placeholder after choosing `month` in the caption of the panel showing
+ * `panel`, the `panelIndex`-th visible month. The choice keeps the panel's own
+ * year, so picking March in a January panel that follows December stays in the
+ * panel's year.
+ */
+export declare function placeholderForMonth(placeholder: DateValue, panel: DateValue, month: number, panelIndex: number): DateValue;
+/** The placeholder after choosing `year` in the caption of the `panelIndex`-th panel. */
+export declare function placeholderForYear(placeholder: DateValue, panel: DateValue, year: number, panelIndex: number): DateValue;
+/** A select's chosen option as its number, or `undefined` for anything that is not one. */
+export declare function selectedOptionValue(raw: string): number | undefined;