@rupe/v-datepicker 1.0.0-alpha.0 → 1.0.0-alpha.2

package/README.md

@@ -0,0 +1,124 @@
+# v-datepicker
+
+A flexible and accessible Vue 3 datepicker component library.
+
+## Description
+
+`v-datepicker` is a highly customizable datepicker package built for the Vue 3 ecosystem. It is primarily based on the robust implementation of [reka-ui](https://github.com/reka-ui/reka-ui) (formerly radix-vue) to ensure top-tier accessibility and performance. 
+
+This package is further enriched with advanced features like the **Month and Year Overlay**, inspired by the popular [vue-datepicker](https://github.com/Vuepic/vue-datepicker), providing a more intuitive navigation experience for users.
+
+> **Note:** This is a **headless** library. No styling is included out of the box. You have full control over the look and feel, and are responsible for applying all styles (e.g., using Tailwind CSS).
+
+## Features
+
+- **Headless & Accessible**: Built on top of Reka UI's accessible primitives.
+- **Customizable**: Full control over the rendering of every part of the datepicker.
+- **Tree-shakable**: Built using modern ES modules.
+- **Month & Year Overlays**: Quick navigation inspired by Vue Datepicker.
+- **TypeScript Ready**: Full type support for a better developer experience.
+
+## Installation
+
+```bash
+# pnpm
+pnpm add @rupe/v-datepicker
+
+# npm
+npm install @rupe/v-datepicker
+
+# yarn
+yarn add @rupe/v-datepicker
+```
+
+## Basic Usage (Tailwind CSS)
+
+Since the library is headless, you'll need to apply your own styles. Here's an example using Tailwind CSS:
+
+```vue
+<script setup lang="ts">
+import { DatePicker } from '@rupe/v-datepicker'
+</script>
+
+<template>
+  <DatePicker.Root class="relative">
+    <DatePicker.Field v-slot="{ segments }" class="flex items-center gap-1 border border-gray-300 rounded px-3 py-2 bg-white focus-within:ring-2 focus:ring-blue-500">
+      <div class="flex items-center">
+        <template v-for="item in segments" :key="item.part">
+          <DatePicker.Input
+            :part="item.part"
+            class="px-0.5 rounded focus:bg-blue-100 focus:outline-none data-[placeholder]:text-gray-400"
+          >
+            {{ item.value }}
+          </DatePicker.Input>
+        </template>
+      </div>
+      <DatePicker.Trigger class="ml-auto text-gray-500 hover:text-gray-700">
+        📅
+      </DatePicker.Trigger>
+    </DatePicker.Field>
+
+    <DatePicker.Content class="absolute z-10 mt-2 bg-white border border-gray-200 rounded-lg shadow-xl p-4">
+      <DatePicker.Calendar v-slot="{ weekDays, grid }">
+        <DatePicker.Header class="flex items-center justify-between mb-4">
+          <DatePicker.Prev class="p-1 hover:bg-gray-100 rounded">⬅️</DatePicker.Prev>
+          <DatePicker.Heading class="font-bold flex gap-1">
+             <DatePicker.MonthHeading />
+             <DatePicker.YearHeading />
+          </DatePicker.Heading>
+          <DatePicker.Next class="p-1 hover:bg-gray-100 rounded">➡️</DatePicker.Next>
+        </DatePicker.Header>
+        
+        <DatePicker.Grid v-for="month in grid" :key="month.value.toString()" class="w-full">
+          <DatePicker.GridHead>
+            <DatePicker.GridRow class="flex justify-between">
+              <DatePicker.HeadCell v-for="day in weekDays" :key="day" class="w-8 text-center text-xs text-gray-500 font-medium">
+                {{ day }}
+              </DatePicker.HeadCell>
+            </DatePicker.GridRow>
+          </DatePicker.GridHead>
+          <DatePicker.GridBody>
+            <DatePicker.GridRow v-for="(weekDates, index) in month.rows" :key="index" class="flex justify-between mt-1">
+              <DatePicker.Cell v-for="weekDate in weekDates" :key="weekDate.toString()" :date="weekDate">
+                <DatePicker.CellTrigger 
+                  :day="weekDate" 
+                  :month="month.value" 
+                  class="w-8 h-8 flex items-center justify-center rounded-full text-sm hover:bg-blue-50 data-[selected]:bg-blue-600 data-[selected]:text-white data-[outside-view]:text-gray-300"
+                />
+              </DatePicker.Cell>
+            </DatePicker.GridRow>
+          </DatePicker.GridBody>
+        </DatePicker.Grid>
+      </DatePicker.Calendar>
+    </DatePicker.Content>
+  </DatePicker.Root>
+</template>
+```
+
+## Playground
+
+The repository includes a playground project built with **Nuxt** and **Tailwind CSS** to test the library locally.
+
+### Running the Playground
+
+1.  **Clone the repository**
+2.  **Install dependencies**:
+    ```bash
+    pnpm install
+    ```
+3.  **Start the playground**:
+    ```bash
+    pnpm dev
+    ```
+    This will start the Nuxt dev server for the `playground` folder. Any changes made in the `src/` directory will be reflected instantly via HMR.
+
+## Credits
+
+Special thanks to the following projects that made this package possible:
+
+- **[reka-ui](https://reka-ui.com/)**: For the incredible foundation of accessible headless components.
+- **[vue-datepicker](https://vue3-datepicker.com/)**: For the inspiration behind the intuitive month and year overlay navigation.
+
+## License
+
+MIT

package/dist/components/Calendar/CalendarCell.vue.d.ts

@@ -0,0 +1,18 @@
+import { DateValue } from '@internationalized/date';
+import { PrimitiveProps, AsTag } from '../Primitive';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, Component, ComponentProvideOptions } from 'vue';
+export interface CalendarCellProps extends PrimitiveProps {
+    /** The date value for the cell */
+    date: DateValue;
+}
+declare const _default: __VLS_WithTemplateSlots< DefineComponent<CalendarCellProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<CalendarCellProps> & Readonly<{}>, {
+    as: AsTag | Component;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/Calendar/{CalendarCellTrigger.d.ts → CalendarCellTrigger.vue.d.ts}

@@ -1,5 +1,6 @@
 import { DateValue } from '@internationalized/date';
-import { PrimitiveProps } from '../Primitive';
+import { PrimitiveProps, AsTag } from '../Primitive';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, Component, ComponentProvideOptions, CreateComponentPublicInstanceWithMixins, ExtractPropTypes, PropType, VNode, RendererNode, RendererElement, GlobalComponents, GlobalDirectives } from 'vue';
 export interface CalendarCellTriggerProps extends PrimitiveProps {
     /** The date value provided to the cell trigger */
     day: DateValue;
@@ -24,44 +25,44 @@ export interface CalendarCellTriggerSlot {
         unavailable: boolean;
     }) => any;
 }
-declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<CalendarCellTriggerProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<CalendarCellTriggerProps> & Readonly<{}>, {
-    as: import('../Primitive').AsTag | import('vue').Component;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
-    primitiveElement: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+declare const _default: __VLS_WithTemplateSlots< DefineComponent<CalendarCellTriggerProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<CalendarCellTriggerProps> & Readonly<{}>, {
+    as: AsTag | Component;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {
+    primitiveElement: CreateComponentPublicInstanceWithMixins<Readonly< ExtractPropTypes<{
         asChild: {
             type: BooleanConstructor;
             default: boolean;
         };
         as: {
-            type: import('vue').PropType<import('../Primitive').AsTag | import('vue').Component>;
+            type: PropType< AsTag | Component>;
             default: string;
         };
-    }>> & Readonly<{}>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    }>> & Readonly<{}>, () => VNode<RendererNode, RendererElement, {
         [key: string]: any;
-    }>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
+    }>, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, PublicProps, {
         asChild: boolean;
-        as: import('../Primitive').AsTag | import('vue').Component;
-    }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+        as: AsTag | Component;
+    }, true, {}, {}, GlobalComponents, GlobalDirectives, string, {}, any, ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};
         C: {};
         M: {};
         Defaults: {};
-    }, Readonly<import('vue').ExtractPropTypes<{
+    }, Readonly< ExtractPropTypes<{
         asChild: {
             type: BooleanConstructor;
             default: boolean;
         };
         as: {
-            type: import('vue').PropType<import('../Primitive').AsTag | import('vue').Component>;
+            type: PropType< AsTag | Component>;
             default: string;
         };
-    }>> & Readonly<{}>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    }>> & Readonly<{}>, () => VNode<RendererNode, RendererElement, {
         [key: string]: any;
     }>, {}, {}, {}, {
         asChild: boolean;
-        as: import('../Primitive').AsTag | import('vue').Component;
+        as: AsTag | Component;
     }> | null;
 }, any>, Readonly<CalendarCellTriggerSlot> & CalendarCellTriggerSlot>;
 export default _default;

package/dist/components/Calendar/CalendarGrid.vue.d.ts

@@ -0,0 +1,14 @@
+import { PrimitiveProps, AsTag } from '../Primitive';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, Component, ComponentProvideOptions } from 'vue';
+export type CalendarGridProps = PrimitiveProps;
+declare const _default: __VLS_WithTemplateSlots< DefineComponent<PrimitiveProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<PrimitiveProps> & Readonly<{}>, {
+    as: AsTag | Component;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/Calendar/CalendarGridBody.vue.d.ts

@@ -0,0 +1,14 @@
+import { PrimitiveProps, AsTag } from '../Primitive';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, Component, ComponentProvideOptions } from 'vue';
+export type CalendarGridBodyProps = PrimitiveProps;
+declare const _default: __VLS_WithTemplateSlots< DefineComponent<PrimitiveProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<PrimitiveProps> & Readonly<{}>, {
+    as: AsTag | Component;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/Calendar/CalendarGridHead.vue.d.ts

@@ -0,0 +1,14 @@
+import { PrimitiveProps, AsTag } from '../Primitive';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, Component, ComponentProvideOptions } from 'vue';
+export type CalendarGridHeadProps = PrimitiveProps;
+declare const _default: __VLS_WithTemplateSlots< DefineComponent<PrimitiveProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<PrimitiveProps> & Readonly<{}>, {
+    as: AsTag | Component;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/Calendar/CalendarGridRow.vue.d.ts

@@ -0,0 +1,14 @@
+import { PrimitiveProps, AsTag } from '../Primitive';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, Component, ComponentProvideOptions } from 'vue';
+export type CalendarGridRowProps = PrimitiveProps;
+declare const _default: __VLS_WithTemplateSlots< DefineComponent<PrimitiveProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<PrimitiveProps> & Readonly<{}>, {
+    as: AsTag | Component;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/Calendar/CalendarHeadCell.vue.d.ts

@@ -0,0 +1,14 @@
+import { PrimitiveProps, AsTag } from '../Primitive';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, Component, ComponentProvideOptions } from 'vue';
+export type CalendarHeadCellProps = PrimitiveProps;
+declare const _default: __VLS_WithTemplateSlots< DefineComponent<PrimitiveProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<PrimitiveProps> & Readonly<{}>, {
+    as: AsTag | Component;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/Calendar/CalendarHeader.vue.d.ts

@@ -0,0 +1,14 @@
+import { PrimitiveProps, AsTag } from '../Primitive';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, Component, ComponentProvideOptions } from 'vue';
+export type CalendarHeaderProps = PrimitiveProps;
+declare const _default: __VLS_WithTemplateSlots< DefineComponent<PrimitiveProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<PrimitiveProps> & Readonly<{}>, {
+    as: AsTag | Component;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/Calendar/CalendarHeading.vue.d.ts

@@ -0,0 +1,22 @@
+import { PrimitiveProps, AsTag } from '../Primitive';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, Component, ComponentProvideOptions } from 'vue';
+export type CalendarHeadingProps = PrimitiveProps;
+declare const _default: __VLS_WithTemplateSlots< DefineComponent<PrimitiveProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<PrimitiveProps> & Readonly<{}>, {
+    as: AsTag | Component;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, Readonly<{
+    default?: (props: {
+        /** Current month and year */
+        headingValue: string;
+    }) => any;
+}> & {
+    default?: (props: {
+        /** Current month and year */
+        headingValue: string;
+    }) => any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/Calendar/CalendarMonthHeading.vue.d.ts

@@ -0,0 +1,23 @@
+import { PrimitiveProps, AsTag } from '../Primitive';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, Component, ComponentProvideOptions } from 'vue';
+export interface CalendarMonthHeadingProps extends PrimitiveProps {
+}
+export interface CalendarNextSlot {
+    default?: (props: {
+        /** Current disable state */
+        disabled: boolean;
+    }) => any;
+}
+declare const _default: __VLS_WithTemplateSlots< DefineComponent<CalendarMonthHeadingProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<CalendarMonthHeadingProps> & Readonly<{}>, {
+    as: AsTag | Component;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
+    default?(_: {
+        disabled: boolean;
+    }): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/Calendar/{CalendarMonthYearOverlay.d.ts → CalendarMonthYearOverlay.vue.d.ts}

@@ -1,4 +1,6 @@
 import { PrimitiveProps } from '../Primitive';
+import { MonthNameDateValue } from './CalendarRoot.vue';
+import { Ref, DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
 export interface CalendarMonthYearOverlayProps extends PrimitiveProps {
     type: "month" | "year";
 }
@@ -6,18 +8,18 @@ declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
         default?(_: {
-            months: import('./CalendarRoot').MonthNameDateValue[];
+            months: MonthNameDateValue[];
             years: {
                 year: number;
             }[];
-            state: import('vue').Ref<false | "month" | "year", false | "month" | "year">;
+            state: Ref<false | "month" | "year", false | "month" | "year">;
         }): any;
     };
     refs: {};
     rootEl: any;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<CalendarMonthYearOverlayProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<CalendarMonthYearOverlayProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_component: DefineComponent<CalendarMonthYearOverlayProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<CalendarMonthYearOverlayProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/dist/components/Calendar/{CalendarNext.d.ts → CalendarNext.vue.d.ts}

@@ -1,5 +1,6 @@
 import { DateValue } from '@internationalized/date';
-import { PrimitiveProps } from '../Primitive';
+import { PrimitiveProps, AsTag } from '../Primitive';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, Component, ComponentProvideOptions } from 'vue';
 export interface CalendarNextProps extends PrimitiveProps {
     /** The function to be used for the next page. Overwrites the `nextPage` function set on the `CalendarRoot`. */
     nextPage?: (placeholder: DateValue) => DateValue;
@@ -10,9 +11,9 @@ export interface CalendarNextSlot {
         disabled: boolean;
     }) => any;
 }
-declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<CalendarNextProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<CalendarNextProps> & Readonly<{}>, {
-    as: import('../Primitive').AsTag | import('vue').Component;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, Readonly<CalendarNextSlot> & CalendarNextSlot>;
+declare const _default: __VLS_WithTemplateSlots< DefineComponent<CalendarNextProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<CalendarNextProps> & Readonly<{}>, {
+    as: AsTag | Component;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, Readonly<CalendarNextSlot> & CalendarNextSlot>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {

package/dist/components/Calendar/{CalendarOverlayItem.d.ts → CalendarOverlayItem.vue.d.ts}

@@ -1,5 +1,6 @@
 import { DateValue } from '@internationalized/date';
-import { PrimitiveProps } from '../Primitive';
+import { PrimitiveProps, AsTag } from '../Primitive';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, Component, ComponentProvideOptions } from 'vue';
 export interface CalendarOverlayItemProps extends PrimitiveProps {
     date: DateValue;
 }
@@ -12,9 +13,9 @@ declare function __VLS_template(): {
     rootEl: any;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<CalendarOverlayItemProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<CalendarOverlayItemProps> & Readonly<{}>, {
-    as: import('../Primitive').AsTag | import('vue').Component;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_component: DefineComponent<CalendarOverlayItemProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<CalendarOverlayItemProps> & Readonly<{}>, {
+    as: AsTag | Component;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/dist/components/Calendar/{CalendarPrev.d.ts → CalendarPrev.vue.d.ts}

@@ -1,5 +1,6 @@
 import { DateValue } from '@internationalized/date';
-import { PrimitiveProps } from '../Primitive';
+import { PrimitiveProps, AsTag } from '../Primitive';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, Component, ComponentProvideOptions } from 'vue';
 export interface CalendarPrevProps extends PrimitiveProps {
     /** The function to be used for the prev page. Overwrites the `prevPage` function set on the `CalendarRoot`. */
     prevPage?: (placeholder: DateValue) => DateValue;
@@ -10,9 +11,9 @@ export interface CalendarPrevSlot {
         disabled: boolean;
     }) => any;
 }
-declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<CalendarPrevProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<CalendarPrevProps> & Readonly<{}>, {
-    as: import('../Primitive').AsTag | import('vue').Component;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, Readonly<CalendarPrevSlot> & CalendarPrevSlot>;
+declare const _default: __VLS_WithTemplateSlots< DefineComponent<CalendarPrevProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<CalendarPrevProps> & Readonly<{}>, {
+    as: AsTag | Component;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, Readonly<CalendarPrevSlot> & CalendarPrevSlot>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {

package/dist/components/Calendar/{CalendarRoot.d.ts → CalendarRoot.vue.d.ts}

@@ -1,7 +1,7 @@
 import { DateValue } from '@internationalized/date';
-import { Ref } from 'vue';
+import { Ref, DefineComponent, ComponentOptionsMixin, PublicProps, Component, ComponentProvideOptions, CreateComponentPublicInstanceWithMixins, ExtractPropTypes, PropType, VNode, RendererNode, RendererElement, GlobalComponents, GlobalDirectives } from 'vue';
 import { Grid, Matcher, WeekDayFormat } from '../../date';
-import { PrimitiveProps } from '../Primitive';
+import { PrimitiveProps, AsTag } from '../Primitive';
 import { Formatter } from '../../shared';
 import { Direction } from '../../shared/types';
 export type MonthNameDateValue = DateValue & {
@@ -107,10 +107,10 @@ export type CalendarRootEmits = {
     "update:placeholder": [date: DateValue];
 };
 export declare const injectCalendarRootContext: <T extends CalendarRootContext | null | undefined = CalendarRootContext>(fallback?: T | undefined) => T extends null ? CalendarRootContext | null : CalendarRootContext, provideCalendarRootContext: (contextValue: CalendarRootContext) => CalendarRootContext;
-declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<CalendarRootProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+declare const _default: __VLS_WithTemplateSlots< DefineComponent<CalendarRootProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
     "update:modelValue": (date: DateValue | undefined) => any;
     "update:placeholder": (date: DateValue) => any;
-}, string, import('vue').PublicProps, Readonly<CalendarRootProps> & Readonly<{
+}, string, PublicProps, Readonly<CalendarRootProps> & Readonly<{
     "onUpdate:modelValue"?: ((date: DateValue | undefined) => any) | undefined;
     "onUpdate:placeholder"?: ((date: DateValue) => any) | undefined;
 }>, {
@@ -122,7 +122,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<Ca
     placeholder: DateValue;
     disabled: boolean;
     multiple: boolean;
-    as: import('../Primitive').AsTag | import('vue').Component;
+    as: AsTag | Component;
     preventDeselect: boolean;
     weekdayFormat: WeekDayFormat;
     readonly: boolean;
@@ -130,42 +130,42 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<Ca
     isDateDisabled: Matcher;
     isDateUnavailable: Matcher;
     disableDaysOutsideCurrentView: boolean;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
-    primitiveElement: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+}, {}, {}, {}, string, ComponentProvideOptions, false, {
+    primitiveElement: CreateComponentPublicInstanceWithMixins<Readonly< ExtractPropTypes<{
         asChild: {
             type: BooleanConstructor;
             default: boolean;
         };
         as: {
-            type: import('vue').PropType<import('../Primitive').AsTag | import('vue').Component>;
+            type: PropType< AsTag | Component>;
             default: string;
         };
-    }>> & Readonly<{}>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    }>> & Readonly<{}>, () => VNode<RendererNode, RendererElement, {
         [key: string]: any;
-    }>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
+    }>, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, PublicProps, {
         asChild: boolean;
-        as: import('../Primitive').AsTag | import('vue').Component;
-    }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+        as: AsTag | Component;
+    }, true, {}, {}, GlobalComponents, GlobalDirectives, string, {}, any, ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};
         C: {};
         M: {};
         Defaults: {};
-    }, Readonly<import('vue').ExtractPropTypes<{
+    }, Readonly< ExtractPropTypes<{
         asChild: {
             type: BooleanConstructor;
             default: boolean;
         };
         as: {
-            type: import('vue').PropType<import('../Primitive').AsTag | import('vue').Component>;
+            type: PropType< AsTag | Component>;
             default: string;
         };
-    }>> & Readonly<{}>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    }>> & Readonly<{}>, () => VNode<RendererNode, RendererElement, {
         [key: string]: any;
     }>, {}, {}, {}, {
         asChild: boolean;
-        as: import('../Primitive').AsTag | import('vue').Component;
+        as: AsTag | Component;
     }> | null;
 }, any>, Readonly<{
     default?: (props: {

package/dist/components/Calendar/CalendarYearHeading.vue.d.ts

@@ -0,0 +1,23 @@
+import { PrimitiveProps, AsTag } from '../Primitive';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, Component, ComponentProvideOptions } from 'vue';
+export interface CalendarYearHeadingProps extends PrimitiveProps {
+}
+export interface CalendarNextSlot {
+    default?: (props: {
+        /** Current disable state */
+        disabled: boolean;
+    }) => any;
+}
+declare const _default: __VLS_WithTemplateSlots< DefineComponent<CalendarYearHeadingProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<CalendarYearHeadingProps> & Readonly<{}>, {
+    as: AsTag | Component;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
+    default?(_: {
+        disabled: boolean;
+    }): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -1,15 +1,15 @@
-export { default as CalendarCell, type CalendarCellProps, } from './CalendarCell';
-export { default as CalendarCellTrigger, type CalendarCellTriggerProps, } from './CalendarCellTrigger';
-export { default as CalendarGrid, type CalendarGridProps, } from './CalendarGrid';
-export { default as CalendarGridBody, type CalendarGridBodyProps, } from './CalendarGridBody';
-export { default as CalendarGridHead, type CalendarGridHeadProps, } from './CalendarGridHead';
-export { default as CalendarGridRow, type CalendarGridRowProps, } from './CalendarGridRow';
-export { default as CalendarHeadCell, type CalendarHeadCellProps, } from './CalendarHeadCell';
-export { default as CalendarHeader, type CalendarHeaderProps, } from './CalendarHeader';
-export { default as CalendarHeading, type CalendarHeadingProps, } from './CalendarHeading';
-export { default as CalendarNext, type CalendarNextProps, } from './CalendarNext';
-export { default as CalendarPrev, type CalendarPrevProps, } from './CalendarPrev';
-export { default as CalendarRoot, type CalendarRootEmits, type CalendarRootProps, injectCalendarRootContext, } from './CalendarRoot';
-export { default as CalendarMonthHeading, type CalendarMonthHeadingProps, } from './CalendarMonthHeading';
-export { default as CalendarYearHeading, type CalendarYearHeadingProps, } from './CalendarYearHeading';
-export { default as CalendarMonthYearOverlay, type CalendarMonthYearOverlayProps, } from './CalendarMonthYearOverlay';
+export { default as CalendarCell, type CalendarCellProps, } from './CalendarCell.vue';
+export { default as CalendarCellTrigger, type CalendarCellTriggerProps, } from './CalendarCellTrigger.vue';
+export { default as CalendarGrid, type CalendarGridProps, } from './CalendarGrid.vue';
+export { default as CalendarGridBody, type CalendarGridBodyProps, } from './CalendarGridBody.vue';
+export { default as CalendarGridHead, type CalendarGridHeadProps, } from './CalendarGridHead.vue';
+export { default as CalendarGridRow, type CalendarGridRowProps, } from './CalendarGridRow.vue';
+export { default as CalendarHeadCell, type CalendarHeadCellProps, } from './CalendarHeadCell.vue';
+export { default as CalendarHeader, type CalendarHeaderProps, } from './CalendarHeader.vue';
+export { default as CalendarHeading, type CalendarHeadingProps, } from './CalendarHeading.vue';
+export { default as CalendarNext, type CalendarNextProps, } from './CalendarNext.vue';
+export { default as CalendarPrev, type CalendarPrevProps, } from './CalendarPrev.vue';
+export { default as CalendarRoot, type CalendarRootEmits, type CalendarRootProps, injectCalendarRootContext, } from './CalendarRoot.vue';
+export { default as CalendarMonthHeading, type CalendarMonthHeadingProps, } from './CalendarMonthHeading.vue';
+export { default as CalendarYearHeading, type CalendarYearHeadingProps, } from './CalendarYearHeading.vue';
+export { default as CalendarMonthYearOverlay, type CalendarMonthYearOverlayProps, } from './CalendarMonthYearOverlay.vue';

package/dist/components/Calendar/useCalendar.d.ts

@@ -1,6 +1,7 @@
 import { DateValue } from '@internationalized/date';
-import { Ref } from 'vue';
+import { Ref, ComputedRef } from 'vue';
 import { Grid, Matcher, WeekDayFormat } from '../../date';
+import { Formatter } from '../../shared';
 export type UseCalendarProps = {
     locale: Ref<string>;
     placeholder: Ref<DateValue>;
@@ -25,7 +26,7 @@ export type UseCalendarStateProps = {
 };
 export declare function useCalendarState(props: UseCalendarStateProps): {
     isDateSelected: (dateObj: DateValue) => boolean;
-    isInvalid: import('vue').ComputedRef<boolean>;
+    isInvalid: ComputedRef<boolean>;
 };
 export declare function useCalendar(props: UseCalendarProps): {
     isDateDisabled: (dateObj: DateValue) => boolean;
@@ -33,18 +34,18 @@ export declare function useCalendar(props: UseCalendarProps): {
     isNextButtonDisabled: (nextPageFunc?: (date: DateValue) => DateValue) => boolean;
     isPrevButtonDisabled: (prevPageFunc?: (date: DateValue) => DateValue) => boolean;
     grid: Ref<Grid<DateValue>[], Grid<DateValue>[]>;
-    weekdays: import('vue').ComputedRef<string[]>;
-    visibleView: import('vue').ComputedRef<DateValue[]>;
+    weekdays: ComputedRef<string[]>;
+    visibleView: ComputedRef<DateValue[]>;
     isOutsideVisibleView: (date: DateValue) => boolean;
-    formatter: import('../../shared').Formatter;
+    formatter: Formatter;
     nextPage: (nextPageFunc?: (date: DateValue) => DateValue) => void;
     prevPage: (prevPageFunc?: (date: DateValue) => DateValue) => void;
-    headingValue: import('vue').ComputedRef<string>;
-    currentMonth: import('vue').ComputedRef<string>;
-    currentYear: import('vue').ComputedRef<string>;
-    fullCalendarLabel: import('vue').ComputedRef<string>;
-    months: import('vue').ComputedRef<(DateValue & {
+    headingValue: ComputedRef<string>;
+    currentMonth: ComputedRef<string>;
+    currentYear: ComputedRef<string>;
+    fullCalendarLabel: ComputedRef<string>;
+    months: ComputedRef<(DateValue & {
         monthName: string;
     })[]>;
-    years: import('vue').ComputedRef<DateValue[]>;
+    years: ComputedRef<DateValue[]>;
 };