@kayord/ui 0.11.1 → 0.12.1

package/dist/components/ui/popover/popover-content.svelte.d.ts

@@ -1,28 +1,3 @@
 import { Popover as PopoverPrimitive } from "bits-ui";
-interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
-    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
-        $$bindings?: Bindings;
-    } & Exports;
-    (internal: unknown, props: Props & {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}
-type $$__sveltets_2_PropsWithChildren<Props, Slots> = Props & (Slots extends {
-    default: any;
-} ? Props extends Record<string, never> ? any : {
-    children?: any;
-} : {});
-declare const PopoverContent: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<PopoverPrimitive.ContentProps, {
-    default: {};
-}>, {
-    [evt: string]: CustomEvent<any>;
-}, {
-    default: {};
-}, {}, string>;
-type PopoverContent = InstanceType<typeof PopoverContent>;
+declare const PopoverContent: import("svelte").Component<PopoverPrimitive.ContentProps, {}, "ref">;
 export default PopoverContent;

package/dist/components/ui/progress/progress.svelte

@@ -1,18 +1,22 @@
 <script lang="ts">
-	import { Progress as ProgressPrimitive } from "bits-ui";
+	import { Progress as ProgressPrimitive, type WithoutChildrenOrChild } from "bits-ui";
 	import { cn } from "../../../utils.js";
 
-	type $$Props = ProgressPrimitive.Props;
-
-	let className: $$Props["class"] = undefined;
-	export let max: $$Props["max"] = 100;
-	export let value: $$Props["value"] = undefined;
-	export { className as class };
+	let {
+		ref = $bindable(null),
+		class: className,
+		max = 100,
+		value,
+		...restProps
+	}: WithoutChildrenOrChild<ProgressPrimitive.RootProps> = $props();
 </script>
 
 <ProgressPrimitive.Root
+	bind:ref
 	class={cn("relative h-4 w-full overflow-hidden rounded-full bg-secondary", className)}
-	{...$$restProps}
+	{value}
+	{max}
+	{...restProps}
 >
 	<div
 		class="h-full w-full flex-1 bg-primary transition-all"

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

@@ -1,19 +1,3 @@
 import { Progress as ProgressPrimitive } from "bits-ui";
-interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
-    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
-        $$bindings?: Bindings;
-    } & Exports;
-    (internal: unknown, props: Props & {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}
-declare const Progress: $$__sveltets_2_IsomorphicComponent<ProgressPrimitive.Props, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-type Progress = InstanceType<typeof Progress>;
+declare const Progress: import("svelte").Component<Omit<Omit<ProgressPrimitive.RootProps, "child">, "children">, {}, "ref">;
 export default Progress;

package/dist/components/ui/radio-group/index.d.ts

@@ -1,5 +1,3 @@
-import { RadioGroup as RadioGroupPrimitive } from "bits-ui";
 import Root from "./radio-group.svelte";
 import Item from "./radio-group-item.svelte";
-declare const Input: typeof RadioGroupPrimitive.Input;
-export { Root, Input, Item, Root as RadioGroup, Input as RadioGroupInput, Item as RadioGroupItem, };
+export { Root, Item, Root as RadioGroup, Item as RadioGroupItem, };

package/dist/components/ui/radio-group/index.js

@@ -1,7 +1,5 @@
-import { RadioGroup as RadioGroupPrimitive } from "bits-ui";
 import Root from "./radio-group.svelte";
 import Item from "./radio-group-item.svelte";
-const Input = RadioGroupPrimitive.Input;
-export { Root, Input, Item, 
+export { Root, Item, 
 //
-Root as RadioGroup, Input as RadioGroupInput, Item as RadioGroupItem, };
+Root as RadioGroup, Item as RadioGroupItem, };

package/dist/components/ui/radio-group/radio-group-item.svelte

@@ -1,28 +1,28 @@
 <script lang="ts">
-	import { RadioGroup as RadioGroupPrimitive } from "bits-ui";
+	import { RadioGroup as RadioGroupPrimitive, type WithoutChildrenOrChild } from "bits-ui";
 	import Circle from "lucide-svelte/icons/circle";
 	import { cn } from "../../../utils.js";
 
-	type $$Props = RadioGroupPrimitive.ItemProps;
-	type $$Events = RadioGroupPrimitive.ItemEvents;
-
-	let className: $$Props["class"] = undefined;
-	export let value: $$Props["value"];
-	export { className as class };
+	let {
+		ref = $bindable(null),
+		class: className,
+		...restProps
+	}: WithoutChildrenOrChild<RadioGroupPrimitive.ItemProps> = $props();
 </script>
 
 <RadioGroupPrimitive.Item
-	{value}
+	bind:ref
 	class={cn(
-		"aspect-square h-4 w-4 rounded-full border border-primary text-primary ring-offset-background focus:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
+		"aspect-square size-4 rounded-full border border-primary text-primary ring-offset-background focus:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
 		className
 	)}
-	{...$$restProps}
-	on:click
+	{...restProps}
 >
-	<div class="flex items-center justify-center">
-		<RadioGroupPrimitive.ItemIndicator>
-			<Circle class="h-2.5 w-2.5 fill-current text-current" />
-		</RadioGroupPrimitive.ItemIndicator>
-	</div>
+	{#snippet children({ checked })}
+		<div class="flex items-center justify-center">
+			{#if checked}
+				<Circle class="size-2.5 fill-current text-current" />
+			{/if}
+		</div>
+	{/snippet}
 </RadioGroupPrimitive.Item>

package/dist/components/ui/radio-group/radio-group-item.svelte.d.ts

@@ -1,17 +1,3 @@
 import { RadioGroup as RadioGroupPrimitive } from "bits-ui";
-interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
-    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
-        $$bindings?: Bindings;
-    } & Exports;
-    (internal: unknown, props: Props & {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}
-declare const RadioGroupItem: $$__sveltets_2_IsomorphicComponent<RadioGroupPrimitive.ItemProps, RadioGroupPrimitive.ItemEvents, {}, {}, string>;
-type RadioGroupItem = InstanceType<typeof RadioGroupItem>;
+declare const RadioGroupItem: import("svelte").Component<Omit<Omit<RadioGroupPrimitive.ItemProps, "child">, "children">, {}, "ref">;
 export default RadioGroupItem;

package/dist/components/ui/radio-group/radio-group.svelte

@@ -2,13 +2,12 @@
 	import { RadioGroup as RadioGroupPrimitive } from "bits-ui";
 	import { cn } from "../../../utils.js";
 
-	type $$Props = RadioGroupPrimitive.Props;
-
-	let className: $$Props["class"] = undefined;
-	export let value: $$Props["value"] = undefined;
-	export { className as class };
+	let {
+		ref = $bindable(null),
+		class: className,
+		value = $bindable(""),
+		...restProps
+	}: RadioGroupPrimitive.RootProps = $props();
 </script>
 
-<RadioGroupPrimitive.Root bind:value class={cn("grid gap-2", className)} {...$$restProps}>
-	<slot />
-</RadioGroupPrimitive.Root>
+<RadioGroupPrimitive.Root bind:ref bind:value class={cn("grid gap-2", className)} {...restProps} />

package/dist/components/ui/radio-group/radio-group.svelte.d.ts

@@ -1,28 +1,3 @@
 import { RadioGroup as RadioGroupPrimitive } from "bits-ui";
-interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
-    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
-        $$bindings?: Bindings;
-    } & Exports;
-    (internal: unknown, props: Props & {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}
-type $$__sveltets_2_PropsWithChildren<Props, Slots> = Props & (Slots extends {
-    default: any;
-} ? Props extends Record<string, never> ? any : {
-    children?: any;
-} : {});
-declare const RadioGroup: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<RadioGroupPrimitive.Props, {
-    default: {};
-}>, {
-    [evt: string]: CustomEvent<any>;
-}, {
-    default: {};
-}, {}, string>;
-type RadioGroup = InstanceType<typeof RadioGroup>;
+declare const RadioGroup: import("svelte").Component<RadioGroupPrimitive.RootProps, {}, "ref" | "value">;
 export default RadioGroup;

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

@@ -1,3 +1,4 @@
+import { RangeCalendar as RangeCalendarPrimitive } from "bits-ui";
 import Root from "./range-calendar.svelte";
 import Cell from "./range-calendar-cell.svelte";
 import Day from "./range-calendar-day.svelte";
@@ -6,11 +7,11 @@ 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";
+const GridHead = RangeCalendarPrimitive.GridHead;
+const GridBody = RangeCalendarPrimitive.GridBody;
 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

@@ -2,20 +2,14 @@
 	import { RangeCalendar as RangeCalendarPrimitive } from "bits-ui";
 	import { cn } from "../../../utils.js";
 
-	type $$Props = RangeCalendarPrimitive.CellProps;
-
-	export let date: $$Props["date"];
-	let className: $$Props["class"] = undefined;
-	export { className as class };
+	let { ref = $bindable(null), class: className, ...restProps }: RangeCalendarPrimitive.CellProps = $props();
 </script>
 
 <RangeCalendarPrimitive.Cell
-	{date}
+	bind:ref
 	class={cn(
-		"relative h-9 w-9 p-0 text-center text-sm focus-within:relative focus-within:z-20 [&:has([data-selected])]:bg-accent first:[&:has([data-selected])]:rounded-l-md last:[&:has([data-selected])]:rounded-r-md [&:has([data-selected][data-outside-month])]:bg-accent/50 [&:has([data-selected][data-selection-end])]:rounded-r-md [&:has([data-selected][data-selection-start])]:rounded-l-md",
+		"relative size-9 p-0 text-center text-sm focus-within:relative focus-within:z-20 [&:has([data-selected])]:bg-accent first:[&:has([data-selected])]:rounded-l-md last:[&:has([data-selected])]:rounded-r-md [&:has([data-selected][data-outside-month])]:bg-accent/50 [&:has([data-selected][data-selection-end])]:rounded-r-md [&:has([data-selected][data-selection-start])]:rounded-l-md",
 		className
 	)}
-	{...$$restProps}
->
-	<slot />
-</RangeCalendarPrimitive.Cell>
+	{...restProps}
+/>

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

@@ -1,28 +1,3 @@
 import { RangeCalendar as RangeCalendarPrimitive } from "bits-ui";
-interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
-    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
-        $$bindings?: Bindings;
-    } & Exports;
-    (internal: unknown, props: Props & {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}
-type $$__sveltets_2_PropsWithChildren<Props, Slots> = Props & (Slots extends {
-    default: any;
-} ? Props extends Record<string, never> ? any : {
-    children?: any;
-} : {});
-declare const RangeCalendarCell: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<RangeCalendarPrimitive.CellProps, {
-    default: {};
-}>, {
-    [evt: string]: CustomEvent<any>;
-}, {
-    default: {};
-}, {}, string>;
-type RangeCalendarCell = InstanceType<typeof RangeCalendarCell>;
+declare const RangeCalendarCell: import("svelte").Component<RangeCalendarPrimitive.CellProps, {}, "ref">;
 export default RangeCalendarCell;

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

@@ -3,22 +3,16 @@
 	import { buttonVariants } from "../button/index.js";
 	import { cn } from "../../../utils.js";
 
-	type $$Props = RangeCalendarPrimitive.DayProps;
-	type $$Events = RangeCalendarPrimitive.DayEvents;
+	let { ref = $bindable(null), class: className, ...restProps }: RangeCalendarPrimitive.DayProps = $props();
 
-	export let date: $$Props["date"];
-	export let month: $$Props["month"];
-	let className: $$Props["class"] = undefined;
 	export { className as class };
 </script>
 
 <RangeCalendarPrimitive.Day
-	on:click
-	{date}
-	{month}
+	bind:ref
 	class={cn(
 		buttonVariants({ variant: "ghost" }),
-		"h-9 w-9 p-0 font-normal data-[selected]:opacity-100",
+		"size-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",
@@ -32,12 +26,5 @@
 		"data-[unavailable]:text-destructive-foreground data-[unavailable]:line-through",
 		className
 	)}
-	{...$$restProps}
-	let:disabled
-	let:unavailable
-	let:builder
->
-	<slot {disabled} {unavailable} {builder}>
-		{date.day}
-	</slot>
-</RangeCalendarPrimitive.Day>
+	{...restProps}
+/>

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

@@ -0,0 +1,5 @@
+import { RangeCalendar as RangeCalendarPrimitive } from "bits-ui";
+declare const RangeCalendarDay: import("svelte").Component<RangeCalendarPrimitive.DayProps, {
+    class: string | null | undefined;
+}, "ref">;
+export default RangeCalendarDay;

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

@@ -2,12 +2,7 @@
 	import { RangeCalendar as RangeCalendarPrimitive } from "bits-ui";
 	import { cn } from "../../../utils.js";
 
-	type $$Props = RangeCalendarPrimitive.GridRowProps;
-
-	let className: $$Props["class"] = undefined;
-	export { className as class };
+	let { ref = $bindable(null), class: className, ...restProps }: RangeCalendarPrimitive.GridRowProps = $props();
 </script>
 
-<RangeCalendarPrimitive.GridRow class={cn("flex", className)} {...$$restProps}>
-	<slot />
-</RangeCalendarPrimitive.GridRow>
+<RangeCalendarPrimitive.GridRow bind:ref class={cn("flex", className)} {...restProps} />

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

@@ -1,28 +1,3 @@
 import { RangeCalendar as RangeCalendarPrimitive } from "bits-ui";
-interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
-    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
-        $$bindings?: Bindings;
-    } & Exports;
-    (internal: unknown, props: Props & {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}
-type $$__sveltets_2_PropsWithChildren<Props, Slots> = Props & (Slots extends {
-    default: any;
-} ? Props extends Record<string, never> ? any : {
-    children?: any;
-} : {});
-declare const RangeCalendarGridRow: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<RangeCalendarPrimitive.GridRowProps, {
-    default: {};
-}>, {
-    [evt: string]: CustomEvent<any>;
-}, {
-    default: {};
-}, {}, string>;
-type RangeCalendarGridRow = InstanceType<typeof RangeCalendarGridRow>;
+declare const RangeCalendarGridRow: import("svelte").Component<RangeCalendarPrimitive.GridRowProps, {}, "ref">;
 export default RangeCalendarGridRow;

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

@@ -2,12 +2,7 @@
 	import { RangeCalendar as RangeCalendarPrimitive } from "bits-ui";
 	import { cn } from "../../../utils.js";
 
-	type $$Props = RangeCalendarPrimitive.GridProps;
-
-	let className: $$Props["class"] = undefined;
-	export { className as class };
+	let { ref = $bindable(null), class: className, ...restProps }: RangeCalendarPrimitive.GridProps = $props();
 </script>
 
-<RangeCalendarPrimitive.Grid class={cn("w-full border-collapse space-y-1", className)} {...$$restProps}>
-	<slot />
-</RangeCalendarPrimitive.Grid>
+<RangeCalendarPrimitive.Grid bind:ref class={cn("w-full border-collapse space-y-1", className)} {...restProps} />

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

@@ -1,28 +1,3 @@
 import { RangeCalendar as RangeCalendarPrimitive } from "bits-ui";
-interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
-    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
-        $$bindings?: Bindings;
-    } & Exports;
-    (internal: unknown, props: Props & {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}
-type $$__sveltets_2_PropsWithChildren<Props, Slots> = Props & (Slots extends {
-    default: any;
-} ? Props extends Record<string, never> ? any : {
-    children?: any;
-} : {});
-declare const RangeCalendarGrid: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<RangeCalendarPrimitive.GridProps, {
-    default: {};
-}>, {
-    [evt: string]: CustomEvent<any>;
-}, {
-    default: {};
-}, {}, string>;
-type RangeCalendarGrid = InstanceType<typeof RangeCalendarGrid>;
+declare const RangeCalendarGrid: import("svelte").Component<RangeCalendarPrimitive.GridProps, {}, "ref">;
 export default RangeCalendarGrid;

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

@@ -2,15 +2,11 @@
 	import { RangeCalendar as RangeCalendarPrimitive } from "bits-ui";
 	import { cn } from "../../../utils.js";
 
-	type $$Props = RangeCalendarPrimitive.HeadCellProps;
-
-	let className: $$Props["class"] = undefined;
-	export { className as class };
+	let { ref = $bindable(null), class: className, ...restProps }: RangeCalendarPrimitive.HeadCellProps = $props();
 </script>
 
 <RangeCalendarPrimitive.HeadCell
+	bind:ref
 	class={cn("w-9 rounded-md text-[0.8rem] font-normal text-muted-foreground", className)}
-	{...$$restProps}
->
-	<slot />
-</RangeCalendarPrimitive.HeadCell>
+	{...restProps}
+/>

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

@@ -1,28 +1,3 @@
 import { RangeCalendar as RangeCalendarPrimitive } from "bits-ui";
-interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
-    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
-        $$bindings?: Bindings;
-    } & Exports;
-    (internal: unknown, props: Props & {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}
-type $$__sveltets_2_PropsWithChildren<Props, Slots> = Props & (Slots extends {
-    default: any;
-} ? Props extends Record<string, never> ? any : {
-    children?: any;
-} : {});
-declare const RangeCalendarHeadCell: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<RangeCalendarPrimitive.HeadCellProps, {
-    default: {};
-}>, {
-    [evt: string]: CustomEvent<any>;
-}, {
-    default: {};
-}, {}, string>;
-type RangeCalendarHeadCell = InstanceType<typeof RangeCalendarHeadCell>;
+declare const RangeCalendarHeadCell: import("svelte").Component<RangeCalendarPrimitive.HeadCellProps, {}, "ref">;
 export default RangeCalendarHeadCell;

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

@@ -2,15 +2,11 @@
 	import { RangeCalendar as RangeCalendarPrimitive } from "bits-ui";
 	import { cn } from "../../../utils.js";
 
-	type $$Props = RangeCalendarPrimitive.HeaderProps;
-
-	let className: $$Props["class"] = undefined;
-	export { className as class };
+	let { ref = $bindable(null), class: className, ...restProps }: RangeCalendarPrimitive.HeaderProps = $props();
 </script>
 
 <RangeCalendarPrimitive.Header
+	bind:ref
 	class={cn("relative flex w-full items-center justify-between pt-1", className)}
-	{...$$restProps}
->
-	<slot />
-</RangeCalendarPrimitive.Header>
+	{...restProps}
+/>

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

@@ -1,28 +1,3 @@
 import { RangeCalendar as RangeCalendarPrimitive } from "bits-ui";
-interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
-    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
-        $$bindings?: Bindings;
-    } & Exports;
-    (internal: unknown, props: Props & {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}
-type $$__sveltets_2_PropsWithChildren<Props, Slots> = Props & (Slots extends {
-    default: any;
-} ? Props extends Record<string, never> ? any : {
-    children?: any;
-} : {});
-declare const RangeCalendarHeader: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<RangeCalendarPrimitive.HeaderProps, {
-    default: {};
-}>, {
-    [evt: string]: CustomEvent<any>;
-}, {
-    default: {};
-}, {}, string>;
-type RangeCalendarHeader = InstanceType<typeof RangeCalendarHeader>;
+declare const RangeCalendarHeader: import("svelte").Component<RangeCalendarPrimitive.HeaderProps, {}, "ref">;
 export default RangeCalendarHeader;

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

@@ -2,14 +2,7 @@
 	import { RangeCalendar as RangeCalendarPrimitive } from "bits-ui";
 	import { cn } from "../../../utils.js";
 
-	type $$Props = RangeCalendarPrimitive.HeadingProps;
-
-	let className: $$Props["class"] = undefined;
-	export { className as class };
+	let { ref = $bindable(null), class: className, ...restProps }: RangeCalendarPrimitive.HeadingProps = $props();
 </script>
 
-<RangeCalendarPrimitive.Heading let:headingValue class={cn("text-sm font-medium", className)} {...$$restProps}>
-	<slot {headingValue}>
-		{headingValue}
-	</slot>
-</RangeCalendarPrimitive.Heading>
+<RangeCalendarPrimitive.Heading bind:ref class={cn("text-sm font-medium", className)} {...restProps} />

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

@@ -1,32 +1,3 @@
 import { RangeCalendar as RangeCalendarPrimitive } from "bits-ui";
-interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
-    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
-        $$bindings?: Bindings;
-    } & Exports;
-    (internal: unknown, props: Props & {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}
-type $$__sveltets_2_PropsWithChildren<Props, Slots> = Props & (Slots extends {
-    default: any;
-} ? Props extends Record<string, never> ? any : {
-    children?: any;
-} : {});
-declare const RangeCalendarHeading: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<RangeCalendarPrimitive.HeadingProps, {
-    default: {
-        headingValue: string;
-    };
-}>, {
-    [evt: string]: CustomEvent<any>;
-}, {
-    default: {
-        headingValue: string;
-    };
-}, {}, string>;
-type RangeCalendarHeading = InstanceType<typeof RangeCalendarHeading>;
+declare const RangeCalendarHeading: import("svelte").Component<RangeCalendarPrimitive.HeadingProps, {}, "ref">;
 export default RangeCalendarHeading;

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

@@ -1,13 +1,20 @@
 <script lang="ts">
+	import type { WithElementRef } from "bits-ui";
 	import type { HTMLAttributes } from "svelte/elements";
 	import { cn } from "../../../utils.js";
 
-	type $$Props = HTMLAttributes<HTMLDivElement>;
-
-	let className: $$Props["class"] = undefined;
-	export { className as class };
+	let {
+		ref = $bindable(null),
+		class: className,
+		children,
+		...restProps
+	}: WithElementRef<HTMLAttributes<HTMLDivElement>> = $props();
 </script>
 
-<div class={cn("mt-4 flex flex-col space-y-4 sm:flex-row sm:space-x-4 sm:space-y-0", className)} {...$$restProps}>
-	<slot />
+<div
+	bind:this={ref}
+	class={cn("mt-4 flex flex-col space-y-4 sm:flex-row sm:space-x-4 sm:space-y-0", className)}
+	{...restProps}
+>
+	{@render children?.()}
 </div>