@profidev/pleiades 1.7.0

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

@@ -0,0 +1,21 @@
+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 HeadCell from './range-calendar-head-cell.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';
+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

@@ -0,0 +1,82 @@
+<script lang="ts">
+  import type { ComponentProps } from 'svelte';
+  import type RangeCalendar from './range-calendar.svelte';
+  import RangeCalendarMonthSelect from './range-calendar-month-select.svelte';
+  import RangeCalendarYearSelect from './range-calendar-year-select.svelte';
+  import {
+    DateFormatter,
+    getLocalTimeZone,
+    type DateValue
+  } from '@internationalized/date';
+
+  let {
+    captionLayout,
+    months,
+    monthFormat,
+    years,
+    yearFormat,
+    month,
+    locale,
+    placeholder = $bindable(),
+    monthIndex = 0
+  }: {
+    captionLayout: ComponentProps<typeof RangeCalendar>['captionLayout'];
+    months: ComponentProps<typeof RangeCalendarMonthSelect>['months'];
+    monthFormat: ComponentProps<typeof RangeCalendarMonthSelect>['monthFormat'];
+    years: ComponentProps<typeof RangeCalendarYearSelect>['years'];
+    yearFormat: ComponentProps<typeof RangeCalendarYearSelect>['yearFormat'];
+    month: DateValue;
+    placeholder: DateValue | undefined;
+    locale: string;
+    monthIndex: number;
+  } = $props();
+
+  function formatYear(date: DateValue) {
+    const dateObj = date.toDate(getLocalTimeZone());
+    if (typeof yearFormat === 'function')
+      return yearFormat(dateObj.getFullYear());
+    return new DateFormatter(locale, { year: yearFormat }).format(dateObj);
+  }
+
+  function formatMonth(date: DateValue) {
+    const dateObj = date.toDate(getLocalTimeZone());
+    if (typeof monthFormat === 'function')
+      return monthFormat(dateObj.getMonth() + 1);
+    return new DateFormatter(locale, { month: monthFormat }).format(dateObj);
+  }
+</script>
+
+{#snippet MonthSelect()}
+  <RangeCalendarMonthSelect
+    {months}
+    {monthFormat}
+    value={month.month}
+    onchange={(e) => {
+      if (!placeholder) return;
+      const v = Number.parseInt(e.currentTarget.value);
+      const newPlaceholder = placeholder.set({ month: v });
+      placeholder = newPlaceholder.subtract({ months: monthIndex });
+    }}
+  />
+{/snippet}
+
+{#snippet YearSelect()}
+  <RangeCalendarYearSelect {years} {yearFormat} value={month.year} />
+{/snippet}
+
+{#if captionLayout === 'dropdown'}
+  {@render MonthSelect()}
+  {@render YearSelect()}
+{:else if captionLayout === 'dropdown-months'}
+  {@render MonthSelect()}
+  {#if placeholder}
+    {formatYear(placeholder)}
+  {/if}
+{:else if captionLayout === 'dropdown-years'}
+  {#if placeholder}
+    {formatMonth(placeholder)}
+  {/if}
+  {@render YearSelect()}
+{:else}
+  {formatMonth(month)} {formatYear(month)}
+{/if}

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

@@ -0,0 +1,19 @@
+import type { ComponentProps } from 'svelte';
+import type RangeCalendar from './range-calendar.svelte';
+import RangeCalendarMonthSelect from './range-calendar-month-select.svelte';
+import RangeCalendarYearSelect from './range-calendar-year-select.svelte';
+import { type DateValue } from '@internationalized/date';
+type $$ComponentProps = {
+    captionLayout: ComponentProps<typeof RangeCalendar>['captionLayout'];
+    months: ComponentProps<typeof RangeCalendarMonthSelect>['months'];
+    monthFormat: ComponentProps<typeof RangeCalendarMonthSelect>['monthFormat'];
+    years: ComponentProps<typeof RangeCalendarYearSelect>['years'];
+    yearFormat: ComponentProps<typeof RangeCalendarYearSelect>['yearFormat'];
+    month: DateValue;
+    placeholder: DateValue | undefined;
+    locale: string;
+    monthIndex: number;
+};
+declare const RangeCalendarCaption: import("svelte").Component<$$ComponentProps, {}, "placeholder">;
+type RangeCalendarCaption = ReturnType<typeof RangeCalendarCaption>;
+export default RangeCalendarCaption;

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

@@ -0,0 +1,19 @@
+<script lang="ts">
+  import { RangeCalendar as RangeCalendarPrimitive } from 'bits-ui';
+  import { cn } from '../../../utils.js';
+
+  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)',
+    className
+  )}
+  {...restProps}
+/>

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

@@ -0,0 +1,4 @@
+import { RangeCalendar as RangeCalendarPrimitive } from 'bits-ui';
+declare const RangeCalendarCell: import("svelte").Component<RangeCalendarPrimitive.CellProps, {}, "ref">;
+type RangeCalendarCell = ReturnType<typeof RangeCalendarCell>;
+export default RangeCalendarCell;

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

@@ -0,0 +1,36 @@
+<script lang="ts">
+  import { RangeCalendar as RangeCalendarPrimitive } from 'bits-ui';
+  import { cn } from '../../../utils.js';
+
+  let {
+    ref = $bindable(null),
+    class: className,
+    ...restProps
+  }: RangeCalendarPrimitive.DayProps = $props();
+</script>
+
+<RangeCalendarPrimitive.Day
+  bind:ref
+  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',
+    // range Start
+    'data-[range-start]:bg-primary data-[range-start]:text-primary-foreground data-[range-start]:hover:text-foreground',
+    // range End
+    'data-[range-end]:bg-primary data-[range-end]:text-primary-foreground data-[range-end]:hover:text-foreground',
+    // 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',
+    // Unavailable
+    'data-[unavailable]:line-through',
+    'dark:data-[range-middle]:hover:bg-accent/0',
+    // focus
+    'focus:border-ring focus:ring-ring/50 focus:relative',
+    // inner spans
+    '[&>span]:text-xs [&>span]:opacity-70',
+    className
+  )}
+  {...restProps}
+/>

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

@@ -0,0 +1,4 @@
+import { RangeCalendar as RangeCalendarPrimitive } from 'bits-ui';
+declare const RangeCalendarDay: import("svelte").Component<RangeCalendarPrimitive.DayProps, {}, "ref">;
+type RangeCalendarDay = ReturnType<typeof RangeCalendarDay>;
+export default RangeCalendarDay;

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

@@ -0,0 +1,10 @@
+<script lang="ts">
+  import { RangeCalendar as RangeCalendarPrimitive } from 'bits-ui';
+
+  let {
+    ref = $bindable(null),
+    ...restProps
+  }: RangeCalendarPrimitive.GridBodyProps = $props();
+</script>
+
+<RangeCalendarPrimitive.GridBody bind:ref {...restProps} />

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

@@ -0,0 +1,4 @@
+import { RangeCalendar as RangeCalendarPrimitive } from 'bits-ui';
+declare const RangeCalendarGridBody: import("svelte").Component<RangeCalendarPrimitive.GridBodyProps, {}, "ref">;
+type RangeCalendarGridBody = ReturnType<typeof RangeCalendarGridBody>;
+export default RangeCalendarGridBody;

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

@@ -0,0 +1,10 @@
+<script lang="ts">
+  import { RangeCalendar as RangeCalendarPrimitive } from 'bits-ui';
+
+  let {
+    ref = $bindable(null),
+    ...restProps
+  }: RangeCalendarPrimitive.GridHeadProps = $props();
+</script>
+
+<RangeCalendarPrimitive.GridHead bind:ref {...restProps} />

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

@@ -0,0 +1,4 @@
+import { RangeCalendar as RangeCalendarPrimitive } from 'bits-ui';
+declare const RangeCalendarGridHead: import("svelte").Component<RangeCalendarPrimitive.GridHeadProps, {}, "ref">;
+type RangeCalendarGridHead = ReturnType<typeof RangeCalendarGridHead>;
+export default RangeCalendarGridHead;

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

@@ -0,0 +1,16 @@
+<script lang="ts">
+  import { RangeCalendar as RangeCalendarPrimitive } from 'bits-ui';
+  import { cn } from '../../../utils.js';
+
+  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-row.svelte.d.ts

@@ -0,0 +1,4 @@
+import { RangeCalendar as RangeCalendarPrimitive } from 'bits-ui';
+declare const RangeCalendarGridRow: import("svelte").Component<RangeCalendarPrimitive.GridRowProps, {}, "ref">;
+type RangeCalendarGridRow = ReturnType<typeof RangeCalendarGridRow>;
+export default RangeCalendarGridRow;

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

@@ -0,0 +1,16 @@
+<script lang="ts">
+  import { RangeCalendar as RangeCalendarPrimitive } from 'bits-ui';
+  import { cn } from '../../../utils.js';
+
+  let {
+    ref = $bindable(null),
+    class: className,
+    ...restProps
+  }: RangeCalendarPrimitive.GridProps = $props();
+</script>
+
+<RangeCalendarPrimitive.Grid
+  bind:ref
+  class={cn('mt-4 flex w-full border-collapse flex-col gap-1', className)}
+  {...restProps}
+/>

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

@@ -0,0 +1,4 @@
+import { RangeCalendar as RangeCalendarPrimitive } from 'bits-ui';
+declare const RangeCalendarGrid: import("svelte").Component<RangeCalendarPrimitive.GridProps, {}, "ref">;
+type RangeCalendarGrid = ReturnType<typeof RangeCalendarGrid>;
+export default RangeCalendarGrid;

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

@@ -0,0 +1,19 @@
+<script lang="ts">
+  import { RangeCalendar as RangeCalendarPrimitive } from 'bits-ui';
+  import { cn } from '../../../utils.js';
+
+  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
+  )}
+  {...restProps}
+/>

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

@@ -0,0 +1,4 @@
+import { RangeCalendar as RangeCalendarPrimitive } from 'bits-ui';
+declare const RangeCalendarHeadCell: import("svelte").Component<RangeCalendarPrimitive.HeadCellProps, {}, "ref">;
+type RangeCalendarHeadCell = ReturnType<typeof RangeCalendarHeadCell>;
+export default RangeCalendarHeadCell;

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

@@ -0,0 +1,19 @@
+<script lang="ts">
+  import { RangeCalendar as RangeCalendarPrimitive } from 'bits-ui';
+  import { cn } from '../../../utils.js';
+
+  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
+  )}
+  {...restProps}
+/>

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

@@ -0,0 +1,4 @@
+import { RangeCalendar as RangeCalendarPrimitive } from 'bits-ui';
+declare const RangeCalendarHeader: import("svelte").Component<RangeCalendarPrimitive.HeaderProps, {}, "ref">;
+type RangeCalendarHeader = ReturnType<typeof RangeCalendarHeader>;
+export default RangeCalendarHeader;

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

@@ -0,0 +1,16 @@
+<script lang="ts">
+  import { RangeCalendar as RangeCalendarPrimitive } from 'bits-ui';
+  import { cn } from '../../../utils.js';
+
+  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}
+/>

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

@@ -0,0 +1,4 @@
+import { RangeCalendar as RangeCalendarPrimitive } from 'bits-ui';
+declare const RangeCalendarHeading: import("svelte").Component<RangeCalendarPrimitive.HeadingProps, {}, "ref">;
+type RangeCalendarHeading = ReturnType<typeof RangeCalendarHeading>;
+export default RangeCalendarHeading;

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

@@ -0,0 +1,49 @@
+<script lang="ts">
+  import { RangeCalendar as RangeCalendarPrimitive } from 'bits-ui';
+  import { cn, type WithoutChildrenOrChild } from '../../../utils.js';
+  import ChevronDownIcon from '@lucide/svelte/icons/chevron-down';
+
+  let {
+    ref = $bindable(null),
+    class: className,
+    value,
+    onchange,
+    ...restProps
+  }: WithoutChildrenOrChild<RangeCalendarPrimitive.MonthSelectProps> = $props();
+</script>
+
+<span
+  class={cn(
+    'has-focus:border-ring border-input has-focus:ring-ring/50 relative flex rounded-md border shadow-xs has-focus:ring-[3px]',
+    className
+  )}
+>
+  <RangeCalendarPrimitive.MonthSelect
+    bind:ref
+    class="absolute inset-0 opacity-0"
+    {...restProps}
+  >
+    {#snippet child({ props, monthItems, selectedMonthItem })}
+      <select {...props} {value} {onchange}>
+        {#each monthItems as monthItem (monthItem.value)}
+          <option
+            value={monthItem.value}
+            selected={value !== undefined
+              ? monthItem.value === value
+              : monthItem.value === selectedMonthItem.value}
+          >
+            {monthItem.label}
+          </option>
+        {/each}
+      </select>
+      <span
+        class="[&>svg]:text-muted-foreground flex h-(--cell-size) items-center gap-1 rounded-md ps-2 pe-1 text-sm font-medium select-none [&>svg]:size-3.5"
+        aria-hidden="true"
+      >
+        {monthItems.find((item) => item.value === value)?.label ||
+          selectedMonthItem.label}
+        <ChevronDownIcon class={cn('size-4', className)} />
+      </span>
+    {/snippet}
+  </RangeCalendarPrimitive.MonthSelect>
+</span>

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

@@ -0,0 +1,4 @@
+import { RangeCalendar as RangeCalendarPrimitive } from 'bits-ui';
+declare const RangeCalendarMonthSelect: import("svelte").Component<Omit<Omit<RangeCalendarPrimitive.MonthSelectProps, "child">, "children">, {}, "ref">;
+type RangeCalendarMonthSelect = ReturnType<typeof RangeCalendarMonthSelect>;
+export default RangeCalendarMonthSelect;

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

@@ -0,0 +1,15 @@
+<script lang="ts">
+  import { type WithElementRef, cn } from '../../../utils.js';
+  import type { HTMLAttributes } from 'svelte/elements';
+
+  let {
+    ref = $bindable(null),
+    class: className,
+    children,
+    ...restProps
+  }: WithElementRef<HTMLAttributes<HTMLElement>> = $props();
+</script>
+
+<div {...restProps} bind:this={ref} class={cn('flex flex-col', className)}>
+  {@render children?.()}
+</div>

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

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

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

@@ -0,0 +1,19 @@
+<script lang="ts">
+  import type { HTMLAttributes } from 'svelte/elements';
+  import { cn, type WithElementRef } from '../../../utils.js';
+
+  let {
+    ref = $bindable(null),
+    class: className,
+    children,
+    ...restProps
+  }: WithElementRef<HTMLAttributes<HTMLDivElement>> = $props();
+</script>
+
+<div
+  bind:this={ref}
+  class={cn('relative flex flex-col gap-4 md:flex-row', className)}
+  {...restProps}
+>
+  {@render children?.()}
+</div>

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

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

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

@@ -0,0 +1,22 @@
+<script lang="ts">
+  import { cn, type WithElementRef } from '../../../utils.js';
+  import type { HTMLAttributes } from 'svelte/elements';
+
+  let {
+    ref = $bindable(null),
+    class: className,
+    children,
+    ...restProps
+  }: WithElementRef<HTMLAttributes<HTMLElement>> = $props();
+</script>
+
+<nav
+  {...restProps}
+  bind:this={ref}
+  class={cn(
+    'absolute inset-x-0 top-0 flex w-full items-center justify-between gap-1',
+    className
+  )}
+>
+  {@render children?.()}
+</nav>

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

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

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

@@ -0,0 +1,39 @@
+<script lang="ts">
+  import { RangeCalendar as RangeCalendarPrimitive } from 'bits-ui';
+  import ChevronRightIcon from '@lucide/svelte/icons/chevron-right';
+  import {
+    buttonVariants,
+    type ButtonVariant
+  } from '../button/index.js';
+  import { cn } from '../../../utils.js';
+
+  let {
+    ref = $bindable(null),
+    class: className,
+    children,
+    variant = 'ghost',
+    ...restProps
+  }: RangeCalendarPrimitive.NextButtonProps & {
+    variant?: ButtonVariant;
+  } = $props();
+</script>
+
+{#snippet Fallback()}
+  <ChevronRightIcon class={cn('size-4', className)} />
+{/snippet}
+
+<RangeCalendarPrimitive.NextButton
+  bind:ref
+  class={cn(
+    buttonVariants({ variant }),
+    'size-(--cell-size) bg-transparent p-0 select-none disabled:opacity-50 rtl:rotate-180',
+    className
+  )}
+  {...restProps}
+>
+  {#if children}
+    {@render children?.()}
+  {:else}
+    {@render Fallback()}
+  {/if}
+</RangeCalendarPrimitive.NextButton>

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

@@ -0,0 +1,8 @@
+import { RangeCalendar as RangeCalendarPrimitive } from 'bits-ui';
+import { type ButtonVariant } from '../button/index.js';
+type $$ComponentProps = RangeCalendarPrimitive.NextButtonProps & {
+    variant?: ButtonVariant;
+};
+declare const RangeCalendarNextButton: import("svelte").Component<$$ComponentProps, {}, "ref">;
+type RangeCalendarNextButton = ReturnType<typeof RangeCalendarNextButton>;
+export default RangeCalendarNextButton;

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

@@ -0,0 +1,39 @@
+<script lang="ts">
+  import { RangeCalendar as RangeCalendarPrimitive } from 'bits-ui';
+  import ChevronLeftIcon from '@lucide/svelte/icons/chevron-left';
+  import {
+    buttonVariants,
+    type ButtonVariant
+  } from '../button/index.js';
+  import { cn } from '../../../utils.js';
+
+  let {
+    ref = $bindable(null),
+    class: className,
+    children,
+    variant = 'ghost',
+    ...restProps
+  }: RangeCalendarPrimitive.PrevButtonProps & {
+    variant?: ButtonVariant;
+  } = $props();
+</script>
+
+{#snippet Fallback()}
+  <ChevronLeftIcon class={cn('size-4', className)} />
+{/snippet}
+
+<RangeCalendarPrimitive.PrevButton
+  bind:ref
+  class={cn(
+    buttonVariants({ variant }),
+    'size-(--cell-size) bg-transparent p-0 select-none disabled:opacity-50 rtl:rotate-180',
+    className
+  )}
+  {...restProps}
+>
+  {#if children}
+    {@render children?.()}
+  {:else}
+    {@render Fallback()}
+  {/if}
+</RangeCalendarPrimitive.PrevButton>

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

@@ -0,0 +1,8 @@
+import { RangeCalendar as RangeCalendarPrimitive } from 'bits-ui';
+import { type ButtonVariant } from '../button/index.js';
+type $$ComponentProps = RangeCalendarPrimitive.PrevButtonProps & {
+    variant?: ButtonVariant;
+};
+declare const RangeCalendarPrevButton: import("svelte").Component<$$ComponentProps, {}, "ref">;
+type RangeCalendarPrevButton = ReturnType<typeof RangeCalendarPrevButton>;
+export default RangeCalendarPrevButton;

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

@@ -0,0 +1,48 @@
+<script lang="ts">
+  import { RangeCalendar as RangeCalendarPrimitive } from 'bits-ui';
+  import { cn, type WithoutChildrenOrChild } from '../../../utils.js';
+  import ChevronDownIcon from '@lucide/svelte/icons/chevron-down';
+
+  let {
+    ref = $bindable(null),
+    class: className,
+    value,
+    ...restProps
+  }: WithoutChildrenOrChild<RangeCalendarPrimitive.YearSelectProps> = $props();
+</script>
+
+<span
+  class={cn(
+    'has-focus:border-ring border-input has-focus:ring-ring/50 relative flex rounded-md border shadow-xs has-focus:ring-[3px]',
+    className
+  )}
+>
+  <RangeCalendarPrimitive.YearSelect
+    bind:ref
+    class="absolute inset-0 opacity-0"
+    {...restProps}
+  >
+    {#snippet child({ props, yearItems, selectedYearItem })}
+      <select {...props} {value}>
+        {#each yearItems as yearItem (yearItem.value)}
+          <option
+            value={yearItem.value}
+            selected={value !== undefined
+              ? yearItem.value === value
+              : yearItem.value === selectedYearItem.value}
+          >
+            {yearItem.label}
+          </option>
+        {/each}
+      </select>
+      <span
+        class="[&>svg]:text-muted-foreground flex h-(--cell-size) items-center gap-1 rounded-md ps-2 pe-1 text-sm font-medium select-none [&>svg]:size-3.5"
+        aria-hidden="true"
+      >
+        {yearItems.find((item) => item.value === value)?.label ||
+          selectedYearItem.label}
+        <ChevronDownIcon class={cn('size-4', className)} />
+      </span>
+    {/snippet}
+  </RangeCalendarPrimitive.YearSelect>
+</span>

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

@@ -0,0 +1,4 @@
+import { RangeCalendar as RangeCalendarPrimitive } from 'bits-ui';
+declare const RangeCalendarYearSelect: import("svelte").Component<Omit<Omit<RangeCalendarPrimitive.YearSelectProps, "child">, "children">, {}, "ref">;
+type RangeCalendarYearSelect = ReturnType<typeof RangeCalendarYearSelect>;
+export default RangeCalendarYearSelect;