@kayord/ui 3.0.11 → 4.0.0

package/dist/components/ui/pagination/pagination-item.svelte

@@ -1,8 +1,12 @@
 <script lang="ts">
-	import type { HTMLLiAttributes } from "svelte/elements";
 	import type { WithElementRef } from "../../../utils.js";
+	import type { HTMLLiAttributes } from "svelte/elements";
 
-	let { ref = $bindable(null), children, ...restProps }: WithElementRef<HTMLLiAttributes> = $props();
+	let {
+		ref = $bindable(null),
+		children,
+		...restProps
+	}: WithElementRef<HTMLLiAttributes> = $props();
 </script>
 
 <li bind:this={ref} data-slot="pagination-item" {...restProps}>

package/dist/components/ui/pagination/pagination-item.svelte.d.ts

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

package/dist/components/ui/pagination/pagination-link.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
 	import { Pagination as PaginationPrimitive } from "bits-ui";
-	import { cn } from "../../../utils.js";
 	import { buttonVariants, type ButtonSize } from "../button/index.js";
+	import { cn } from "../../../utils.js";
 	let {
 		ref = $bindable(null),
 		class: className,
@@ -27,7 +27,11 @@
 	data-slot="pagination-link"
 	data-active={isActive}
 	data-size={size}
-	class={cn(buttonVariants({ size, variant: isActive ? "outline" : "ghost" }), "cn-pagination-link", className)}
+	class={cn(
+		buttonVariants({ size, variant: isActive ? "outline" : "ghost" }),
+		"cn-pagination-link",
+		className
+	)}
 	{...restProps}
 >
 	{#if children}

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

@@ -1,6 +1,6 @@
 <script lang="ts">
 	import { Pagination as PaginationPrimitive } from "bits-ui";
-	import ChevronRightIcon from "@lucide/svelte/icons/chevron-right";
+	import ChevronRightIcon from '@lucide/svelte/icons/chevron-right';
 	import { cn } from "../../../utils.js";
 	import { buttonVariants } from "../button/index.js";
 

package/dist/components/ui/pagination/pagination-next.svelte

@@ -1,10 +1,14 @@
 <script lang="ts">
 	import { Pagination as PaginationPrimitive } from "bits-ui";
-	import { cn } from "../../../utils.js";
+	import ChevronRightIcon from '@lucide/svelte/icons/chevron-right';
 	import { buttonVariants } from "../button/index.js";
-	import ChevronRightIcon from "@lucide/svelte/icons/chevron-right";
+	import { cn } from "../../../utils.js";
 
-	let { ref = $bindable(null), class: className, ...restProps }: PaginationPrimitive.NextButtonProps = $props();
+	let {
+		ref = $bindable(null),
+		class: className,
+		...restProps
+	}: PaginationPrimitive.NextButtonProps = $props();
 </script>
 
 <PaginationPrimitive.NextButton

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

@@ -1,6 +1,6 @@
 <script lang="ts">
 	import { Pagination as PaginationPrimitive } from "bits-ui";
-	import ChevronLeftIcon from "@lucide/svelte/icons/chevron-left";
+	import ChevronLeftIcon from '@lucide/svelte/icons/chevron-left';
 	import { cn } from "../../../utils.js";
 	import { buttonVariants } from "../button/index.js";
 

package/dist/components/ui/pagination/pagination-previous.svelte

@@ -1,16 +1,24 @@
 <script lang="ts">
 	import { Pagination as PaginationPrimitive } from "bits-ui";
-	import { cn } from "../../../utils.js";
+	import ChevronLeftIcon from '@lucide/svelte/icons/chevron-left';
 	import { buttonVariants } from "../button/index.js";
-	import ChevronLeftIcon from "@lucide/svelte/icons/chevron-left";
+	import { cn } from "../../../utils.js";
 
-	let { ref = $bindable(null), class: className, ...restProps }: PaginationPrimitive.PrevButtonProps = $props();
+	let {
+		ref = $bindable(null),
+		class: className,
+		...restProps
+	}: PaginationPrimitive.PrevButtonProps = $props();
 </script>
 
 <PaginationPrimitive.PrevButton
 	bind:ref
 	aria-label="Go to previous page"
-	class={cn(buttonVariants({ variant: "ghost", size: "default" }), "pl-1.5!", className)}
+	class={cn(
+		buttonVariants({ variant: "ghost", size: "default" }),
+		"pl-1.5!",
+		className
+	)}
 	{...restProps}
 >
 	<ChevronLeftIcon data-icon="inline-start" />

package/dist/components/ui/pagination/pagination.svelte

@@ -1,6 +1,5 @@
 <script lang="ts">
 	import { Pagination as PaginationPrimitive } from "bits-ui";
-
 	import { cn } from "../../../utils.js";
 
 	let {

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

@@ -1,9 +1,9 @@
-import Root from "./popover.svelte";
 import Close from "./popover-close.svelte";
 import Content from "./popover-content.svelte";
 import Description from "./popover-description.svelte";
 import Header from "./popover-header.svelte";
+import Portal from "./popover-portal.svelte";
 import Title from "./popover-title.svelte";
 import Trigger from "./popover-trigger.svelte";
-import Portal from "./popover-portal.svelte";
+import Root from "./popover.svelte";
 export { Root, Content, Description, Header, Title, Trigger, Close, Portal, Root as Popover, Content as PopoverContent, Description as PopoverDescription, Header as PopoverHeader, Title as PopoverTitle, Trigger as PopoverTrigger, Close as PopoverClose, Portal as PopoverPortal, };

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

@@ -1,11 +1,11 @@
-import Root from "./popover.svelte";
 import Close from "./popover-close.svelte";
 import Content from "./popover-content.svelte";
 import Description from "./popover-description.svelte";
 import Header from "./popover-header.svelte";
+import Portal from "./popover-portal.svelte";
 import Title from "./popover-title.svelte";
 import Trigger from "./popover-trigger.svelte";
-import Portal from "./popover-portal.svelte";
+import Root from "./popover.svelte";
 export { Root, Content, Description, Header, Title, Trigger, Close, Portal, 
 //
 Root as Popover, Content as PopoverContent, Description as PopoverDescription, Header as PopoverHeader, Title as PopoverTitle, Trigger as PopoverTrigger, Close as PopoverClose, Portal as PopoverPortal, };

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

@@ -1,7 +1,7 @@
 <script lang="ts">
 	import { Popover as PopoverPrimitive } from "bits-ui";
-	import PopoverPortal from "./popover-portal.svelte";
 	import { cn, type WithoutChildrenOrChild } from "../../../utils.js";
+	import PopoverPortal from "./popover-portal.svelte";
 	import type { ComponentProps } from "svelte";
 
 	let {
@@ -23,7 +23,7 @@
 		{sideOffset}
 		{align}
 		class={cn(
-			"bg-popover text-popover-foreground data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 ring-foreground/10 data-[side=inline-start]:slide-in-from-right-2 data-[side=inline-end]:slide-in-from-left-2 z-50 flex w-72 origin-(--transform-origin) flex-col gap-2.5 rounded-lg p-2.5 text-sm shadow-md ring-1 outline-hidden duration-100",
+			"flex flex-col gap-2.5 rounded-lg bg-popover p-2.5 text-sm text-popover-foreground shadow-md ring-1 ring-foreground/10 duration-100 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95 data-[side=inline-end]:slide-in-from-left-2 data-[side=inline-start]:slide-in-from-right-2 z-50 w-72 origin-(--transform-origin) outline-hidden",
 			className
 		)}
 		{...restProps}

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

@@ -1,6 +1,6 @@
 import { Popover as PopoverPrimitive } from "bits-ui";
-import PopoverPortal from "./popover-portal.svelte";
 import { type WithoutChildrenOrChild } from "../../../utils.js";
+import PopoverPortal from "./popover-portal.svelte";
 import type { ComponentProps } from "svelte";
 type $$ComponentProps = PopoverPrimitive.ContentProps & {
     portalProps?: WithoutChildrenOrChild<ComponentProps<typeof PopoverPortal>>;

package/dist/components/ui/popover/popover-description.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
-	import type { HTMLAttributes } from "svelte/elements";
 	import { cn, type WithElementRef } from "../../../utils.js";
+	import type { HTMLAttributes } from "svelte/elements";
 
 	let {
 		ref = $bindable(null),
@@ -10,6 +10,11 @@
 	}: WithElementRef<HTMLAttributes<HTMLDivElement>> = $props();
 </script>
 
-<div bind:this={ref} data-slot="popover-description" class={cn("text-muted-foreground", className)} {...restProps}>
+<div
+	bind:this={ref}
+	data-slot="popover-description"
+	class={cn("text-muted-foreground", className)}
+	{...restProps}
+>
 	{@render children?.()}
 </div>

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

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

package/dist/components/ui/popover/popover-header.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
-	import type { HTMLAttributes } from "svelte/elements";
 	import { cn, type WithElementRef } from "../../../utils.js";
+	import type { HTMLAttributes } from "svelte/elements";
 
 	let {
 		ref = $bindable(null),
@@ -10,6 +10,11 @@
 	}: WithElementRef<HTMLAttributes<HTMLDivElement>> = $props();
 </script>
 
-<div bind:this={ref} data-slot="popover-header" class={cn("flex flex-col gap-0.5 text-sm", className)} {...restProps}>
+<div
+	bind:this={ref}
+	data-slot="popover-header"
+	class={cn("flex flex-col gap-0.5 text-sm", className)}
+	{...restProps}
+>
 	{@render children?.()}
 </div>

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

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

package/dist/components/ui/popover/popover-title.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
-	import type { HTMLAttributes } from "svelte/elements";
 	import { cn, type WithElementRef } from "../../../utils.js";
+	import type { HTMLAttributes } from "svelte/elements";
 
 	let {
 		ref = $bindable(null),
@@ -10,6 +10,11 @@
 	}: WithElementRef<HTMLAttributes<HTMLDivElement>> = $props();
 </script>
 
-<div bind:this={ref} data-slot="popover-title" class={cn("font-medium", className)} {...restProps}>
+<div
+	bind:this={ref}
+	data-slot="popover-title"
+	class={cn("font-medium", className)}
+	{...restProps}
+>
 	{@render children?.()}
 </div>

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

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

package/dist/components/ui/popover/popover-trigger.svelte

@@ -1,8 +1,17 @@
 <script lang="ts">
-	import { cn } from "../../../utils.js";
 	import { Popover as PopoverPrimitive } from "bits-ui";
+	import { cn } from "../../../utils.js";
 
-	let { ref = $bindable(null), class: className, ...restProps }: PopoverPrimitive.TriggerProps = $props();
+	let {
+		ref = $bindable(null),
+		class: className,
+		...restProps
+	}: PopoverPrimitive.TriggerProps = $props();
 </script>
 
-<PopoverPrimitive.Trigger bind:ref data-slot="popover-trigger" class={cn("", className)} {...restProps} />
+<PopoverPrimitive.Trigger
+	bind:ref
+	data-slot="popover-trigger"
+	class={cn("", className)}
+	{...restProps}
+/>

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

@@ -14,7 +14,7 @@
 <ProgressPrimitive.Root
 	bind:ref
 	data-slot="progress"
-	class={cn("bg-muted relative flex h-1 w-full items-center overflow-x-hidden rounded-full", className)}
+	class={cn("h-1 rounded-full bg-muted relative flex w-full items-center overflow-x-hidden", className)}
 	{value}
 	{max}
 	{...restProps}

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

@@ -1,3 +1,3 @@
-import Root from "./radio-group.svelte";
 import Item from "./radio-group-item.svelte";
+import Root from "./radio-group.svelte";
 export { Root, Item, Root as RadioGroup, Item as RadioGroupItem, };

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

@@ -1,5 +1,5 @@
-import Root from "./radio-group.svelte";
 import Item from "./radio-group-item.svelte";
+import Root from "./radio-group.svelte";
 export { Root, Item, 
 //
 Root as RadioGroup, Item as RadioGroupItem, };

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

@@ -1,6 +1,6 @@
 <script lang="ts">
 	import { RadioGroup as RadioGroupPrimitive } from "bits-ui";
-	import CircleIcon from "@lucide/svelte/icons/circle";
+	import CircleIcon from '@lucide/svelte/icons/circle';
 	import { cn, type WithoutChildrenOrChild } from "../../../utils.js";
 
 	let {
@@ -14,7 +14,7 @@
 	bind:ref
 	data-slot="radio-group-item"
 	class={cn(
-		"border-input dark:bg-input/30 data-checked:bg-primary data-checked:text-primary-foreground dark:data-checked:bg-primary data-checked:border-primary aria-invalid:aria-checked:border-primary aria-invalid:border-destructive focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 dark:aria-invalid:border-destructive/50 group/radio-group-item peer relative flex aspect-square size-4 shrink-0 rounded-full border outline-none after:absolute after:-inset-x-3 after:-inset-y-2 focus-visible:ring-3 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:ring-3",
+		"flex size-4 rounded-full border-input focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 aria-invalid:aria-checked:border-primary dark:bg-input/30 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 data-checked:border-primary data-checked:bg-primary data-checked:text-primary-foreground dark:data-checked:bg-primary group/radio-group-item peer relative aspect-square shrink-0 border outline-none after:absolute after:-inset-x-3 after:-inset-y-2 disabled:cursor-not-allowed disabled:opacity-50",
 		className
 	)}
 	{...restProps}
@@ -22,9 +22,7 @@
 	{#snippet children({ checked })}
 		<div data-slot="radio-group-indicator" class="flex size-4 items-center justify-center">
 			{#if checked}
-				<CircleIcon
-					class="bg-primary-foreground absolute top-1/2 left-1/2 size-2 -translate-x-1/2 -translate-y-1/2 rounded-full"
-				/>
+				<CircleIcon class="absolute top-1/2 left-1/2 size-2 -translate-x-1/2 -translate-y-1/2 rounded-full bg-primary-foreground" />
 			{/if}
 		</div>
 	{/snippet}

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

@@ -14,6 +14,6 @@
 	bind:ref
 	bind:value
 	data-slot="radio-group"
-	class={cn("grid w-full gap-2", className)}
+	class={cn("grid gap-2 w-full", className)}
 	{...restProps}
 />

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

@@ -1,19 +1,19 @@
-import Root from "./range-calendar.svelte";
+import Caption from "./range-calendar-caption.svelte";
 import Cell from "./range-calendar-cell.svelte";
 import Day from "./range-calendar-day.svelte";
+import GridBody from "./range-calendar-grid-body.svelte";
+import GridHead from "./range-calendar-grid-head.svelte";
+import GridRow from "./range-calendar-grid-row.svelte";
 import Grid from "./range-calendar-grid.svelte";
+import HeadCell from "./range-calendar-head-cell.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 HeadCell from "./range-calendar-head-cell.svelte";
+import MonthSelect from "./range-calendar-month-select.svelte";
+import Month from "./range-calendar-month.svelte";
+import Months from "./range-calendar-months.svelte";
+import Nav from "./range-calendar-nav.svelte";
 import NextButton from "./range-calendar-next-button.svelte";
 import PrevButton from "./range-calendar-prev-button.svelte";
-import MonthSelect from "./range-calendar-month-select.svelte";
 import YearSelect from "./range-calendar-year-select.svelte";
-import Caption from "./range-calendar-caption.svelte";
-import Nav from "./range-calendar-nav.svelte";
-import Month from "./range-calendar-month.svelte";
-import GridBody from "./range-calendar-grid-body.svelte";
-import GridHead from "./range-calendar-grid-head.svelte";
+import Root from "./range-calendar.svelte";
 export { Day, Cell, Grid, Header, Months, GridRow, Heading, GridBody, GridHead, HeadCell, NextButton, PrevButton, MonthSelect, YearSelect, Caption, Nav, Month, Root as RangeCalendar, };

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

@@ -1,21 +1,21 @@
-import Root from "./range-calendar.svelte";
+import Caption from "./range-calendar-caption.svelte";
 import Cell from "./range-calendar-cell.svelte";
 import Day from "./range-calendar-day.svelte";
+import GridBody from "./range-calendar-grid-body.svelte";
+import GridHead from "./range-calendar-grid-head.svelte";
+import GridRow from "./range-calendar-grid-row.svelte";
 import Grid from "./range-calendar-grid.svelte";
+import HeadCell from "./range-calendar-head-cell.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 HeadCell from "./range-calendar-head-cell.svelte";
+import MonthSelect from "./range-calendar-month-select.svelte";
+import Month from "./range-calendar-month.svelte";
+import Months from "./range-calendar-months.svelte";
+import Nav from "./range-calendar-nav.svelte";
 import NextButton from "./range-calendar-next-button.svelte";
 import PrevButton from "./range-calendar-prev-button.svelte";
-import MonthSelect from "./range-calendar-month-select.svelte";
 import YearSelect from "./range-calendar-year-select.svelte";
-import Caption from "./range-calendar-caption.svelte";
-import Nav from "./range-calendar-nav.svelte";
-import Month from "./range-calendar-month.svelte";
-import GridBody from "./range-calendar-grid-body.svelte";
-import GridHead from "./range-calendar-grid-head.svelte";
+import Root from "./range-calendar.svelte";
 export { Day, Cell, Grid, Header, Months, GridRow, Heading, GridBody, GridHead, HeadCell, NextButton, PrevButton, MonthSelect, YearSelect, Caption, Nav, Month, 
 //
 Root as RangeCalendar, };

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

@@ -1,9 +1,9 @@
 <script lang="ts">
-	import type { ComponentProps } from "svelte";
-	import type RangeCalendar from "./range-calendar.svelte";
+	import { DateFormatter, getLocalTimeZone, type DateValue } from "@internationalized/date";
 	import RangeCalendarMonthSelect from "./range-calendar-month-select.svelte";
 	import RangeCalendarYearSelect from "./range-calendar-year-select.svelte";
-	import { DateFormatter, getLocalTimeZone, type DateValue } from "@internationalized/date";
+	import type RangeCalendar from "./range-calendar.svelte";
+	import type { ComponentProps } from "svelte";
 
 	let {
 		captionLayout,

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

@@ -1,8 +1,8 @@
-import type { ComponentProps } from "svelte";
-import type RangeCalendar from "./range-calendar.svelte";
+import { type DateValue } from "@internationalized/date";
 import RangeCalendarMonthSelect from "./range-calendar-month-select.svelte";
 import RangeCalendarYearSelect from "./range-calendar-year-select.svelte";
-import { type DateValue } from "@internationalized/date";
+import type RangeCalendar from "./range-calendar.svelte";
+import type { ComponentProps } from "svelte";
 type $$ComponentProps = {
     captionLayout: ComponentProps<typeof RangeCalendar>["captionLayout"];
     months: ComponentProps<typeof RangeCalendarMonthSelect>["months"];

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

@@ -2,13 +2,17 @@
 	import { RangeCalendar as RangeCalendarPrimitive } from "bits-ui";
 	import { cn } from "../../../utils.js";
 
-	let { ref = $bindable(null), class: className, ...restProps }: RangeCalendarPrimitive.CellProps = $props();
+	let {
+		ref = $bindable(null),
+		class: className,
+		...restProps
+	}: RangeCalendarPrimitive.CellProps = $props();
 </script>
 
 <RangeCalendarPrimitive.Cell
 	bind:ref
 	class={cn(
-		"dark:[&:has([data-range-start])]:hover:bg-accent dark:[&:has([data-range-end])]:hover:bg-accent [&:has([data-range-middle])]:bg-accent dark:[&:has([data-range-middle])]:hover:bg-accent/50 [&:has([data-selected])]:bg-accent relative size-(--cell-size) p-0 text-center text-sm focus-within:z-20 data-[range-middle]:rounded-e-(--cell-radius) [&:first-child[data-selected]_[data-bits-day]]:rounded-s-(--cell-radius) [&:has([data-range-end])]:rounded-e-(--cell-radius) [&:has([data-range-middle])]:rounded-none first:[&:has([data-range-middle])]:rounded-s-(--cell-radius) last:[&:has([data-range-middle])]:rounded-e-(--cell-radius) [&:has([data-range-start])]:rounded-s-(--cell-radius) [&:last-child[data-selected]_[data-bits-day]]:rounded-e-(--cell-radius)",
+		"relative size-(--cell-size) p-0 text-center text-sm focus-within:z-20 data-[range-middle]:rounded-e-(--cell-radius) [&:first-child[data-selected]_[data-bits-day]]:rounded-s-(--cell-radius) [&:has([data-range-end])]:rounded-e-(--cell-radius) dark:[&:has([data-range-end])]:hover:bg-accent [&:has([data-range-middle])]:rounded-none [&:has([data-range-middle])]:bg-accent first:[&:has([data-range-middle])]:rounded-s-(--cell-radius) last:[&:has([data-range-middle])]:rounded-e-(--cell-radius) dark:[&:has([data-range-middle])]:hover:bg-accent/50 [&:has([data-range-start])]:rounded-s-(--cell-radius) dark:[&:has([data-range-start])]:hover:bg-accent [&:has([data-selected])]:bg-accent [&:last-child[data-selected]_[data-bits-day]]:rounded-e-(--cell-radius)",
 		className
 	)}
 	{...restProps}

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

@@ -2,7 +2,11 @@
 	import { RangeCalendar as RangeCalendarPrimitive } from "bits-ui";
 	import { cn } from "../../../utils.js";
 
-	let { ref = $bindable(null), class: className, ...restProps }: RangeCalendarPrimitive.DayProps = $props();
+	let {
+		ref = $bindable(null),
+		class: className,
+		...restProps
+	}: RangeCalendarPrimitive.DayProps = $props();
 </script>
 
 <RangeCalendarPrimitive.Day
@@ -10,7 +14,7 @@
 	class={cn(
 		"flex size-(--cell-size) flex-col items-center justify-center gap-1 rounded-(--cell-radius) p-0 leading-none font-normal whitespace-nowrap select-none",
 		"not-data-selected:hover:bg-accent/50 not-data-selected:hover:text-accent-foreground",
-		"[&[data-today]:not([data-selected])]:bg-accent [&[data-today]:not([data-selected])]:text-accent-foreground [&[data-today][data-disabled]]:text-muted-foreground data-[range-middle]:rounded-none",
+		"data-[range-middle]:rounded-none [&[data-today]:not([data-selected])]:bg-accent [&[data-today]:not([data-selected])]:text-accent-foreground [&[data-today][data-disabled]]:text-muted-foreground",
 		// range Start
 		"data-[range-start]:bg-primary data-[range-start]:text-primary-foreground data-[range-start]:hover:text-foreground",
 		// range End
@@ -18,12 +22,12 @@
 		// Outside months
 		"[&[data-outside-month]:not([data-selected])]:text-muted-foreground [&[data-outside-month]:not([data-selected])]:hover:text-accent-foreground",
 		// Disabled
-		"data-[disabled]:text-muted-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+		"data-[disabled]:pointer-events-none data-[disabled]:text-muted-foreground data-[disabled]:opacity-50",
 		// Unavailable
 		"data-[unavailable]:line-through",
 		"dark:data-[range-middle]:hover:bg-accent/0",
 		// focus
-		"focus:border-ring focus:ring-ring/50 focus:relative",
+		"focus:relative focus:border-ring focus:ring-ring/50",
 		// inner spans
 		"[&>span]:text-xs [&>span]:opacity-70",
 		className

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

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

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

@@ -2,7 +2,11 @@
 	import { RangeCalendar as RangeCalendarPrimitive } from "bits-ui";
 	import { cn } from "../../../utils.js";
 
-	let { ref = $bindable(null), class: className, ...restProps }: RangeCalendarPrimitive.GridProps = $props();
+	let {
+		ref = $bindable(null),
+		class: className,
+		...restProps
+	}: RangeCalendarPrimitive.GridProps = $props();
 </script>
 
 <RangeCalendarPrimitive.Grid

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

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

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

@@ -2,11 +2,18 @@
 	import { RangeCalendar as RangeCalendarPrimitive } from "bits-ui";
 	import { cn } from "../../../utils.js";
 
-	let { ref = $bindable(null), class: className, ...restProps }: RangeCalendarPrimitive.HeaderProps = $props();
+	let {
+		ref = $bindable(null),
+		class: className,
+		...restProps
+	}: RangeCalendarPrimitive.HeaderProps = $props();
 </script>
 
 <RangeCalendarPrimitive.Header
 	bind:ref
-	class={cn("flex h-(--cell-size) w-full items-center justify-center gap-1.5 text-sm font-medium", className)}
+	class={cn(
+		"flex h-(--cell-size) w-full items-center justify-center gap-1.5 text-sm font-medium",
+		className
+	)}
 	{...restProps}
 />

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

@@ -2,7 +2,15 @@
 	import { RangeCalendar as RangeCalendarPrimitive } from "bits-ui";
 	import { cn } from "../../../utils.js";
 
-	let { ref = $bindable(null), class: className, ...restProps }: RangeCalendarPrimitive.HeadingProps = $props();
+	let {
+		ref = $bindable(null),
+		class: className,
+		...restProps
+	}: RangeCalendarPrimitive.HeadingProps = $props();
 </script>
 
-<RangeCalendarPrimitive.Heading bind:ref class={cn("px-(--cell-size) text-sm font-medium", className)} {...restProps} />
+<RangeCalendarPrimitive.Heading
+	bind:ref
+	class={cn("px-(--cell-size) text-sm font-medium", className)}
+	{...restProps}
+/>