@kayord/ui 0.2.5 → 0.3.1

package/README.md

@@ -6,6 +6,8 @@ The UI components used to build kayord applications.
 
 ```bash
 npx shadcn-svelte@latest
+
+npx shadcn-svelte@latest update -a
 ```
 
 ## Installing

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

@@ -0,0 +1,17 @@
+<script>import { Calendar as CalendarPrimitive } from "bits-ui";
+import { cn } from "../../../utils";
+export let date;
+let className = void 0;
+export { className as class };
+</script>
+
+<CalendarPrimitive.Cell
+	{date}
+	class={cn(
+		"h-9 w-9 text-center text-sm p-0 relative [&:has([data-selected][data-outside-month])]:bg-accent/50 [&:has([data-selected])]:bg-accent first:[&:has([data-selected])]:rounded-l-md last:[&:has([data-selected])]:rounded-r-md focus-within:relative focus-within:z-20",
+		className
+	)}
+	{...$$restProps}
+>
+	<slot />
+</CalendarPrimitive.Cell>

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

@@ -0,0 +1,17 @@
+import { SvelteComponent } from "svelte";
+import { Calendar as CalendarPrimitive } from "bits-ui";
+declare const __propDef: {
+    props: CalendarPrimitive.CellProps;
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+};
+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/components/ui/calendar/calendar-day.svelte

@@ -0,0 +1,37 @@
+<script>import { Calendar as CalendarPrimitive } from "bits-ui";
+import { buttonVariants } from "../button";
+import { cn } from "../../../utils";
+export let date;
+export let month;
+let className = void 0;
+export { className as class };
+</script>
+
+<CalendarPrimitive.Day
+	on:click
+	{date}
+	{month}
+	class={cn(
+		buttonVariants({ variant: "ghost" }),
+		"h-9 w-9 p-0 font-normal ",
+		"[&[data-today]:not([data-selected])]:bg-accent [&[data-today]:not([data-selected])]:text-accent-foreground",
+		// Selected
+		"data-[selected]:bg-primary data-[selected]:text-primary-foreground data-[selected]:hover:bg-primary data-[selected]:hover:text-primary-foreground data-[selected]:focus:bg-primary data-[selected]:focus:text-primary-foreground data-[selected]:opacity-100",
+		// Disabled
+		"data-[disabled]:text-muted-foreground data-[disabled]:opacity-50",
+		// Unavailable
+		"data-[unavailable]:line-through data-[unavailable]:text-destructive-foreground",
+		// Outside months
+		"data-[outside-month]:text-muted-foreground data-[outside-month]:opacity-50 [&[data-outside-month][data-selected]]:bg-accent/50 [&[data-outside-month][data-selected]]:text-muted-foreground [&[data-outside-month][data-selected]]:opacity-30 data-[outside-month]:pointer-events-none",
+		className
+	)}
+	{...$$restProps}
+	let:selected
+	let:disabled
+	let:unavailable
+	let:builder
+>
+	<slot {selected} {disabled} {unavailable} {builder}>
+		{date.day}
+	</slot>
+</CalendarPrimitive.Day>

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

@@ -0,0 +1,9 @@
+<script>import { Calendar as CalendarPrimitive } from "bits-ui";
+import { cn } from "../../../utils";
+let className = void 0;
+export { className as class };
+</script>
+
+<CalendarPrimitive.GridBody class={cn(className)} {...$$restProps}>
+	<slot />
+</CalendarPrimitive.GridBody>

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

@@ -0,0 +1,17 @@
+import { SvelteComponent } from "svelte";
+import { Calendar as CalendarPrimitive } from "bits-ui";
+declare const __propDef: {
+    props: CalendarPrimitive.GridBodyProps;
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+};
+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/components/ui/calendar/calendar-grid-head.svelte

@@ -0,0 +1,9 @@
+<script>import { Calendar as CalendarPrimitive } from "bits-ui";
+import { cn } from "../../../utils";
+let className = void 0;
+export { className as class };
+</script>
+
+<CalendarPrimitive.GridHead class={cn(className)} {...$$restProps}>
+	<slot />
+</CalendarPrimitive.GridHead>

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

@@ -0,0 +1,17 @@
+import { SvelteComponent } from "svelte";
+import { Calendar as CalendarPrimitive } from "bits-ui";
+declare const __propDef: {
+    props: CalendarPrimitive.GridHeadProps;
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+};
+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/components/ui/calendar/calendar-grid-row.svelte

@@ -0,0 +1,9 @@
+<script>import { Calendar as CalendarPrimitive } from "bits-ui";
+import { cn } from "../../../utils";
+let className = void 0;
+export { className as class };
+</script>
+
+<CalendarPrimitive.GridRow class={cn("flex", className)} {...$$restProps}>
+	<slot />
+</CalendarPrimitive.GridRow>

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

@@ -0,0 +1,17 @@
+import { SvelteComponent } from "svelte";
+import { Calendar as CalendarPrimitive } from "bits-ui";
+declare const __propDef: {
+    props: CalendarPrimitive.GridRowProps;
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+};
+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/components/ui/calendar/calendar-grid.svelte

@@ -0,0 +1,12 @@
+<script>import { Calendar as CalendarPrimitive } from "bits-ui";
+import { cn } from "../../../utils";
+let className = void 0;
+export { className as class };
+</script>
+
+<CalendarPrimitive.Grid
+	class={cn("w-full border-collapse space-y-1", className)}
+	{...$$restProps}
+>
+	<slot />
+</CalendarPrimitive.Grid>

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

@@ -0,0 +1,17 @@
+import { SvelteComponent } from "svelte";
+import { Calendar as CalendarPrimitive } from "bits-ui";
+declare const __propDef: {
+    props: CalendarPrimitive.GridProps;
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+};
+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/components/ui/calendar/calendar-head-cell.svelte

@@ -0,0 +1,15 @@
+<script>import { Calendar as CalendarPrimitive } from "bits-ui";
+import { cn } from "../../../utils";
+let className = void 0;
+export { className as class };
+</script>
+
+<CalendarPrimitive.HeadCell
+	class={cn(
+		"text-muted-foreground rounded-md w-9 font-normal text-[0.8rem]",
+		className
+	)}
+	{...$$restProps}
+>
+	<slot />
+</CalendarPrimitive.HeadCell>

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

@@ -0,0 +1,17 @@
+import { SvelteComponent } from "svelte";
+import { Calendar as CalendarPrimitive } from "bits-ui";
+declare const __propDef: {
+    props: CalendarPrimitive.HeadCellProps;
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+};
+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/components/ui/calendar/calendar-header.svelte

@@ -0,0 +1,15 @@
+<script>import { Calendar as CalendarPrimitive } from "bits-ui";
+import { cn } from "../../../utils";
+let className = void 0;
+export { className as class };
+</script>
+
+<CalendarPrimitive.Header
+	class={cn(
+		"flex justify-between pt-1 relative items-center w-full",
+		className
+	)}
+	{...$$restProps}
+>
+	<slot />
+</CalendarPrimitive.Header>

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

@@ -0,0 +1,17 @@
+import { SvelteComponent } from "svelte";
+import { Calendar as CalendarPrimitive } from "bits-ui";
+declare const __propDef: {
+    props: CalendarPrimitive.HeaderProps;
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+};
+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/components/ui/calendar/calendar-heading.svelte

@@ -0,0 +1,15 @@
+<script>import { Calendar as CalendarPrimitive } from "bits-ui";
+import { cn } from "../../../utils";
+let className = void 0;
+export { className as class };
+</script>
+
+<CalendarPrimitive.Heading
+	let:headingValue
+	class={cn("text-sm font-medium", className)}
+	{...$$restProps}
+>
+	<slot {headingValue}>
+		{headingValue}
+	</slot>
+</CalendarPrimitive.Heading>

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

@@ -0,0 +1,19 @@
+import { SvelteComponent } from "svelte";
+import { Calendar as CalendarPrimitive } from "bits-ui";
+declare const __propDef: {
+    props: CalendarPrimitive.HeadingProps;
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {
+            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/components/ui/calendar/calendar-months.svelte

@@ -0,0 +1,14 @@
+<script>import { cn } from "../../../utils";
+let className = void 0;
+export { className as class };
+</script>
+
+<div
+	class={cn(
+		"flex flex-col sm:flex-row space-y-4 sm:space-x-4 sm:space-y-0 mt-4",
+		className
+	)}
+	{...$$restProps}
+>
+	<slot />
+</div>

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

@@ -0,0 +1,17 @@
+import { SvelteComponent } from "svelte";
+import type { HTMLAttributes } from "svelte/elements";
+declare const __propDef: {
+    props: HTMLAttributes<HTMLDivElement>;
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+};
+export type CalendarMonthsProps = typeof __propDef.props;
+export type CalendarMonthsEvents = typeof __propDef.events;
+export type CalendarMonthsSlots = typeof __propDef.slots;
+export default class CalendarMonths extends SvelteComponent<CalendarMonthsProps, CalendarMonthsEvents, CalendarMonthsSlots> {
+}
+export {};

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

@@ -0,0 +1,22 @@
+<script>import { Calendar as CalendarPrimitive } from "bits-ui";
+import { ChevronRight } from "lucide-svelte";
+import { buttonVariants } from "../button";
+import { cn } from "../../../utils";
+let className = void 0;
+export { className as class };
+</script>
+
+<CalendarPrimitive.NextButton
+	on:click
+	class={cn(
+		buttonVariants({ variant: "outline" }),
+		"h-7 w-7 bg-transparent p-0 opacity-50 hover:opacity-100",
+		className
+	)}
+	{...$$restProps}
+	let:builder
+>
+	<slot {builder}>
+		<ChevronRight class="h-4 w-4" />
+	</slot>
+</CalendarPrimitive.NextButton>

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

@@ -0,0 +1,22 @@
+<script>import { Calendar as CalendarPrimitive } from "bits-ui";
+import { ChevronLeft } from "lucide-svelte";
+import { buttonVariants } from "../button";
+import { cn } from "../../../utils";
+let className = void 0;
+export { className as class };
+</script>
+
+<CalendarPrimitive.PrevButton
+	on:click
+	class={cn(
+		buttonVariants({ variant: "outline" }),
+		"h-7 w-7 bg-transparent p-0 opacity-50 hover:opacity-100",
+		className
+	)}
+	{...$$restProps}
+	let:builder
+>
+	<slot {builder}>
+		<ChevronLeft class="h-4 w-4" />
+	</slot>
+</CalendarPrimitive.PrevButton>

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

@@ -0,0 +1,52 @@
+<script>import { Calendar as CalendarPrimitive } from "bits-ui";
+import * as Calendar from ".";
+import { cn } from "../../../utils";
+export let value = void 0;
+export let placeholder = void 0;
+export let weekdayFormat = "short";
+let className = void 0;
+export { className as class };
+</script>
+
+<CalendarPrimitive.Root
+	bind:value
+	bind:placeholder
+	{weekdayFormat}
+	class={cn("p-3", className)}
+	{...$$restProps}
+	on:keydown
+	let:months
+	let:weekdays
+>
+	<Calendar.Header>
+		<Calendar.PrevButton />
+		<Calendar.Heading />
+		<Calendar.NextButton />
+	</Calendar.Header>
+	<Calendar.Months>
+		{#each months as month}
+			<Calendar.Grid>
+				<Calendar.GridHead>
+					<Calendar.GridRow class="flex">
+						{#each weekdays as weekday}
+							<Calendar.HeadCell>
+								{weekday.slice(0, 2)}
+							</Calendar.HeadCell>
+						{/each}
+					</Calendar.GridRow>
+				</Calendar.GridHead>
+				<Calendar.GridBody>
+					{#each month.weeks as weekDates}
+						<Calendar.GridRow class="w-full mt-2">
+							{#each weekDates as date}
+								<Calendar.Cell {date}>
+									<Calendar.Day {date} month={month.value} />
+								</Calendar.Cell>
+							{/each}
+						</Calendar.GridRow>
+					{/each}
+				</Calendar.GridBody>
+			</Calendar.Grid>
+		{/each}
+	</Calendar.Months>
+</CalendarPrimitive.Root>

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

@@ -0,0 +1,13 @@
+import { SvelteComponent } from "svelte";
+import { Calendar as CalendarPrimitive } from "bits-ui";
+declare const __propDef: {
+    props: CalendarPrimitive.Props;
+    slots: {};
+    events: CalendarPrimitive.Events;
+};
+export type CalendarProps = typeof __propDef.props;
+export type CalendarEvents = typeof __propDef.events;
+export type CalendarSlots = typeof __propDef.slots;
+export default class Calendar extends SvelteComponent<CalendarProps, CalendarEvents, CalendarSlots> {
+}
+export {};

package/dist/components/ui/calendar/index.d.ts

@@ -0,0 +1,14 @@
+import Root from "./calendar.svelte";
+import Cell from "./calendar-cell.svelte";
+import Day from "./calendar-day.svelte";
+import Grid from "./calendar-grid.svelte";
+import Header from "./calendar-header.svelte";
+import Months from "./calendar-months.svelte";
+import GridRow from "./calendar-grid-row.svelte";
+import Heading from "./calendar-heading.svelte";
+import GridBody from "./calendar-grid-body.svelte";
+import GridHead from "./calendar-grid-head.svelte";
+import HeadCell from "./calendar-head-cell.svelte";
+import NextButton from "./calendar-next-button.svelte";
+import PrevButton from "./calendar-prev-button.svelte";
+export { Day, Cell, Grid, Header, Months, GridRow, Heading, GridBody, GridHead, HeadCell, NextButton, PrevButton, Root as Calendar };

package/dist/components/ui/calendar/index.js

@@ -0,0 +1,16 @@
+import Root from "./calendar.svelte";
+import Cell from "./calendar-cell.svelte";
+import Day from "./calendar-day.svelte";
+import Grid from "./calendar-grid.svelte";
+import Header from "./calendar-header.svelte";
+import Months from "./calendar-months.svelte";
+import GridRow from "./calendar-grid-row.svelte";
+import Heading from "./calendar-heading.svelte";
+import GridBody from "./calendar-grid-body.svelte";
+import GridHead from "./calendar-grid-head.svelte";
+import HeadCell from "./calendar-head-cell.svelte";
+import NextButton from "./calendar-next-button.svelte";
+import PrevButton from "./calendar-prev-button.svelte";
+export { Day, Cell, Grid, Header, Months, GridRow, Heading, GridBody, GridHead, HeadCell, NextButton, PrevButton, 
+//
+Root as Calendar };

package/dist/components/ui/index.d.ts

@@ -5,6 +5,7 @@ export { AspectRatio } from "./aspect-ratio/index.js";
 export * as Avatar from "./avatar/index.js";
 export { Badge, type Variant as BadgeVariant, badgeVariants } from "./badge/index.js";
 export { Button, type ButtonEvents, type ButtonProps, buttonVariants } from "./button/index.js";
+export * as Calendar from "./calendar/index.js";
 export * as Card from "./card/index.js";
 export { Checkbox } from "./checkbox/index.js";
 export * as Collapsible from "./collapsible/index.js";
@@ -22,12 +23,14 @@ export * as Pagination from "./pagination/index.js";
 export * as Popover from "./popover/index.js";
 export { Progress } from "./progress/index.js";
 export * as RadioGroup from "./radio-group/index.js";
+export * as RangeCalendar from "./range-calendar/index.js";
 export * as Select from "./select/index.js";
 export { Separator } from "./separator/index.js";
 export * as Sheet from "./sheet/index.js";
 export { Skeleton } from "./skeleton/index.js";
 export { Slider } from "./slider/index.js";
 export { Toaster } from "./sonner/index.js";
+export { toast } from "svelte-sonner";
 export { Switch } from "./switch/index.js";
 export * as Table from "./table/index.js";
 export * as Tabs from "./tabs/index.js";

package/dist/components/ui/index.js

@@ -5,6 +5,7 @@ export { AspectRatio } from "./aspect-ratio/index.js";
 export * as Avatar from "./avatar/index.js";
 export { Badge, badgeVariants } from "./badge/index.js";
 export { Button, buttonVariants } from "./button/index.js";
+export * as Calendar from "./calendar/index.js";
 export * as Card from "./card/index.js";
 export { Checkbox } from "./checkbox/index.js";
 export * as Collapsible from "./collapsible/index.js";
@@ -22,12 +23,14 @@ export * as Pagination from "./pagination/index.js";
 export * as Popover from "./popover/index.js";
 export { Progress } from "./progress/index.js";
 export * as RadioGroup from "./radio-group/index.js";
+export * as RangeCalendar from "./range-calendar/index.js";
 export * as Select from "./select/index.js";
 export { Separator } from "./separator/index.js";
 export * as Sheet from "./sheet/index.js";
 export { Skeleton } from "./skeleton/index.js";
 export { Slider } from "./slider/index.js";
 export { Toaster } from "./sonner/index.js";
+export { toast } from "svelte-sonner";
 export { Switch } from "./switch/index.js";
 export * as Table from "./table/index.js";
 export * as Tabs from "./tabs/index.js";

package/dist/components/ui/range-calendar/index.d.ts

@@ -0,0 +1,14 @@
+import Root from "./range-calendar.svelte";
+import Cell from "./range-calendar-cell.svelte";
+import Day from "./range-calendar-day.svelte";
+import Grid from "./range-calendar-grid.svelte";
+import Header from "./range-calendar-header.svelte";
+import Months from "./range-calendar-months.svelte";
+import GridRow from "./range-calendar-grid-row.svelte";
+import Heading from "./range-calendar-heading.svelte";
+import GridBody from "./range-calendar-grid-body.svelte";
+import GridHead from "./range-calendar-grid-head.svelte";
+import HeadCell from "./range-calendar-head-cell.svelte";
+import NextButton from "./range-calendar-next-button.svelte";
+import PrevButton from "./range-calendar-prev-button.svelte";
+export { Day, Cell, Grid, Header, Months, GridRow, Heading, GridBody, GridHead, HeadCell, NextButton, PrevButton, Root as RangeCalendar };

package/dist/components/ui/range-calendar/index.js

@@ -0,0 +1,16 @@
+import Root from "./range-calendar.svelte";
+import Cell from "./range-calendar-cell.svelte";
+import Day from "./range-calendar-day.svelte";
+import Grid from "./range-calendar-grid.svelte";
+import Header from "./range-calendar-header.svelte";
+import Months from "./range-calendar-months.svelte";
+import GridRow from "./range-calendar-grid-row.svelte";
+import Heading from "./range-calendar-heading.svelte";
+import GridBody from "./range-calendar-grid-body.svelte";
+import GridHead from "./range-calendar-grid-head.svelte";
+import HeadCell from "./range-calendar-head-cell.svelte";
+import NextButton from "./range-calendar-next-button.svelte";
+import PrevButton from "./range-calendar-prev-button.svelte";
+export { Day, Cell, Grid, Header, Months, GridRow, Heading, GridBody, GridHead, HeadCell, NextButton, PrevButton, 
+//
+Root as RangeCalendar };

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

@@ -0,0 +1,17 @@
+<script>import { RangeCalendar as RangeCalendarPrimitive } from "bits-ui";
+import { cn } from "../../../utils";
+export let date;
+let className = void 0;
+export { className as class };
+</script>
+
+<RangeCalendarPrimitive.Cell
+	{date}
+	class={cn(
+		"h-9 w-9 text-center text-sm p-0 relative [&:has([data-selected][data-selection-end])]:rounded-r-md [&:has([data-selected][data-outside-month])]:bg-accent/50 [&:has([data-selected])]:bg-accent first:[&:has([data-selected])]:rounded-l-md last:[&:has([data-selected])]:rounded-r-md focus-within:relative focus-within:z-20",
+		className
+	)}
+	{...$$restProps}
+>
+	<slot />
+</RangeCalendarPrimitive.Cell>

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

@@ -0,0 +1,17 @@
+import { SvelteComponent } from "svelte";
+import { RangeCalendar as RangeCalendarPrimitive } from "bits-ui";
+declare const __propDef: {
+    props: RangeCalendarPrimitive.CellProps;
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+};
+export type RangeCalendarCellProps = typeof __propDef.props;
+export type RangeCalendarCellEvents = typeof __propDef.events;
+export type RangeCalendarCellSlots = typeof __propDef.slots;
+export default class RangeCalendarCell extends SvelteComponent<RangeCalendarCellProps, RangeCalendarCellEvents, RangeCalendarCellSlots> {
+}
+export {};

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

@@ -0,0 +1,38 @@
+<script>import { RangeCalendar as RangeCalendarPrimitive } from "bits-ui";
+import { buttonVariants } from "../button";
+import { cn } from "../../../utils";
+export let date;
+export let month;
+let className = void 0;
+export { className as class };
+</script>
+
+<RangeCalendarPrimitive.Day
+	on:click
+	{date}
+	{month}
+	class={cn(
+		buttonVariants({ variant: "ghost" }),
+		"h-9 w-9 p-0 font-normal data-[selected]:opacity-100",
+		"[&[data-today]:not([data-selected])]:bg-accent [&[data-today]:not([data-selected])]:text-accent-foreground",
+		// Selection Start
+		"data-[selection-start]:bg-primary data-[selection-start]:text-primary-foreground data-[selection-start]:hover:bg-primary data-[selection-start]:hover:text-primary-foreground data-[selection-start]:focus:bg-primary data-[selection-start]:focus:text-primary-foreground",
+		// Selection End
+		"data-[selection-end]:bg-primary data-[selection-end]:text-primary-foreground data-[selection-end]:hover:bg-primary data-[selection-end]:hover:text-primary-foreground data-[selection-end]:focus:bg-primary data-[selection-end]:focus:text-primary-foreground",
+		// Outside months
+		"data-[outside-month]:text-muted-foreground data-[outside-month]:opacity-50 [&[data-outside-month][data-selected]]:bg-accent/50 [&[data-outside-month][data-selected]]:text-muted-foreground [&[data-outside-month][data-selected]]:opacity-30 data-[outside-month]:pointer-events-none",
+		// Disabled
+		"data-[disabled]:text-muted-foreground data-[disabled]:opacity-50",
+		// Unavailable
+		"data-[unavailable]:line-through data-[unavailable]:text-destructive-foreground",
+		className
+	)}
+	{...$$restProps}
+	let:disabled
+	let:unavailable
+	let:builder
+>
+	<slot {disabled} {unavailable} {builder}>
+		{date.day}
+	</slot>
+</RangeCalendarPrimitive.Day>

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

@@ -0,0 +1,9 @@
+<script>import { RangeCalendar as RangeCalendarPrimitive } from "bits-ui";
+import { cn } from "../../../utils";
+let className = void 0;
+export { className as class };
+</script>
+
+<RangeCalendarPrimitive.GridBody class={cn(className)} {...$$restProps}>
+	<slot />
+</RangeCalendarPrimitive.GridBody>

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

@@ -0,0 +1,17 @@
+import { SvelteComponent } from "svelte";
+import { RangeCalendar as RangeCalendarPrimitive } from "bits-ui";
+declare const __propDef: {
+    props: RangeCalendarPrimitive.GridBodyProps;
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+};
+export type RangeCalendarGridBodyProps = typeof __propDef.props;
+export type RangeCalendarGridBodyEvents = typeof __propDef.events;
+export type RangeCalendarGridBodySlots = typeof __propDef.slots;
+export default class RangeCalendarGridBody extends SvelteComponent<RangeCalendarGridBodyProps, RangeCalendarGridBodyEvents, RangeCalendarGridBodySlots> {
+}
+export {};

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

@@ -0,0 +1,9 @@
+<script>import { RangeCalendar as RangeCalendarPrimitive } from "bits-ui";
+import { cn } from "../../../utils";
+let className = void 0;
+export { className as class };
+</script>
+
+<RangeCalendarPrimitive.GridHead class={cn(className)} {...$$restProps}>
+	<slot />
+</RangeCalendarPrimitive.GridHead>

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

@@ -0,0 +1,17 @@
+import { SvelteComponent } from "svelte";
+import { RangeCalendar as RangeCalendarPrimitive } from "bits-ui";
+declare const __propDef: {
+    props: RangeCalendarPrimitive.GridHeadProps;
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+};
+export type RangeCalendarGridHeadProps = typeof __propDef.props;
+export type RangeCalendarGridHeadEvents = typeof __propDef.events;
+export type RangeCalendarGridHeadSlots = typeof __propDef.slots;
+export default class RangeCalendarGridHead extends SvelteComponent<RangeCalendarGridHeadProps, RangeCalendarGridHeadEvents, RangeCalendarGridHeadSlots> {
+}
+export {};

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

@@ -0,0 +1,9 @@
+<script>import { RangeCalendar as RangeCalendarPrimitive } from "bits-ui";
+import { cn } from "../../../utils";
+let className = void 0;
+export { className as class };
+</script>
+
+<RangeCalendarPrimitive.GridRow class={cn("flex", className)} {...$$restProps}>
+	<slot />
+</RangeCalendarPrimitive.GridRow>

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

@@ -0,0 +1,17 @@
+import { SvelteComponent } from "svelte";
+import { RangeCalendar as RangeCalendarPrimitive } from "bits-ui";
+declare const __propDef: {
+    props: RangeCalendarPrimitive.GridRowProps;
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+};
+export type RangeCalendarGridRowProps = typeof __propDef.props;
+export type RangeCalendarGridRowEvents = typeof __propDef.events;
+export type RangeCalendarGridRowSlots = typeof __propDef.slots;
+export default class RangeCalendarGridRow extends SvelteComponent<RangeCalendarGridRowProps, RangeCalendarGridRowEvents, RangeCalendarGridRowSlots> {
+}
+export {};

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

@@ -0,0 +1,12 @@
+<script>import { RangeCalendar as RangeCalendarPrimitive } from "bits-ui";
+import { cn } from "../../../utils";
+let className = void 0;
+export { className as class };
+</script>
+
+<RangeCalendarPrimitive.Grid
+	class={cn("w-full border-collapse space-y-1", className)}
+	{...$$restProps}
+>
+	<slot />
+</RangeCalendarPrimitive.Grid>

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

@@ -0,0 +1,17 @@
+import { SvelteComponent } from "svelte";
+import { RangeCalendar as RangeCalendarPrimitive } from "bits-ui";
+declare const __propDef: {
+    props: RangeCalendarPrimitive.GridProps;
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+};
+export type RangeCalendarGridProps = typeof __propDef.props;
+export type RangeCalendarGridEvents = typeof __propDef.events;
+export type RangeCalendarGridSlots = typeof __propDef.slots;
+export default class RangeCalendarGrid extends SvelteComponent<RangeCalendarGridProps, RangeCalendarGridEvents, RangeCalendarGridSlots> {
+}
+export {};

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

@@ -0,0 +1,15 @@
+<script>import { RangeCalendar as RangeCalendarPrimitive } from "bits-ui";
+import { cn } from "../../../utils";
+let className = void 0;
+export { className as class };
+</script>
+
+<RangeCalendarPrimitive.HeadCell
+	class={cn(
+		"text-muted-foreground rounded-md w-9 font-normal text-[0.8rem]",
+		className
+	)}
+	{...$$restProps}
+>
+	<slot />
+</RangeCalendarPrimitive.HeadCell>

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

@@ -0,0 +1,17 @@
+import { SvelteComponent } from "svelte";
+import { RangeCalendar as RangeCalendarPrimitive } from "bits-ui";
+declare const __propDef: {
+    props: RangeCalendarPrimitive.HeadCellProps;
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+};
+export type RangeCalendarHeadCellProps = typeof __propDef.props;
+export type RangeCalendarHeadCellEvents = typeof __propDef.events;
+export type RangeCalendarHeadCellSlots = typeof __propDef.slots;
+export default class RangeCalendarHeadCell extends SvelteComponent<RangeCalendarHeadCellProps, RangeCalendarHeadCellEvents, RangeCalendarHeadCellSlots> {
+}
+export {};

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

@@ -0,0 +1,15 @@
+<script>import { RangeCalendar as RangeCalendarPrimitive } from "bits-ui";
+import { cn } from "../../../utils";
+let className = void 0;
+export { className as class };
+</script>
+
+<RangeCalendarPrimitive.Header
+	class={cn(
+		"flex justify-between pt-1 relative items-center w-full",
+		className
+	)}
+	{...$$restProps}
+>
+	<slot />
+</RangeCalendarPrimitive.Header>

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

@@ -0,0 +1,17 @@
+import { SvelteComponent } from "svelte";
+import { RangeCalendar as RangeCalendarPrimitive } from "bits-ui";
+declare const __propDef: {
+    props: RangeCalendarPrimitive.HeaderProps;
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+};
+export type RangeCalendarHeaderProps = typeof __propDef.props;
+export type RangeCalendarHeaderEvents = typeof __propDef.events;
+export type RangeCalendarHeaderSlots = typeof __propDef.slots;
+export default class RangeCalendarHeader extends SvelteComponent<RangeCalendarHeaderProps, RangeCalendarHeaderEvents, RangeCalendarHeaderSlots> {
+}
+export {};

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

@@ -0,0 +1,15 @@
+<script>import { RangeCalendar as RangeCalendarPrimitive } from "bits-ui";
+import { cn } from "../../../utils";
+let className = void 0;
+export { className as class };
+</script>
+
+<RangeCalendarPrimitive.Heading
+	let:headingValue
+	class={cn("text-sm font-medium", className)}
+	{...$$restProps}
+>
+	<slot {headingValue}>
+		{headingValue}
+	</slot>
+</RangeCalendarPrimitive.Heading>

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

@@ -0,0 +1,19 @@
+import { SvelteComponent } from "svelte";
+import { RangeCalendar as RangeCalendarPrimitive } from "bits-ui";
+declare const __propDef: {
+    props: RangeCalendarPrimitive.HeadingProps;
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {
+            headingValue: string;
+        };
+    };
+};
+export type RangeCalendarHeadingProps = typeof __propDef.props;
+export type RangeCalendarHeadingEvents = typeof __propDef.events;
+export type RangeCalendarHeadingSlots = typeof __propDef.slots;
+export default class RangeCalendarHeading extends SvelteComponent<RangeCalendarHeadingProps, RangeCalendarHeadingEvents, RangeCalendarHeadingSlots> {
+}
+export {};

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

@@ -0,0 +1,14 @@
+<script>import { cn } from "../../../utils";
+let className = void 0;
+export { className as class };
+</script>
+
+<div
+	class={cn(
+		"flex flex-col sm:flex-row space-y-4 sm:space-x-4 sm:space-y-0 mt-4",
+		className
+	)}
+	{...$$restProps}
+>
+	<slot />
+</div>

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

@@ -0,0 +1,17 @@
+import { SvelteComponent } from "svelte";
+import type { HTMLAttributes } from "svelte/elements";
+declare const __propDef: {
+    props: HTMLAttributes<HTMLDivElement>;
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+};
+export type RangeCalendarMonthsProps = typeof __propDef.props;
+export type RangeCalendarMonthsEvents = typeof __propDef.events;
+export type RangeCalendarMonthsSlots = typeof __propDef.slots;
+export default class RangeCalendarMonths extends SvelteComponent<RangeCalendarMonthsProps, RangeCalendarMonthsEvents, RangeCalendarMonthsSlots> {
+}
+export {};

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

@@ -0,0 +1,22 @@
+<script>import { RangeCalendar as RangeCalendarPrimitive } from "bits-ui";
+import { ChevronRight } from "lucide-svelte";
+import { buttonVariants } from "../button";
+import { cn } from "../../../utils";
+let className = void 0;
+export { className as class };
+</script>
+
+<RangeCalendarPrimitive.NextButton
+	on:click
+	class={cn(
+		buttonVariants({ variant: "outline" }),
+		"h-7 w-7 bg-transparent p-0 opacity-50 hover:opacity-100",
+		className
+	)}
+	{...$$restProps}
+	let:builder
+>
+	<slot {builder}>
+		<ChevronRight class="h-4 w-4" />
+	</slot>
+</RangeCalendarPrimitive.NextButton>

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

@@ -0,0 +1,22 @@
+<script>import { RangeCalendar as RangeCalendarPrimitive } from "bits-ui";
+import { ChevronLeft } from "lucide-svelte";
+import { buttonVariants } from "../button";
+import { cn } from "../../../utils";
+let className = void 0;
+export { className as class };
+</script>
+
+<RangeCalendarPrimitive.PrevButton
+	on:click
+	class={cn(
+		buttonVariants({ variant: "outline" }),
+		"h-7 w-7 bg-transparent p-0 opacity-50 hover:opacity-100",
+		className
+	)}
+	{...$$restProps}
+	let:builder
+>
+	<slot {builder}>
+		<ChevronLeft class="h-4 w-4" />
+	</slot>
+</RangeCalendarPrimitive.PrevButton>

package/dist/components/ui/range-calendar/range-calendar.svelte

@@ -0,0 +1,57 @@
+<script>import { RangeCalendar as RangeCalendarPrimitive } from "bits-ui";
+import * as RangeCalendar from ".";
+import { cn } from "../../../utils";
+export let value = void 0;
+export let placeholder = void 0;
+export let weekdayFormat = "short";
+export let startValue = void 0;
+let className = void 0;
+export { className as class };
+</script>
+
+<RangeCalendarPrimitive.Root
+	on:keydown
+	bind:value
+	bind:placeholder
+	bind:startValue
+	{weekdayFormat}
+	class={cn("p-3", className)}
+	{...$$restProps}
+	let:months
+	let:weekdays
+>
+	<RangeCalendar.Header>
+		<RangeCalendar.PrevButton />
+		<RangeCalendar.Heading />
+		<RangeCalendar.NextButton />
+	</RangeCalendar.Header>
+	<RangeCalendar.Months>
+		{#each months as month}
+			<RangeCalendar.Grid>
+				<RangeCalendar.GridHead>
+					<RangeCalendar.GridRow class="flex">
+						{#each weekdays as weekday}
+							<RangeCalendar.HeadCell>
+								{weekday.slice(0, 2)}
+							</RangeCalendar.HeadCell>
+						{/each}
+					</RangeCalendar.GridRow>
+				</RangeCalendar.GridHead>
+				<RangeCalendar.GridBody>
+					{#each month.weeks as weekDates}
+						<RangeCalendar.GridRow class="w-full mt-2">
+							{#each weekDates as date}
+								<RangeCalendar.Cell {date}>
+									<RangeCalendar.Day
+										{date}
+										month={month.value}
+									/>
+								</RangeCalendar.Cell>
+							{/each}
+						</RangeCalendar.GridRow>
+					{/each}
+				</RangeCalendar.GridBody>
+			</RangeCalendar.Grid>
+		{/each}
+	</RangeCalendar.Months>
+</RangeCalendarPrimitive.Root>

package/dist/components/ui/range-calendar/range-calendar.svelte.d.ts

@@ -0,0 +1,13 @@
+import { SvelteComponent } from "svelte";
+import { RangeCalendar as RangeCalendarPrimitive } from "bits-ui";
+declare const __propDef: {
+    props: RangeCalendarPrimitive.Props;
+    slots: {};
+    events: RangeCalendarPrimitive.Events;
+};
+export type RangeCalendarProps = typeof __propDef.props;
+export type RangeCalendarEvents = typeof __propDef.events;
+export type RangeCalendarSlots = typeof __propDef.slots;
+export default class RangeCalendar extends SvelteComponent<RangeCalendarProps, RangeCalendarEvents, RangeCalendarSlots> {
+}
+export {};

package/dist/formsnap.d.ts

@@ -0,0 +1 @@
+export * from "formsnap";

package/dist/formsnap.js

@@ -0,0 +1,3 @@
+export * from "formsnap";
+// export type { FormOptions } from "formsnap";
+// export { getForm, getFormSchema, getFormControl } from "formsnap";

package/dist/index.d.ts

@@ -1,5 +1,3 @@
 export * from "./utils.js";
 export * from "./components/ui/index.js";
 export * from "./components/custom/index.js";
-export * from "./external.js";
-export * from "./extra.js";

package/dist/index.js

@@ -4,7 +4,3 @@ export * from "./utils.js";
 export * from "./components/ui/index.js";
 // Custom components
 export * from "./components/custom/index.js";
-// External components
-export * from "./external.js";
-// Extra exports required
-export * from "./extra.js";

package/dist/mode-watcher.d.ts

@@ -0,0 +1 @@
+export * from "mode-watcher";

package/dist/mode-watcher.js

@@ -0,0 +1 @@
+export * from "mode-watcher";

package/package.json

@@ -1,15 +1,23 @@
 {
   "name": "@kayord/ui",
   "private": false,
-  "version": "0.2.5",
+  "version": "0.3.1",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
       "svelte": "./dist/index.js"
     },
     "./utils/*": {
-      "types": "./dist/utils/*.d.ts",
-      "svelte": "./dist/utils/*.js"
+      "types": "./dist/utils.d.ts",
+      "svelte": "./dist/utils.js"
+    },
+    "./mode-watcher/*": {
+      "types": "./dist/mode-watcher.d.ts",
+      "svelte": "./dist/mode-watcher.js"
+    },
+    "./formsnap/*": {
+      "types": "./dist/formsnap.d.ts",
+      "svelte": "./dist/formsnap.js"
     }
   },
   "files": [
@@ -21,11 +29,12 @@
     "svelte": "^4.0.0"
   },
   "dependencies": {
-    "bits-ui": "^0.13.6",
+    "@internationalized/date": "^3.5.1",
+    "bits-ui": "^0.14.0",
     "clsx": "^2.1.0",
     "cmdk-sv": "^0.0.12",
     "formsnap": "^0.4.2",
-    "lucide-svelte": "^0.308.0",
+    "lucide-svelte": "^0.309.0",
     "mode-watcher": "^0.1.2",
     "svelte-headless-table": "^0.18.1",
     "svelte-sonner": "^0.3.11",
@@ -38,7 +47,7 @@
   "devDependencies": {
     "@playwright/test": "^1.40.1",
     "@sveltejs/adapter-auto": "^3.1.0",
-    "@sveltejs/kit": "^2.1.2",
+    "@sveltejs/kit": "^2.3.0",
     "@sveltejs/package": "^2.2.5",
     "@sveltejs/vite-plugin-svelte": "^3.0.1",
     "@typescript-eslint/eslint-plugin": "^6.18.1",

package/dist/components/ui/drawer/drawer-description.svelte.d.ts

@@ -1,16 +0,0 @@
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: import("bits-ui/dist/bits/dialog/types").DescriptionProps;
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        default: {};
-    };
-};
-export type DrawerDescriptionProps = typeof __propDef.props;
-export type DrawerDescriptionEvents = typeof __propDef.events;
-export type DrawerDescriptionSlots = typeof __propDef.slots;
-export default class DrawerDescription extends SvelteComponent<DrawerDescriptionProps, DrawerDescriptionEvents, DrawerDescriptionSlots> {
-}
-export {};

package/dist/components/ui/drawer/drawer-title.svelte.d.ts

@@ -1,16 +0,0 @@
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: import("bits-ui/dist/bits/dialog/types").TitleProps;
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        default: {};
-    };
-};
-export type DrawerTitleProps = typeof __propDef.props;
-export type DrawerTitleEvents = typeof __propDef.events;
-export type DrawerTitleSlots = typeof __propDef.slots;
-export default class DrawerTitle extends SvelteComponent<DrawerTitleProps, DrawerTitleEvents, DrawerTitleSlots> {
-}
-export {};

package/dist/components/ui/drawer/index.d.ts

@@ -1,13 +0,0 @@
-/// <reference types="svelte" />
-import { Drawer as DrawerPrimitive } from "vaul-svelte";
-import Root from "./drawer.svelte";
-import Content from "./drawer-content.svelte";
-import Description from "./drawer-description.svelte";
-import Overlay from "./drawer-overlay.svelte";
-import Footer from "./drawer-footer.svelte";
-import Header from "./drawer-header.svelte";
-import Title from "./drawer-title.svelte";
-declare const Trigger: typeof DrawerPrimitive.Close;
-declare const Portal: typeof import("bits-ui/dist/bits/dialog").Portal;
-declare const Close: typeof DrawerPrimitive.Close;
-export { Root, Content, Description, Overlay, Footer, Header, Title, Trigger, Portal, Close, Root as Drawer, Content as DrawerContent, Description as DrawerDescription, Overlay as DrawerOverlay, Footer as DrawerFooter, Header as DrawerHeader, Title as DrawerTitle, Trigger as DrawerTrigger, Portal as DrawerPortal, Close as DrawerClose };

package/dist/external.d.ts

@@ -1,2 +0,0 @@
-import { ModeWatcher, toggleMode, mode, resetMode, setMode } from "mode-watcher";
-export { ModeWatcher, toggleMode, mode, resetMode, setMode };

package/dist/external.js

@@ -1,2 +0,0 @@
-import { ModeWatcher, toggleMode, mode, resetMode, setMode } from "mode-watcher";
-export { ModeWatcher, toggleMode, mode, resetMode, setMode };

package/dist/extra.d.ts

@@ -1,2 +0,0 @@
-export type { FormOptions } from "formsnap";
-export { getForm, getFormSchema, getFormControl } from "formsnap";

package/dist/extra.js

@@ -1 +0,0 @@
-export { getForm, getFormSchema, getFormControl } from "formsnap";