bits-ui 0.9.9 → 0.10.0

package/dist/bits/calendar/_export.types.js

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

package/dist/bits/calendar/_types.d.ts

@@ -0,0 +1,58 @@
+/**
+ * We define prop types without the HTMLAttributes here so that we can use them
+ * to type-check our API documentation, which requires we document each prop,
+ * but we don't want to document the HTML attributes.
+ */
+import type { AsChild, OnChangeFn } from "../../internal";
+import type { DateValue } from "@internationalized/date";
+import type { CreateCalendarProps } from "@melt-ui/svelte";
+type OmitCalendarProps<T> = Omit<T, "placeholder" | "defaultPlaceholder" | "value" | "defaultValue" | "onPlaceholderChange" | "onValueChange" | "ids">;
+type Props<Multiple extends boolean = false> = Expand<OmitCalendarProps<CreateCalendarProps<Multiple>> & {
+    /**
+     * The selected date value. This updates as the user selects
+     * date(s) in the calendar.
+     *
+     * You can bind this to a value to programmatically control the
+     * value state.
+     */
+    value?: CreateCalendarProps<Multiple>["defaultValue"];
+    /**
+     * A callback function called when the value changes.
+     */
+    onValueChange?: OnChangeFn<CreateCalendarProps<Multiple>["defaultValue"]>;
+    /**
+     * The placeholder date, used to display the calendar when no
+     * date is selected. This updates as the user navigates
+     * the calendar.
+     *
+     * You can bind this to a value to programmatically control the
+     * placeholder state.
+     */
+    placeholder?: DateValue;
+    /**
+     * A callback function called when the placeholder changes.
+     */
+    onPlaceholderChange?: OnChangeFn<DateValue>;
+} & AsChild>;
+type PrevButtonProps = AsChild;
+type NextButtonProps = AsChild;
+type HeadingProps = AsChild;
+type HeaderProps = AsChild;
+type GridHeadProps = AsChild;
+type HeadCellProps = AsChild;
+type GridProps = AsChild;
+type GridBodyProps = AsChild;
+type GridRowProps = AsChild;
+type BaseDateProps = Expand<{
+    /**
+     * The date value of the cell.
+     */
+    date: DateValue;
+    /**
+     * The month value that the cell belongs to.
+     */
+    month: DateValue;
+} & AsChild>;
+type CellProps = Expand<Omit<BaseDateProps, "month">>;
+type DateProps = Expand<BaseDateProps>;
+export type { Props, PrevButtonProps, NextButtonProps, HeadingProps, HeaderProps, GridProps, GridHeadProps, HeadCellProps, GridBodyProps, GridRowProps, CellProps, DateProps };

package/dist/bits/calendar/_types.js

@@ -0,0 +1,6 @@
+/**
+ * We define prop types without the HTMLAttributes here so that we can use them
+ * to type-check our API documentation, which requires we document each prop,
+ * but we don't want to document the HTML attributes.
+ */
+export {};

package/dist/bits/calendar/components/calendar-cell.svelte

@@ -0,0 +1,22 @@
+<script>import { getCtx, getAttrs } from "../ctx.js";
+export let date;
+export let asChild = false;
+const {
+  helpers: { isDateDisabled, isDateUnavailable }
+} = getCtx();
+$:
+  attrs = {
+    ...getAttrs("cell"),
+    "aria-disabled": $isDateDisabled(date) || $isDateUnavailable(date),
+    "data-disabled": $isDateDisabled(date) ? "" : void 0,
+    role: "gridcell"
+  };
+</script>
+
+{#if asChild}
+	<slot {attrs} />
+{:else}
+	<td {...$$restProps} {...attrs}>
+		<slot {attrs} />
+	</td>
+{/if}

package/dist/bits/calendar/components/calendar-cell.svelte.d.ts

@@ -0,0 +1,23 @@
+import { SvelteComponent } from "svelte";
+import type { CellProps } from "../types.js";
+declare const __propDef: {
+    props: CellProps;
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {
+            attrs: {
+                "aria-disabled": boolean | undefined;
+                "data-disabled": string | undefined;
+                role: string;
+            };
+        };
+    };
+};
+export type CalendarCellProps = typeof __propDef.props;
+export type CalendarCellEvents = typeof __propDef.events;
+export type CalendarCellSlots = typeof __propDef.slots;
+export default class CalendarCell extends SvelteComponent<CalendarCellProps, CalendarCellEvents, CalendarCellSlots> {
+}
+export {};

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

@@ -0,0 +1,34 @@
+<script>import { melt } from "@melt-ui/svelte";
+import { getCtx, getAttrs } from "../ctx.js";
+import { createDispatcher } from "../../../internal/events.js";
+export let date;
+export let month;
+export let asChild = false;
+const {
+  elements: { cell },
+  helpers: { isDateDisabled, isDateUnavailable, isDateSelected }
+} = getCtx();
+const attrs = getAttrs("date");
+$:
+  builder = $cell(date, month);
+$:
+  Object.assign(builder, attrs);
+const dispatch = createDispatcher();
+$:
+  slotProps = {
+    builder,
+    disabled: $isDateDisabled(date),
+    unavailable: $isDateUnavailable(date),
+    selected: $isDateSelected(date)
+  };
+</script>
+
+{#if asChild}
+	<slot {...slotProps} />
+{:else}
+	<div {...builder} use:builder.action {...$$restProps} on:m-click={dispatch}>
+		<slot {...slotProps}>
+			{date.day}
+		</slot>
+	</div>
+{/if}

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

@@ -0,0 +1,38 @@
+import { SvelteComponent } from "svelte";
+import type { DateEvents, DateProps } from "../types.js";
+declare const __propDef: {
+    props: DateProps;
+    slots: {
+        default: {
+            builder: ((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-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 tabindex: 0 | -1 | undefined;
+            }) & {
+                [x: `data-melt-${string}`]: "";
+            } & {
+                action: (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"click">;
+            };
+            disabled: boolean;
+            unavailable: boolean | undefined;
+            selected: boolean;
+        };
+    };
+    events: DateEvents;
+};
+export type CalendarDateProps = typeof __propDef.props;
+export type CalendarDateEvents = typeof __propDef.events;
+export type CalendarDateSlots = typeof __propDef.slots;
+export default class CalendarDate extends SvelteComponent<CalendarDateProps, CalendarDateEvents, CalendarDateSlots> {
+}
+export {};

package/dist/bits/calendar/components/calendar-grid-body.svelte

@@ -0,0 +1,12 @@
+<script>import { getAttrs } from "../ctx.js";
+export let asChild = false;
+const attrs = getAttrs("grid-body");
+</script>
+
+{#if asChild}
+	<slot {attrs} />
+{:else}
+	<tbody {...$$restProps} {...attrs}>
+		<slot {attrs} />
+	</tbody>
+{/if}

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

@@ -0,0 +1,19 @@
+import { SvelteComponent } from "svelte";
+import type { GridBodyProps } from "../types.js";
+declare const __propDef: {
+    props: GridBodyProps;
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {
+            attrs: Record<string, string>;
+        };
+    };
+};
+export type CalendarGridBodyProps = typeof __propDef.props;
+export type CalendarGridBodyEvents = typeof __propDef.events;
+export type CalendarGridBodySlots = typeof __propDef.slots;
+export default class CalendarGridBody extends SvelteComponent<CalendarGridBodyProps, CalendarGridBodyEvents, CalendarGridBodySlots> {
+}
+export {};

package/dist/bits/calendar/components/calendar-grid-head.svelte

@@ -0,0 +1,12 @@
+<script>import { getAttrs } from "../ctx.js";
+export let asChild = false;
+const attrs = { ...getAttrs("grid-head"), "aria-hidden": true };
+</script>
+
+{#if asChild}
+	<slot {attrs} />
+{:else}
+	<thead {...$$restProps} {...attrs}>
+		<slot {attrs} />
+	</thead>
+{/if}

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

@@ -0,0 +1,21 @@
+import { SvelteComponent } from "svelte";
+import type { GridHeadProps } from "../types.js";
+declare const __propDef: {
+    props: GridHeadProps;
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {
+            attrs: {
+                "aria-hidden": boolean;
+            };
+        };
+    };
+};
+export type CalendarGridHeadProps = typeof __propDef.props;
+export type CalendarGridHeadEvents = typeof __propDef.events;
+export type CalendarGridHeadSlots = typeof __propDef.slots;
+export default class CalendarGridHead extends SvelteComponent<CalendarGridHeadProps, CalendarGridHeadEvents, CalendarGridHeadSlots> {
+}
+export {};

package/dist/bits/calendar/components/calendar-grid-row.svelte

@@ -0,0 +1,12 @@
+<script>import { getAttrs } from "../ctx.js";
+export let asChild = false;
+const attrs = getAttrs("grid-row");
+</script>
+
+{#if asChild}
+	<slot {attrs} />
+{:else}
+	<tr {...$$restProps} {...attrs}>
+		<slot {attrs} />
+	</tr>
+{/if}

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

@@ -0,0 +1,19 @@
+import { SvelteComponent } from "svelte";
+import type { GridRowProps } from "../types.js";
+declare const __propDef: {
+    props: GridRowProps;
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {
+            attrs: Record<string, string>;
+        };
+    };
+};
+export type CalendarGridRowProps = typeof __propDef.props;
+export type CalendarGridRowEvents = typeof __propDef.events;
+export type CalendarGridRowSlots = typeof __propDef.slots;
+export default class CalendarGridRow extends SvelteComponent<CalendarGridRowProps, CalendarGridRowEvents, CalendarGridRowSlots> {
+}
+export {};

package/dist/bits/calendar/components/calendar-grid.svelte

@@ -0,0 +1,20 @@
+<script>import { melt } from "@melt-ui/svelte";
+import { getAttrs, getCtx } from "../ctx.js";
+export let asChild = false;
+const {
+  elements: { grid }
+} = getCtx();
+const attrs = getAttrs("grid");
+$:
+  builder = $grid;
+$:
+  Object.assign(builder, attrs);
+</script>
+
+{#if asChild}
+	<slot {builder} />
+{:else}
+	<table {...builder} use:builder.action {...$$restProps}>
+		<slot {builder} />
+	</table>
+{/if}

package/dist/bits/calendar/components/calendar-grid.svelte.d.ts

@@ -0,0 +1,30 @@
+import { SvelteComponent } from "svelte";
+import type { GridProps } from "../types.js";
+declare const __propDef: {
+    props: GridProps;
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {
+            builder: {
+                tabindex: number;
+                role: string;
+                'aria-readonly': string | undefined;
+                'aria-disabled': string | undefined;
+                'data-readonly': string | undefined;
+                'data-disabled': string | undefined;
+            } & {
+                [x: `data-melt-${string}`]: "";
+            } & {
+                action: import("svelte/action").Action<any, any, Record<never, any>>;
+            };
+        };
+    };
+};
+export type CalendarGridProps = typeof __propDef.props;
+export type CalendarGridEvents = typeof __propDef.events;
+export type CalendarGridSlots = typeof __propDef.slots;
+export default class CalendarGrid extends SvelteComponent<CalendarGridProps, CalendarGridEvents, CalendarGridSlots> {
+}
+export {};

package/dist/bits/calendar/components/calendar-head-cell.svelte

@@ -0,0 +1,12 @@
+<script>import { getAttrs } from "../ctx.js";
+export let asChild = false;
+const attrs = getAttrs("head-cell");
+</script>
+
+{#if asChild}
+	<slot {attrs} />
+{:else}
+	<th {...$$restProps} {...attrs}>
+		<slot {attrs} />
+	</th>
+{/if}

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

@@ -0,0 +1,19 @@
+import { SvelteComponent } from "svelte";
+import type { HeadCellProps } from "../types.js";
+declare const __propDef: {
+    props: HeadCellProps;
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {
+            attrs: Record<string, string>;
+        };
+    };
+};
+export type CalendarHeadCellProps = typeof __propDef.props;
+export type CalendarHeadCellEvents = typeof __propDef.events;
+export type CalendarHeadCellSlots = typeof __propDef.slots;
+export default class CalendarHeadCell extends SvelteComponent<CalendarHeadCellProps, CalendarHeadCellEvents, CalendarHeadCellSlots> {
+}
+export {};

package/dist/bits/calendar/components/calendar-header.svelte

@@ -0,0 +1,12 @@
+<script>import { getAttrs } from "../ctx.js";
+export let asChild = false;
+const attrs = getAttrs("header");
+</script>
+
+{#if asChild}
+	<slot {attrs} />
+{:else}
+	<header {...$$restProps} {...attrs}>
+		<slot {attrs} />
+	</header>
+{/if}

package/dist/bits/calendar/components/calendar-header.svelte.d.ts

@@ -0,0 +1,19 @@
+import { SvelteComponent } from "svelte";
+import type { HeaderProps } from "../types.js";
+declare const __propDef: {
+    props: HeaderProps;
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {
+            attrs: Record<string, string>;
+        };
+    };
+};
+export type CalendarHeaderProps = typeof __propDef.props;
+export type CalendarHeaderEvents = typeof __propDef.events;
+export type CalendarHeaderSlots = typeof __propDef.slots;
+export default class CalendarHeader extends SvelteComponent<CalendarHeaderProps, CalendarHeaderEvents, CalendarHeaderSlots> {
+}
+export {};

package/dist/bits/calendar/components/calendar-heading.svelte

@@ -0,0 +1,28 @@
+<script>import { melt } from "@melt-ui/svelte";
+import { getAttrs, getCtx } from "../ctx.js";
+export let asChild = false;
+const {
+  elements: { heading },
+  states: { headingValue }
+} = getCtx();
+const attrs = getAttrs("heading");
+$:
+  builder = $heading;
+$:
+  Object.assign(builder, attrs);
+$:
+  slotProps = {
+    builder,
+    headingValue: $headingValue
+  };
+</script>
+
+{#if asChild}
+	<slot {...slotProps} />
+{:else}
+	<div {...builder} use:builder.action {...$$restProps}>
+		<slot {...slotProps}>
+			{$headingValue}
+		</slot>
+	</div>
+{/if}

package/dist/bits/calendar/components/calendar-heading.svelte.d.ts

@@ -0,0 +1,27 @@
+import { SvelteComponent } from "svelte";
+import type { HeadingProps } from "../types.js";
+declare const __propDef: {
+    props: HeadingProps;
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {
+            builder: {
+                'aria-hidden': boolean;
+                'data-disabled': string | undefined;
+            } & {
+                [x: `data-melt-${string}`]: "";
+            } & {
+                action: import("svelte/action").Action<any, any, Record<never, any>>;
+            };
+            headingValue: string;
+        };
+    };
+};
+export type CalendarHeadingProps = typeof __propDef.props;
+export type CalendarHeadingEvents = typeof __propDef.events;
+export type CalendarHeadingSlots = typeof __propDef.slots;
+export default class CalendarHeading extends SvelteComponent<CalendarHeadingProps, CalendarHeadingEvents, CalendarHeadingSlots> {
+}
+export {};

package/dist/bits/calendar/components/calendar-next-button.svelte

@@ -0,0 +1,27 @@
+<script>import { melt } from "@melt-ui/svelte";
+import { getAttrs, getCtx } from "../ctx.js";
+import { createDispatcher } from "../../../internal/events.js";
+export let asChild = false;
+const {
+  elements: { nextButton }
+} = getCtx();
+const attrs = getAttrs("next-button");
+$:
+  builder = $nextButton;
+$:
+  Object.assign(builder, attrs);
+const dispatch = createDispatcher();
+</script>
+
+{#if asChild}
+	<slot {builder} />
+{:else}
+	<button
+		{...builder} use:builder.action
+		type="button"
+		{...$$restProps}
+		on:m-click={dispatch}
+	>
+		<slot {builder} />
+	</button>
+{/if}

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

@@ -0,0 +1,29 @@
+import { SvelteComponent } from "svelte";
+import type { NextButtonProps } from "../types.js";
+declare const __propDef: {
+    props: NextButtonProps;
+    slots: {
+        default: {
+            builder: {
+                role: string;
+                'aria-label': string;
+                'aria-disabled': string | undefined;
+                'data-disabled': string | undefined;
+                disabled: boolean | undefined;
+            } & {
+                [x: `data-melt-${string}`]: "";
+            } & {
+                action: (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"click">;
+            };
+        };
+    };
+    events: {
+        click: import("../../../index.js").CustomEventHandler<MouseEvent, HTMLButtonElement>;
+    };
+};
+export type CalendarNextButtonProps = typeof __propDef.props;
+export type CalendarNextButtonEvents = typeof __propDef.events;
+export type CalendarNextButtonSlots = typeof __propDef.slots;
+export default class CalendarNextButton extends SvelteComponent<CalendarNextButtonProps, CalendarNextButtonEvents, CalendarNextButtonSlots> {
+}
+export {};

package/dist/bits/calendar/components/calendar-prev-button.svelte

@@ -0,0 +1,27 @@
+<script>import { melt } from "@melt-ui/svelte";
+import { getAttrs, getCtx } from "../ctx.js";
+import { createDispatcher } from "../../../internal/events.js";
+export let asChild = false;
+const {
+  elements: { prevButton }
+} = getCtx();
+const attrs = getAttrs("prev-button");
+$:
+  builder = $prevButton;
+$:
+  Object.assign(builder, attrs);
+const dispatch = createDispatcher();
+</script>
+
+{#if asChild}
+	<slot {builder} />
+{:else}
+	<button
+		{...builder} use:builder.action
+		type="button"
+		{...$$restProps}
+		on:m-click={dispatch}
+	>
+		<slot {builder} />
+	</button>
+{/if}

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

@@ -0,0 +1,29 @@
+import { SvelteComponent } from "svelte";
+import type { PrevButtonProps } from "../types.js";
+declare const __propDef: {
+    props: PrevButtonProps;
+    slots: {
+        default: {
+            builder: {
+                role: string;
+                'aria-label': string;
+                'aria-disabled': string | undefined;
+                'data-disabled': string | undefined;
+                disabled: boolean | undefined;
+            } & {
+                [x: `data-melt-${string}`]: "";
+            } & {
+                action: (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"click">;
+            };
+        };
+    };
+    events: {
+        click: import("../../../index.js").CustomEventHandler<MouseEvent, HTMLButtonElement>;
+    };
+};
+export type CalendarPrevButtonProps = typeof __propDef.props;
+export type CalendarPrevButtonEvents = typeof __propDef.events;
+export type CalendarPrevButtonSlots = typeof __propDef.slots;
+export default class CalendarPrevButton extends SvelteComponent<CalendarPrevButtonProps, CalendarPrevButtonEvents, CalendarPrevButtonSlots> {
+}
+export {};