bits-ui 0.9.9 → 0.10.0

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

@@ -0,0 +1,20 @@
+<script>import { melt } from "@melt-ui/svelte";
+import { getCalendarAttrs, getCtx } from "../ctx.js";
+export let asChild = false;
+const {
+  elements: { grid }
+} = getCtx();
+const attrs = getCalendarAttrs("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/date-range-picker/components/date-range-picker-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 DateRangePickerGridProps = typeof __propDef.props;
+export type DateRangePickerGridEvents = typeof __propDef.events;
+export type DateRangePickerGridSlots = typeof __propDef.slots;
+export default class DateRangePickerGrid extends SvelteComponent<DateRangePickerGridProps, DateRangePickerGridEvents, DateRangePickerGridSlots> {
+}
+export {};

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

@@ -0,0 +1,28 @@
+<script>import { melt } from "@melt-ui/svelte";
+import { getCalendarAttrs, getCtx } from "../ctx.js";
+export let asChild = false;
+const {
+  elements: { heading },
+  states: { headingValue }
+} = getCtx();
+const attrs = getCalendarAttrs("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/date-range-picker/components/date-range-picker-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 DateRangePickerHeadingProps = typeof __propDef.props;
+export type DateRangePickerHeadingEvents = typeof __propDef.events;
+export type DateRangePickerHeadingSlots = typeof __propDef.slots;
+export default class DateRangePickerHeading extends SvelteComponent<DateRangePickerHeadingProps, DateRangePickerHeadingEvents, DateRangePickerHeadingSlots> {
+}
+export {};

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

@@ -0,0 +1,32 @@
+<script>import { melt } from "@melt-ui/svelte";
+import { getCtx, getFieldAttrs } from "../ctx.js";
+export let asChild = false;
+export let id = void 0;
+const {
+  elements: { field },
+  states: { segmentContents },
+  ids
+} = getCtx();
+$:
+  if (id) {
+    ids.rangeField.field.field.set(id);
+  }
+const attrs = getFieldAttrs("input");
+$:
+  builder = $field;
+$:
+  Object.assign(builder, attrs);
+$:
+  slotProps = {
+    builder,
+    segments: $segmentContents
+  };
+</script>
+
+{#if asChild}
+	<slot {...slotProps} />
+{:else}
+	<div {...builder} use:builder.action {...$$restProps}>
+		<slot {...slotProps} />
+	</div>
+{/if}

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

@@ -0,0 +1,41 @@
+import { SvelteComponent } from "svelte";
+import type { InputProps } from "../types.js";
+declare const __propDef: {
+    props: InputProps;
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {
+            builder: {
+                role: string;
+                id: string;
+                'aria-labelledby': string;
+                'aria-describedby': string;
+                'data-invalid': string | undefined;
+            } & {
+                [x: `data-melt-${string}`]: "";
+            } & {
+                action: <Node_2 extends unknown>() => {
+                    destroy(): void;
+                };
+            };
+            segments: {
+                start: {
+                    part: import("@melt-ui/svelte/index.js").SegmentPart;
+                    value: string;
+                }[];
+                end: {
+                    part: import("@melt-ui/svelte/index.js").SegmentPart;
+                    value: string;
+                }[];
+            };
+        };
+    };
+};
+export type DateRangePickerInputProps = typeof __propDef.props;
+export type DateRangePickerInputEvents = typeof __propDef.events;
+export type DateRangePickerInputSlots = typeof __propDef.slots;
+export default class DateRangePickerInput extends SvelteComponent<DateRangePickerInputProps, DateRangePickerInputEvents, DateRangePickerInputSlots> {
+}
+export {};

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

@@ -0,0 +1,25 @@
+<script>import { melt } from "@melt-ui/svelte";
+import { getCtx, getFieldAttrs } from "../ctx.js";
+export let asChild = false;
+export let id = void 0;
+const {
+  elements: { label },
+  ids
+} = getCtx();
+if (id) {
+  ids.rangeField.field.label.set(id);
+}
+const attrs = getFieldAttrs("label");
+$:
+  builder = $label;
+$:
+  Object.assign(builder, attrs);
+</script>
+
+{#if asChild}
+	<slot {builder} />
+{:else}
+	<span {...builder} use:builder.action {...$$restProps}>
+		<slot {builder} />
+	</span>
+{/if}

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

@@ -0,0 +1,29 @@
+import { SvelteComponent } from "svelte";
+import type { LabelProps } from "../types.js";
+declare const __propDef: {
+    props: LabelProps;
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {
+            builder: {
+                id: string;
+                'data-invalid': string | undefined;
+                'data-disabled': string | undefined;
+            } & {
+                [x: `data-melt-${string}`]: "";
+            } & {
+                action: (node: HTMLElement) => {
+                    destroy: () => void;
+                };
+            };
+        };
+    };
+};
+export type DateRangePickerLabelProps = typeof __propDef.props;
+export type DateRangePickerLabelEvents = typeof __propDef.events;
+export type DateRangePickerLabelSlots = typeof __propDef.slots;
+export default class DateRangePickerLabel extends SvelteComponent<DateRangePickerLabelProps, DateRangePickerLabelEvents, DateRangePickerLabelSlots> {
+}
+export {};

package/dist/bits/date-range-picker/components/date-range-picker-next-button.svelte

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

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

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

package/dist/bits/date-range-picker/components/date-range-picker-prev-button.svelte

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

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

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

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

@@ -0,0 +1,32 @@
+<script>import { melt } from "@melt-ui/svelte";
+import { getCtx, getFieldAttrs } from "../ctx.js";
+export let asChild = false;
+export let id = void 0;
+export let part;
+export let type;
+const {
+  elements: { startSegment, endSegment },
+  ids
+} = getCtx();
+$:
+  if (id && part !== "literal") {
+    if (type === "start") {
+      ids.rangeField.start[part].set(id);
+    } else {
+      ids.rangeField.end[part].set(id);
+    }
+  }
+const attrs = getFieldAttrs("segment");
+$:
+  builder = type === "start" ? $startSegment(part) : $endSegment(part);
+$:
+  Object.assign(builder, attrs);
+</script>
+
+{#if asChild}
+	<slot {builder} />
+{:else}
+	<div {...builder} use:builder.action {...$$restProps}>
+		<slot {builder} />
+	</div>
+{/if}

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

@@ -0,0 +1,42 @@
+import { SvelteComponent } from "svelte";
+import type { SegmentProps } from "../types.js";
+declare const __propDef: {
+    props: SegmentProps;
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {
+            builder: ((part: import("@melt-ui/svelte/index.js").SegmentPart) => {
+                'aria-invalid': string | undefined;
+                'aria-disabled': string | undefined;
+                'aria-readonly': string | 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': string | undefined;
+                'aria-disabled': string | undefined;
+                'aria-readonly': string | undefined;
+                'data-invalid': string | undefined;
+                'data-disabled': string | undefined;
+                'data-segment': string;
+            }) & {
+                [x: `data-melt-${string}`]: "";
+            } & {
+                action: (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "click" | "focusout">;
+            };
+        };
+    };
+};
+export type DateRangePickerSegmentProps = typeof __propDef.props;
+export type DateRangePickerSegmentEvents = typeof __propDef.events;
+export type DateRangePickerSegmentSlots = typeof __propDef.slots;
+export default class DateRangePickerSegment extends SvelteComponent<DateRangePickerSegmentProps, DateRangePickerSegmentEvents, DateRangePickerSegmentSlots> {
+}
+export {};

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

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

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

@@ -0,0 +1,30 @@
+import { SvelteComponent } from "svelte";
+import type { TriggerEvents, TriggerProps } from "../types.js";
+declare const __propDef: {
+    props: TriggerProps;
+    slots: {
+        default: {
+            builder: {
+                'aria-label': string;
+                'data-segment': string;
+                'data-state': "open" | "closed";
+                'aria-expanded': boolean;
+                'aria-controls': string;
+                role: "button";
+                id: string;
+                'aria-haspopup': "dialog";
+            } & {
+                "data-melt-popover-trigger": "";
+            } & {
+                action: (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "click">;
+            };
+        };
+    };
+    events: TriggerEvents;
+};
+export type DateRangePickerTriggerProps = typeof __propDef.props;
+export type DateRangePickerTriggerEvents = typeof __propDef.events;
+export type DateRangePickerTriggerSlots = typeof __propDef.slots;
+export default class DateRangePickerTrigger extends SvelteComponent<DateRangePickerTriggerProps, DateRangePickerTriggerEvents, DateRangePickerTriggerSlots> {
+}
+export {};