@shwfed/config 1.0.0

package/dist/runtime/components/ui/button-group/ButtonGroupText.vue.d.ts

@@ -0,0 +1,22 @@
+import type { PrimitiveProps } from 'reka-ui';
+import type { HTMLAttributes } from 'vue';
+import type { ButtonGroupVariants } from '.';
+interface Props extends PrimitiveProps {
+    class?: HTMLAttributes['class'];
+    orientation?: ButtonGroupVariants['orientation'];
+}
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
+    as: import("reka-ui").AsTag | import("vue").Component;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/ui/button-group/index.d.ts

@@ -0,0 +1,7 @@
+import type { VariantProps } from 'class-variance-authority';
+export { default as ButtonGroup } from './ButtonGroup.vue.js';
+export { default as ButtonGroupText } from './ButtonGroupText.vue.js';
+export declare const buttonGroupVariants: (props?: ({
+    orientation?: "horizontal" | "vertical" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export type ButtonGroupVariants = VariantProps<typeof buttonGroupVariants>;

package/dist/runtime/components/ui/button-group/index.js

@@ -0,0 +1,17 @@
+import { cva } from "class-variance-authority";
+export { default as ButtonGroup } from "./ButtonGroup.vue";
+export { default as ButtonGroupText } from "./ButtonGroupText.vue";
+export const buttonGroupVariants = cva(
+  "flex w-fit items-stretch [&>*]:hover:z-10 [&>*]:hover:relative [&>*]:focus-visible:z-10 [&>*]:focus-visible:relative [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1 has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-md has-[>[data-slot=button-group]]:gap-2",
+  {
+    variants: {
+      orientation: {
+        horizontal: "[&>*:not(:first-child)]:rounded-l-none [&>*:not(:first-child)]:-ml-px [&>*[data-variant=primary]:not(:first-child)]:ml-px [&>*:not(:last-child)]:rounded-r-none",
+        vertical: "flex-col [&>*:not(:first-child)]:rounded-t-none [&>*:not(:first-child)]:-mt-px [&>*[data-variant=primary]:not(:first-child)]:mt-px [&>*:not(:last-child)]:rounded-b-none"
+      }
+    },
+    defaultVariants: {
+      orientation: "horizontal"
+    }
+  }
+);

package/dist/runtime/components/ui/calendar/Calendar.d.vue.ts

@@ -0,0 +1,35 @@
+import type { CalendarRootProps, DateValue } from 'reka-ui';
+import type { HTMLAttributes } from 'vue';
+import type { LayoutTypes } from '.';
+type __VLS_Props = CalendarRootProps & {
+    class?: HTMLAttributes['class'];
+    layout?: LayoutTypes;
+};
+declare var __VLS_20: {}, __VLS_28: {}, __VLS_30: {
+    date: DateValue;
+};
+type __VLS_Slots = {} & {
+    'calendar-prev-icon'?: (props: typeof __VLS_20) => any;
+} & {
+    'calendar-next-icon'?: (props: typeof __VLS_28) => any;
+} & {
+    'calendar-heading'?: (props: typeof __VLS_30) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (date: DateValue | undefined) => any;
+    "update:placeholder": (date: DateValue) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((date: DateValue | undefined) => any) | undefined;
+    "onUpdate:placeholder"?: ((date: DateValue) => any) | undefined;
+}>, {
+    layout: LayoutTypes;
+    modelValue: DateValue | DateValue[];
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/ui/calendar/Calendar.vue

@@ -0,0 +1,196 @@
+<script setup>
+import { CalendarDate, getLocalTimeZone, today } from "@internationalized/date";
+import { reactiveOmit, useNavigatorLanguage, useVModel } from "@vueuse/core";
+import { CalendarRoot, useDateFormatter, useForwardPropsEmits } from "reka-ui";
+import { toDate } from "reka-ui/date";
+import { computed } from "vue";
+import { cn } from "../../../utils/cn";
+import { buttonVariants } from "../button";
+import { CalendarCell, CalendarCellTrigger, CalendarGrid, CalendarGridBody, CalendarGridHead, CalendarGridRow, CalendarHeadCell, CalendarHeader, CalendarHeading, CalendarNextButton, CalendarPrevButton } from ".";
+defineOptions({ name: "UiCalendar" });
+const props = defineProps({
+  defaultValue: { type: Object, required: false },
+  defaultPlaceholder: { type: Object, required: false },
+  placeholder: { type: Object, required: false },
+  pagedNavigation: { type: Boolean, required: false },
+  preventDeselect: { type: Boolean, required: false },
+  weekStartsOn: { type: Number, required: false },
+  weekdayFormat: { type: String, required: false },
+  calendarLabel: { type: String, required: false },
+  fixedWeeks: { type: Boolean, required: false },
+  maxValue: { type: Object, required: false },
+  minValue: { type: Object, required: false },
+  locale: { type: String, required: false },
+  numberOfMonths: { type: Number, required: false },
+  disabled: { type: Boolean, required: false },
+  readonly: { type: Boolean, required: false },
+  initialFocus: { type: Boolean, required: false },
+  isDateDisabled: { type: Function, required: false },
+  isDateUnavailable: { type: Function, required: false },
+  dir: { type: String, required: false },
+  nextPage: { type: Function, required: false },
+  prevPage: { type: Function, required: false },
+  modelValue: { type: null, required: false, default: void 0 },
+  multiple: { type: Boolean, required: false },
+  disableDaysOutsideCurrentView: { type: Boolean, required: false },
+  asChild: { type: Boolean, required: false },
+  as: { type: null, required: false },
+  class: { type: [Boolean, null, String, Object, Array], required: false, skipCheck: true },
+  layout: { type: String, required: false, default: void 0 }
+});
+const emits = defineEmits(["update:modelValue", "update:placeholder"]);
+const delegatedProps = reactiveOmit(props, "class", "layout", "placeholder");
+const placeholder = useVModel(props, "placeholder", emits, {
+  passive: true,
+  defaultValue: props.defaultPlaceholder ?? today(getLocalTimeZone())
+});
+const navLocale = useNavigatorLanguage();
+const locale = computed(() => props.locale ?? navLocale.language.value ?? "en");
+const formatter = useDateFormatter(locale.value);
+const forwarded = useForwardPropsEmits(delegatedProps, emits);
+const weekStartsOn = computed(() => {
+  const lang = navLocale.language.value;
+  if (!navLocale.isSupported || !lang) return void 0;
+  const intl = new Intl.Locale(lang);
+  if ("getWeekInfo" in intl && typeof intl.getWeekInfo === "function") {
+    return intl.getWeekInfo().firstDay;
+  }
+  return void 0;
+});
+const yearGridStart = computed(() => Math.floor(placeholder.value.year / 12) * 12);
+function isPickerDateDisabled(date) {
+  const fn = props.isDateDisabled;
+  if (typeof fn !== "function") return false;
+  return fn(date);
+}
+</script>
+
+<template>
+  <CalendarRoot
+    v-slot="{ grid, weekDays, date }"
+    v-bind="forwarded"
+    v-model:placeholder="placeholder"
+    data-slot="calendar"
+    :week-starts-on="weekStartsOn"
+    fixed-weeks
+    :locale="locale"
+    :class="cn('p-3', props.class)"
+  >
+    <CalendarHeader :class="layout === 'year' ? 'pt-2 pb-2' : 'pt-0'">
+      <nav class="w-full flex items-center gap-1 absolute top-1/2 -translate-y-1/2 transform-gpu inset-x-0 justify-between z-10">
+        <CalendarPrevButton
+          :prev-page="layout === 'year' ? (d) => d.subtract({ years: 12 }) : layout === 'month' ? (d) => d.subtract({ years: 1 }) : void 0"
+        >
+          <slot name="calendar-prev-icon" />
+        </CalendarPrevButton>
+        <CalendarNextButton
+          :next-page="layout === 'year' ? (d) => d.add({ years: 12 }) : layout === 'month' ? (d) => d.add({ years: 1 }) : void 0"
+        >
+          <slot name="calendar-next-icon" />
+        </CalendarNextButton>
+      </nav>
+
+      <slot
+        name="calendar-heading"
+        :date="date"
+      >
+        <template v-if="layout === 'month'">
+          <span
+            class="text-sm font-medium"
+            style="text-autospace: normal"
+          >
+            {{ formatter.custom(toDate(date), { year: "numeric" }) }}
+          </span>
+        </template>
+        <template v-else-if="layout === 'year'" />
+        <template v-else>
+          <CalendarHeading />
+        </template>
+      </slot>
+    </CalendarHeader>
+
+    <!-- Month picker grid (month-only / month-and-year) -->
+    <div
+      v-if="layout === 'month'"
+      class="grid grid-cols-4 gap-1 mt-4"
+    >
+      <button
+        v-for="m in 12"
+        :key="m"
+        type="button"
+        :disabled="isPickerDateDisabled(new CalendarDate(placeholder.year, m, 1))"
+        :class="cn(
+  buttonVariants({ variant: 'ghost' }),
+  'h-9 w-full rounded-md font-normal',
+  modelValue && !Array.isArray(modelValue) && modelValue.year === placeholder.year && modelValue.month === m ? 'bg-[color-mix(in_srgb,var(--primary)_20%,white)] text-(--primary)' : '',
+  isPickerDateDisabled(new CalendarDate(placeholder.year, m, 1)) ? 'text-zinc-500 opacity-50 cursor-default' : 'cursor-pointer'
+)"
+        @click="emits('update:modelValue', new CalendarDate(placeholder.year, m, 1))"
+      >
+        {{ formatter.custom(toDate(new CalendarDate(placeholder.year, m, 1)), { month: "short" }) }}
+      </button>
+    </div>
+
+    <!-- Year picker grid -->
+    <div
+      v-else-if="layout === 'year'"
+      class="grid grid-cols-4 gap-1 mt-4"
+    >
+      <button
+        v-for="i in 12"
+        :key="i"
+        type="button"
+        :disabled="isPickerDateDisabled(new CalendarDate(yearGridStart + i - 1, 1, 1))"
+        :class="cn(
+  buttonVariants({ variant: 'ghost' }),
+  'h-9 w-full rounded-md font-normal',
+  modelValue && !Array.isArray(modelValue) && modelValue.year === yearGridStart + i - 1 ? 'bg-[color-mix(in_srgb,var(--primary)_20%,white)] text-(--primary)' : '',
+  isPickerDateDisabled(new CalendarDate(yearGridStart + i - 1, 1, 1)) ? 'text-zinc-500 opacity-50 cursor-default' : 'cursor-pointer'
+)"
+        @click="emits('update:modelValue', new CalendarDate(yearGridStart + i - 1, 1, 1))"
+      >
+        {{ yearGridStart + i - 1 }}
+      </button>
+    </div>
+
+    <!-- Default: day grid -->
+    <div
+      v-else
+      class="flex flex-col gap-y-4 mt-4 sm:flex-row sm:gap-x-4 sm:gap-y-0"
+    >
+      <CalendarGrid
+        v-for="month in grid"
+        :key="month.value.toString()"
+      >
+        <CalendarGridHead>
+          <CalendarGridRow>
+            <CalendarHeadCell
+              v-for="day in weekDays"
+              :key="day"
+            >
+              {{ day }}
+            </CalendarHeadCell>
+          </CalendarGridRow>
+        </CalendarGridHead>
+        <CalendarGridBody>
+          <CalendarGridRow
+            v-for="(weekDates, index) in month.rows"
+            :key="`weekDate-${index}`"
+            class="mt-2 w-full"
+          >
+            <CalendarCell
+              v-for="weekDate in weekDates"
+              :key="weekDate.toString()"
+              :date="weekDate"
+            >
+              <CalendarCellTrigger
+                :day="weekDate"
+                :month="month.value"
+              />
+            </CalendarCell>
+          </CalendarGridRow>
+        </CalendarGridBody>
+      </CalendarGrid>
+    </div>
+  </CalendarRoot>
+</template>

package/dist/runtime/components/ui/calendar/Calendar.vue.d.ts

@@ -0,0 +1,35 @@
+import type { CalendarRootProps, DateValue } from 'reka-ui';
+import type { HTMLAttributes } from 'vue';
+import type { LayoutTypes } from '.';
+type __VLS_Props = CalendarRootProps & {
+    class?: HTMLAttributes['class'];
+    layout?: LayoutTypes;
+};
+declare var __VLS_20: {}, __VLS_28: {}, __VLS_30: {
+    date: DateValue;
+};
+type __VLS_Slots = {} & {
+    'calendar-prev-icon'?: (props: typeof __VLS_20) => any;
+} & {
+    'calendar-next-icon'?: (props: typeof __VLS_28) => any;
+} & {
+    'calendar-heading'?: (props: typeof __VLS_30) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (date: DateValue | undefined) => any;
+    "update:placeholder": (date: DateValue) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((date: DateValue | undefined) => any) | undefined;
+    "onUpdate:placeholder"?: ((date: DateValue) => any) | undefined;
+}>, {
+    layout: LayoutTypes;
+    modelValue: DateValue | DateValue[];
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/ui/calendar/CalendarCell.d.vue.ts

@@ -0,0 +1,18 @@
+import type { CalendarCellProps } from 'reka-ui';
+import type { HTMLAttributes } from 'vue';
+type __VLS_Props = CalendarCellProps & {
+    class?: HTMLAttributes['class'];
+};
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/ui/calendar/CalendarCell.vue

@@ -0,0 +1,23 @@
+<script setup>
+import { reactiveOmit } from "@vueuse/core";
+import { CalendarCell, useForwardProps } from "reka-ui";
+import { cn } from "../../../utils/cn";
+const props = defineProps({
+  date: { type: Object, required: true },
+  asChild: { type: Boolean, required: false },
+  as: { type: null, required: false },
+  class: { type: [Boolean, null, String, Object, Array], required: false, skipCheck: true }
+});
+const delegatedProps = reactiveOmit(props, "class");
+const forwardedProps = useForwardProps(delegatedProps);
+</script>
+
+<template>
+  <CalendarCell
+    data-slot="calendar-cell"
+    :class="cn('relative p-0 text-center text-sm focus-within:relative focus-within:z-20 flex-1', props.class)"
+    v-bind="forwardedProps"
+  >
+    <slot />
+  </CalendarCell>
+</template>

package/dist/runtime/components/ui/calendar/CalendarCell.vue.d.ts

@@ -0,0 +1,18 @@
+import type { CalendarCellProps } from 'reka-ui';
+import type { HTMLAttributes } from 'vue';
+type __VLS_Props = CalendarCellProps & {
+    class?: HTMLAttributes['class'];
+};
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/ui/calendar/CalendarCellTrigger.d.vue.ts

@@ -0,0 +1,20 @@
+import type { CalendarCellTriggerProps } from 'reka-ui';
+import type { HTMLAttributes } from 'vue';
+type __VLS_Props = CalendarCellTriggerProps & {
+    class?: HTMLAttributes['class'];
+};
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    as: import("reka-ui").AsTag | import("vue").Component;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/ui/calendar/CalendarCellTrigger.vue

@@ -0,0 +1,39 @@
+<script setup>
+import { reactiveOmit } from "@vueuse/core";
+import { CalendarCellTrigger, useForwardProps } from "reka-ui";
+import { cn } from "../../../utils/cn";
+import { buttonVariants } from "../button";
+const props = defineProps({
+  day: { type: Object, required: true },
+  month: { type: Object, required: true },
+  asChild: { type: Boolean, required: false },
+  as: { type: null, required: false, default: "button" },
+  class: { type: [Boolean, null, String, Object, Array], required: false, skipCheck: true }
+});
+const delegatedProps = reactiveOmit(props, "class");
+const forwardedProps = useForwardProps(delegatedProps);
+</script>
+
+<template>
+  <CalendarCellTrigger
+    data-slot="calendar-cell-trigger"
+    :class="cn(
+  buttonVariants({ variant: 'ghost' }),
+  'size-8 rounded-full p-0 font-normal text-center transition-all duration-180 aria-selected:opacity-100 cursor-pointer',
+  // Today (when not selected): subtle ring instead of red highlight
+  '[&[data-today]:not([data-selected])]:font-semibold [&[data-today]:not([data-selected])]:text-(--primary)',
+  // Selected
+  'data-selected:bg-(--primary) data-selected:opacity-100 data-selected:text-white data-selected:hover:bg-[color-mix(in_srgb,var(--primary)_80%,white)] data-selected:hover:text-white',
+  // Disabled
+  'data-disabled:text-zinc-500 data-disabled:opacity-50 data-disabled:cursor-not-allowed data-disabled:hover:bg-transparent data-disabled:hover:text-zinc-500',
+  // Unavailable
+  'data-unavailable:text-zinc-300 data-unavailable:line-through',
+  // Outside months
+  'data-outside-view:text-zinc-300',
+  props.class
+)"
+    v-bind="forwardedProps"
+  >
+    <slot />
+  </CalendarCellTrigger>
+</template>

package/dist/runtime/components/ui/calendar/CalendarCellTrigger.vue.d.ts

@@ -0,0 +1,20 @@
+import type { CalendarCellTriggerProps } from 'reka-ui';
+import type { HTMLAttributes } from 'vue';
+type __VLS_Props = CalendarCellTriggerProps & {
+    class?: HTMLAttributes['class'];
+};
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    as: import("reka-ui").AsTag | import("vue").Component;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/ui/calendar/CalendarGrid.d.vue.ts

@@ -0,0 +1,18 @@
+import type { CalendarGridProps } from 'reka-ui';
+import type { HTMLAttributes } from 'vue';
+type __VLS_Props = CalendarGridProps & {
+    class?: HTMLAttributes['class'];
+};
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/ui/calendar/CalendarGrid.vue

@@ -0,0 +1,22 @@
+<script setup>
+import { reactiveOmit } from "@vueuse/core";
+import { CalendarGrid, useForwardProps } from "reka-ui";
+import { cn } from "../../../utils/cn";
+const props = defineProps({
+  asChild: { type: Boolean, required: false },
+  as: { type: null, required: false },
+  class: { type: [Boolean, null, String, Object, Array], required: false, skipCheck: true }
+});
+const delegatedProps = reactiveOmit(props, "class");
+const forwardedProps = useForwardProps(delegatedProps);
+</script>
+
+<template>
+  <CalendarGrid
+    data-slot="calendar-grid"
+    :class="cn('w-full border-collapse space-x-1', props.class)"
+    v-bind="forwardedProps"
+  >
+    <slot />
+  </CalendarGrid>
+</template>

package/dist/runtime/components/ui/calendar/CalendarGrid.vue.d.ts

@@ -0,0 +1,18 @@
+import type { CalendarGridProps } from 'reka-ui';
+import type { HTMLAttributes } from 'vue';
+type __VLS_Props = CalendarGridProps & {
+    class?: HTMLAttributes['class'];
+};
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/ui/calendar/CalendarGridBody.d.vue.ts

@@ -0,0 +1,14 @@
+import type { CalendarGridBodyProps } from 'reka-ui';
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<CalendarGridBodyProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<CalendarGridBodyProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/ui/calendar/CalendarGridBody.vue

@@ -0,0 +1,16 @@
+<script setup>
+import { CalendarGridBody } from "reka-ui";
+const props = defineProps({
+  asChild: { type: Boolean, required: false },
+  as: { type: null, required: false }
+});
+</script>
+
+<template>
+  <CalendarGridBody
+    data-slot="calendar-grid-body"
+    v-bind="props"
+  >
+    <slot />
+  </CalendarGridBody>
+</template>

package/dist/runtime/components/ui/calendar/CalendarGridBody.vue.d.ts

@@ -0,0 +1,14 @@
+import type { CalendarGridBodyProps } from 'reka-ui';
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<CalendarGridBodyProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<CalendarGridBodyProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/ui/calendar/CalendarGridHead.d.vue.ts

@@ -0,0 +1,18 @@
+import type { CalendarGridHeadProps } from 'reka-ui';
+import type { HTMLAttributes } from 'vue';
+type __VLS_Props = CalendarGridHeadProps & {
+    class?: HTMLAttributes['class'];
+};
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/ui/calendar/CalendarGridHead.vue

@@ -0,0 +1,17 @@
+<script setup>
+import { CalendarGridHead } from "reka-ui";
+const props = defineProps({
+  asChild: { type: Boolean, required: false },
+  as: { type: null, required: false },
+  class: { type: [Boolean, null, String, Object, Array], required: false, skipCheck: true }
+});
+</script>
+
+<template>
+  <CalendarGridHead
+    data-slot="calendar-grid-head"
+    v-bind="props"
+  >
+    <slot />
+  </CalendarGridHead>
+</template>

package/dist/runtime/components/ui/calendar/CalendarGridHead.vue.d.ts

@@ -0,0 +1,18 @@
+import type { CalendarGridHeadProps } from 'reka-ui';
+import type { HTMLAttributes } from 'vue';
+type __VLS_Props = CalendarGridHeadProps & {
+    class?: HTMLAttributes['class'];
+};
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/ui/calendar/CalendarGridRow.d.vue.ts

@@ -0,0 +1,18 @@
+import type { CalendarGridRowProps } from 'reka-ui';
+import type { HTMLAttributes } from 'vue';
+type __VLS_Props = CalendarGridRowProps & {
+    class?: HTMLAttributes['class'];
+};
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};