@byyuurin/ui 0.2.0 → 0.3.0

package/dist/runtime/components/Badge.vue

@@ -43,36 +43,36 @@ const ui = computed(() => {
 </script>
 
 <template>
-  <Primitive :as="props.as" :class="ui.base({ class: [props.ui?.base, props.class] })" data-part="base">
-    <slot name="leading" :ui="ui">
-      <Icon
-        v-if="isLeading && leadingIconName"
-        :name="leadingIconName"
-        :class="ui.leadingIcon({ class: props.ui?.leadingIcon })"
-        data-part="leadingIcon"
-      />
-      <Avatar
-        v-else-if="props.avatar"
-        :size="props.ui?.leadingAvatarSize || ui.leadingAvatarSize()"
-        v-bind="props.avatar"
-        :class="ui.leadingAvatar({ class: props.ui?.leadingAvatar })"
-        data-part="leadingAvatar"
-      />
-    </slot>
-
-    <slot :ui="ui">
-      <span v-if="props.label" :class="ui.label({ class: props.ui?.label })" data-part="label">
-        {{ props.label }}
-      </span>
-    </slot>
-
-    <slot name="trailing" :ui="ui">
-      <Icon
-        v-if="isTrailing && trailingIconName"
-        :name="trailingIconName"
-        :class="ui.trailingIcon({ class: props.ui?.trailingIcon })"
-        data-part="trailingIcon"
-      />
-    </slot>
-  </Primitive>
+  <Primitive :as="props.as" :class="ui.base({ class: [props.ui?.base, props.class] })" data-part="base">
+    <slot name="leading" :ui="ui">
+      <Icon
+        v-if="isLeading && leadingIconName"
+        :name="leadingIconName"
+        :class="ui.leadingIcon({ class: props.ui?.leadingIcon })"
+        data-part="leadingIcon"
+      />
+      <Avatar
+        v-else-if="props.avatar"
+        :size="props.ui?.leadingAvatarSize || ui.leadingAvatarSize()"
+        v-bind="props.avatar"
+        :class="ui.leadingAvatar({ class: props.ui?.leadingAvatar })"
+        data-part="leadingAvatar"
+      />
+    </slot>
+
+    <slot :ui="ui">
+      <span v-if="props.label" :class="ui.label({ class: props.ui?.label })" data-part="label">
+        {{ props.label }}
+      </span>
+    </slot>
+
+    <slot name="trailing" :ui="ui">
+      <Icon
+        v-if="isTrailing && trailingIconName"
+        :name="trailingIconName"
+        :class="ui.trailingIcon({ class: props.ui?.trailingIcon })"
+        data-part="trailingIcon"
+      />
+    </slot>
+  </Primitive>
 </template>

package/dist/runtime/components/Badge.vue.d.ts

@@ -33,11 +33,11 @@ export interface BadgeSlots {
         ui: ComponentStyler<typeof theme>;
     }>;
 }
+declare const _default: typeof __VLS_export;
+export default _default;
 declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<BadgeProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<BadgeProps> & Readonly<{}>, {
     as: import("reka-ui").AsTag | import("vue").Component;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, BadgeSlots>;
-declare const _default: typeof __VLS_export;
-export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;

package/dist/runtime/components/Breadcrumb.vue

@@ -32,53 +32,53 @@ const ui = computed(() => {
 </script>
 
 <template>
-  <Primitive :as="props.as" aria-label="breadcrumb" :class="ui.root({ class: [props.ui?.root, props.class] })" data-part="root">
-    <ol :class="ui.list({ class: props.ui?.list })" data-part="list">
-      <template v-for="(item, index) in props.items" :key="index">
-        <li :class="ui.item({ class: [props.ui?.item, item.ui?.item] })" data-part="item">
-          <Link v-slot="{ active, ...slotProps }" v-bind="pickLinkProps(item)" custom>
-            <LinkBase
-              v-bind="slotProps"
-              as="span"
-              :aria-current="(item.active ?? active) && index === items.length - 1 ? 'page' : void 0"
-              :class="ui.link({ class: [props.ui?.link, item.ui?.link, item.class], active: item.active ?? index === items.length - 1, disabled: item.disabled, to: !!item.to })"
-              data-part="link"
-            >
-              <slot :name="item.slot || 'item'" :item="item" :index="index" :active="item.active ?? index === items.length - 1" :ui="ui">
-                <slot :name="`${item.slot || 'item'}-leading`" :item="item" :active="item.active ?? index === items.length - 1" :index="index" :ui="ui">
-                  <Icon
-                    v-if="item.icon"
-                    :name="item.icon"
-                    :class="ui.linkLeadingIcon({ class: [props.ui?.linkLeadingIcon, item.ui?.linkLeadingIcon], active: item.active ?? index === items.length - 1 })"
-                    data-part="linkLeadingIcon"
-                  />
-                  <Avatar
-                    v-else-if="item.avatar"
-                    :size="props.ui?.linkLeadingAvatarSize || ui.linkLeadingAvatarSize()"
-                    v-bind="item.avatar"
-                    :class="ui.linkLeadingAvatar({ class: [props.ui?.linkLeadingAvatar, item.ui?.linkLeadingAvatar], active: item.active ?? index === items.length - 1 })"
-                    data-part="linkLeadingAvatar"
-                  />
-                </slot>
-
-                <span v-if="get(item, props.labelKey) || slots[`${item.slot || 'item'}-label`]" :class="ui.linkLabel({ class: [props.ui?.linkLabel, item.ui?.linkLabel] })" data-part="linkLabel">
-                  <slot :name="`${item.slot || 'item'}-label`" :item="item" :active="item.active ?? index === items.length - 1" :index="index">
-                    {{ get(item, props.labelKey) }}
-                  </slot>
-                </span>
-
-                <slot :name="`${item.slot || 'item'}-trailing`" :item="item" :active="item.active ?? index === items.length - 1" :index="index"></slot>
-              </slot>
-            </LinkBase>
-          </Link>
-        </li>
-
-        <li v-if="index < items.length - 1" role="presentation" aria-hidden="true" :class="ui.separator({ class: [props.ui?.separator, item.ui?.separator] })" data-part="separator">
-          <slot name="separator" :ui="ui">
-            <Icon :name="separatorIcon" :class="ui.separatorIcon({ class: [props.ui?.separatorIcon, item.ui?.separatorIcon] })" data-part="separatorIcon" />
-          </slot>
-        </li>
-      </template>
-    </ol>
-  </Primitive>
+  <Primitive :as="props.as" aria-label="breadcrumb" :class="ui.root({ class: [props.ui?.root, props.class] })" data-part="root">
+    <ol :class="ui.list({ class: props.ui?.list })" data-part="list">
+      <template v-for="(item, index) in props.items" :key="index">
+        <li :class="ui.item({ class: [props.ui?.item, item.ui?.item] })" data-part="item">
+          <Link v-slot="{ active, ...slotProps }" v-bind="pickLinkProps(item)" custom>
+            <LinkBase
+              v-bind="slotProps"
+              as="span"
+              :aria-current="(item.active ?? active) && index === items.length - 1 ? 'page' : void 0"
+              :class="ui.link({ class: [props.ui?.link, item.ui?.link, item.class], active: item.active ?? index === items.length - 1, disabled: item.disabled, to: !!item.to })"
+              data-part="link"
+            >
+              <slot :name="item.slot || 'item'" :item="item" :index="index" :active="item.active ?? index === items.length - 1" :ui="ui">
+                <slot :name="`${item.slot || 'item'}-leading`" :item="item" :active="item.active ?? index === items.length - 1" :index="index" :ui="ui">
+                  <Icon
+                    v-if="item.icon"
+                    :name="item.icon"
+                    :class="ui.linkLeadingIcon({ class: [props.ui?.linkLeadingIcon, item.ui?.linkLeadingIcon], active: item.active ?? index === items.length - 1 })"
+                    data-part="linkLeadingIcon"
+                  />
+                  <Avatar
+                    v-else-if="item.avatar"
+                    :size="props.ui?.linkLeadingAvatarSize || ui.linkLeadingAvatarSize()"
+                    v-bind="item.avatar"
+                    :class="ui.linkLeadingAvatar({ class: [props.ui?.linkLeadingAvatar, item.ui?.linkLeadingAvatar], active: item.active ?? index === items.length - 1 })"
+                    data-part="linkLeadingAvatar"
+                  />
+                </slot>
+
+                <span v-if="get(item, props.labelKey) || slots[`${item.slot || 'item'}-label`]" :class="ui.linkLabel({ class: [props.ui?.linkLabel, item.ui?.linkLabel] })" data-part="linkLabel">
+                  <slot :name="`${item.slot || 'item'}-label`" :item="item" :active="item.active ?? index === items.length - 1" :index="index">
+                    {{ get(item, props.labelKey) }}
+                  </slot>
+                </span>
+
+                <slot :name="`${item.slot || 'item'}-trailing`" :item="item" :active="item.active ?? index === items.length - 1" :index="index"></slot>
+              </slot>
+            </LinkBase>
+          </Link>
+        </li>
+
+        <li v-if="index < items.length - 1" role="presentation" aria-hidden="true" :class="ui.separator({ class: [props.ui?.separator, item.ui?.separator] })" data-part="separator">
+          <slot name="separator" :ui="ui">
+            <Icon :name="separatorIcon" :class="ui.separatorIcon({ class: [props.ui?.separatorIcon, item.ui?.separatorIcon] })" data-part="separatorIcon" />
+          </slot>
+        </li>
+      </template>
+    </ol>
+  </Primitive>
 </template>

package/dist/runtime/components/Breadcrumb.vue.d.ts

@@ -63,8 +63,12 @@ export type BreadcrumbSlots<T extends BreadcrumbItem = BreadcrumbItem> = {
     active?: boolean;
     ui: ComponentStyler<typeof theme>;
 }>;
-declare const __VLS_export: <T extends BreadcrumbItem>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-    props: __VLS_PrettifyLocal<BreadcrumbProps<T>> & import("vue").PublicProps;
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: <T extends BreadcrumbItem>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: import("vue").PublicProps & __VLS_PrettifyLocal<BreadcrumbProps<T>> & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
     expose: (exposed: {}) => void;
     attrs: any;
     slots: BreadcrumbSlots<T>;
@@ -72,8 +76,8 @@ declare const __VLS_export: <T extends BreadcrumbItem>(__VLS_props: NonNullable<
 }>) => import("vue").VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };
-declare const _default: typeof __VLS_export;
-export default _default;
-type __VLS_PrettifyLocal<T> = {
+type __VLS_PrettifyLocal<T> = (T extends any ? {
+    [K in keyof T]: T[K];
+} : {
     [K in keyof T as K]: T[K];
-} & {};
+}) & {};

package/dist/runtime/components/Button.vue

@@ -47,13 +47,14 @@ const props = defineProps({
   to: { type: null, required: false },
   href: { type: null, required: false },
   external: { type: Boolean, required: false },
-  target: { type: [String, Object], required: false },
-  rel: { type: [String, Object], required: false },
+  target: { type: [String, Object, null], required: false },
+  rel: { type: [String, Object, null], required: false },
   noRel: { type: Boolean, required: false },
   prefetchedClass: { type: String, required: false },
   prefetch: { type: Boolean, required: false },
   prefetchOn: { type: [String, Object], required: false },
   noPrefetch: { type: Boolean, required: false },
+  trailingSlash: { type: String, required: false },
   activeClass: { type: String, required: false },
   exactActiveClass: { type: String, required: false },
   ariaCurrentValue: { type: String, required: false },
@@ -109,58 +110,58 @@ const ui = computed(() => {
 </script>
 
 <template>
-  <Link
-    v-slot="{ active, ...slotProps }"
-    :type="props.type"
-    :disabled="props.disabled || props.loading"
-    v-bind="omit(linkProps, ['type', 'disabled', 'onClick'])"
-    data-part="base"
-    custom
-  >
-    <LinkBase
-      v-bind="slotProps"
+  <Link
+    v-slot="{ active, ...slotProps }"
+    :type="props.type"
+    :disabled="props.disabled || props.loading"
+    v-bind="omit(linkProps, ['type', 'disabled', 'onClick'])"
+    data-part="base"
+    custom
+  >
+    <LinkBase
+      v-bind="slotProps"
       :class="ui.base({
   class: [props.ui?.base, props.class],
   active,
   ...props.active && props.activeVariant ? { variant: props.activeVariant } : {},
   ...props.active && props.activeColor ? { color: props.activeColor } : {}
-})"
-      @click="onClickWrapper"
-    >
-      <slot name="leading" :ui="ui">
-        <Icon
-          v-if="isLeading && leadingIconName"
-          :name="leadingIconName"
-          :class="ui.leadingIcon({ class: props.ui?.leadingIcon, active })"
-          data-part="leadingIcon"
-        />
-        <Avatar
-          v-else-if="props.avatar"
-          :size="props.ui?.leadingAvatarSize || ui.leadingAvatarSize()"
-          v-bind="props.avatar"
-          :class="ui.leadingAvatar({ class: props.ui?.leadingAvatar, active })"
-          data-part="leadingAvatar"
-        />
-      </slot>
-
-      <slot :ui="ui">
-        <span
-          v-if="props.label"
-          :class="ui.label({ class: props.ui?.label, active })"
-          data-part="label"
-        >
-          {{ label }}
-        </span>
-      </slot>
-
-      <slot name="trailing" :ui="ui">
-        <Icon
-          v-if="isTrailing && trailingIconName"
-          :name="trailingIconName"
-          :class="ui.trailingIcon({ class: props.ui?.trailingIcon, active })"
-          data-part="trailingIcon"
-        />
-      </slot>
-    </LinkBase>
-  </Link>
+})"
+      @click="onClickWrapper"
+    >
+      <slot name="leading" :ui="ui">
+        <Icon
+          v-if="isLeading && leadingIconName"
+          :name="leadingIconName"
+          :class="ui.leadingIcon({ class: props.ui?.leadingIcon, active })"
+          data-part="leadingIcon"
+        />
+        <Avatar
+          v-else-if="props.avatar"
+          :size="props.ui?.leadingAvatarSize || ui.leadingAvatarSize()"
+          v-bind="props.avatar"
+          :class="ui.leadingAvatar({ class: props.ui?.leadingAvatar, active })"
+          data-part="leadingAvatar"
+        />
+      </slot>
+
+      <slot :ui="ui">
+        <span
+          v-if="props.label"
+          :class="ui.label({ class: props.ui?.label, active })"
+          data-part="label"
+        >
+          {{ label }}
+        </span>
+      </slot>
+
+      <slot name="trailing" :ui="ui">
+        <Icon
+          v-if="isTrailing && trailingIconName"
+          :name="trailingIconName"
+          :class="ui.trailingIcon({ class: props.ui?.trailingIcon, active })"
+          data-part="trailingIcon"
+        />
+      </slot>
+    </LinkBase>
+  </Link>
 </template>

package/dist/runtime/components/Button.vue.d.ts

@@ -35,9 +35,9 @@ export interface ButtonSlots {
         ui: ComponentStyler<typeof theme>;
     }>;
 }
-declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<ButtonProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ButtonProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ButtonSlots>;
 declare const _default: typeof __VLS_export;
 export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<ButtonProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ButtonProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ButtonSlots>;
 type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;

package/dist/runtime/components/Calendar.vue

@@ -80,78 +80,78 @@ const Calendar = computed(() => props.range ? RangeCalendar : BaseCalendar);
 </script>
 
 <template>
-  <Calendar.Root
-    v-slot="{ weekDays, grid }"
-    v-bind="rootProps"
-    :model-value="props.modelValue"
-    :default-value="props.defaultValue"
-    :class="ui.root({ class: [props.class, props.ui?.root] })"
-    data-part="root"
-  >
-    <Calendar.Header :class="ui.header({ class: props.ui?.header })" data-part="header">
-      <Calendar.Prev v-if="props.yearControls" :prev-page="(date) => paginateYear(date, -1)" :aria-label="t('calendar.prevYear')" as-child>
-        <Button :icon="prevYearIcon" :size="props.size" color="neutral" variant="ghost" v-bind="props.prevYear" />
-      </Calendar.Prev>
-      <Calendar.Prev v-if="props.monthControls" :aria-label="t('calendar.prevMonth')" as-child>
-        <Button :icon="prevMonthIcon" :size="props.size" color="neutral" variant="ghost" v-bind="props.prevMonth" />
-      </Calendar.Prev>
-
-      <Calendar.Heading v-slot="{ headingValue }" :class="ui.heading({ class: props.ui?.heading })" data-part="heading">
-        <slot name="heading" :value="headingValue">
-          {{ headingValue }}
-        </slot>
-      </Calendar.Heading>
-      <Calendar.Next v-if="props.monthControls" :aria-label="t('calendar.nextMonth')" as-child>
-        <Button :icon="nextMonthIcon" :size="props.size" color="neutral" variant="ghost" v-bind="props.nextMonth" />
-      </Calendar.Next>
-      <Calendar.Next v-if="props.yearControls" :next-page="(date) => paginateYear(date, 1)" :aria-label="t('calendar.nextYear')" as-child>
-        <Button :icon="nextYearIcon" :size="props.size" color="neutral" variant="ghost" v-bind="props.nextYear" />
-      </Calendar.Next>
-    </Calendar.Header>
-    <div :class="ui.body({ class: props.ui?.body })" data-part="body">
-      <Calendar.Grid
-        v-for="month in grid"
-        :key="month.value.toString()"
-        :class="ui.grid({ class: props.ui?.grid })"
-        data-part="grid"
-      >
-        <Calendar.GridHead>
-          <Calendar.GridRow :class="ui.gridWeekDaysRow({ class: props.ui?.gridWeekDaysRow })" data-part="gridWeekDaysRow">
-            <Calendar.HeadCell v-for="day in weekDays" :key="day" :class="ui.headCell({ class: props.ui?.headCell })" data-part="headCell">
-              <slot name="week-day" :day="day">
-                {{ day }}
-              </slot>
-            </Calendar.HeadCell>
-          </Calendar.GridRow>
-        </Calendar.GridHead>
-        <Calendar.GridBody :class="ui.gridBody({ class: props.ui?.gridBody })" data-part="gridBody">
-          <Calendar.GridRow
-            v-for="(weekDates, index) in month.rows"
-            :key="`weekDates-${index}`"
-            :class="ui.gridRow({ class: props.ui?.gridRow })"
-            data-part="gridRow"
-          >
-            <Calendar.Cell
-              v-for="weekDate in weekDates"
-              :key="weekDate.toString()"
-              :date="weekDate"
-              :class="ui.cell({ class: props.ui?.cell })"
-              data-part="cell"
-            >
-              <Calendar.CellTrigger
-                :day="weekDate"
-                :month="month.value"
-                :class="ui.cellTrigger({ class: props.ui?.cellTrigger })"
-                data-part="cellTrigger"
-              >
-                <slot name="day" :day="weekDate">
-                  {{ weekDate.day }}
-                </slot>
-              </Calendar.CellTrigger>
-            </Calendar.Cell>
-          </Calendar.GridRow>
-        </Calendar.GridBody>
-      </Calendar.Grid>
-    </div>
-  </Calendar.Root>
+  <Calendar.Root
+    v-slot="{ weekDays, grid }"
+    v-bind="rootProps"
+    :model-value="props.modelValue"
+    :default-value="props.defaultValue"
+    :class="ui.root({ class: [props.class, props.ui?.root] })"
+    data-part="root"
+  >
+    <Calendar.Header :class="ui.header({ class: props.ui?.header })" data-part="header">
+      <Calendar.Prev v-if="props.yearControls" :prev-page="(date) => paginateYear(date, -1)" :aria-label="t('calendar.prevYear')" as-child>
+        <Button :icon="prevYearIcon" :size="props.size" color="neutral" variant="ghost" v-bind="props.prevYear" />
+      </Calendar.Prev>
+      <Calendar.Prev v-if="props.monthControls" :aria-label="t('calendar.prevMonth')" as-child>
+        <Button :icon="prevMonthIcon" :size="props.size" color="neutral" variant="ghost" v-bind="props.prevMonth" />
+      </Calendar.Prev>
+
+      <Calendar.Heading v-slot="{ headingValue }" :class="ui.heading({ class: props.ui?.heading })" data-part="heading">
+        <slot name="heading" :value="headingValue">
+          {{ headingValue }}
+        </slot>
+      </Calendar.Heading>
+      <Calendar.Next v-if="props.monthControls" :aria-label="t('calendar.nextMonth')" as-child>
+        <Button :icon="nextMonthIcon" :size="props.size" color="neutral" variant="ghost" v-bind="props.nextMonth" />
+      </Calendar.Next>
+      <Calendar.Next v-if="props.yearControls" :next-page="(date) => paginateYear(date, 1)" :aria-label="t('calendar.nextYear')" as-child>
+        <Button :icon="nextYearIcon" :size="props.size" color="neutral" variant="ghost" v-bind="props.nextYear" />
+      </Calendar.Next>
+    </Calendar.Header>
+    <div :class="ui.body({ class: props.ui?.body })" data-part="body">
+      <Calendar.Grid
+        v-for="month in grid"
+        :key="month.value.toString()"
+        :class="ui.grid({ class: props.ui?.grid })"
+        data-part="grid"
+      >
+        <Calendar.GridHead>
+          <Calendar.GridRow :class="ui.gridWeekDaysRow({ class: props.ui?.gridWeekDaysRow })" data-part="gridWeekDaysRow">
+            <Calendar.HeadCell v-for="day in weekDays" :key="day" :class="ui.headCell({ class: props.ui?.headCell })" data-part="headCell">
+              <slot name="week-day" :day="day">
+                {{ day }}
+              </slot>
+            </Calendar.HeadCell>
+          </Calendar.GridRow>
+        </Calendar.GridHead>
+        <Calendar.GridBody :class="ui.gridBody({ class: props.ui?.gridBody })" data-part="gridBody">
+          <Calendar.GridRow
+            v-for="(weekDates, index) in month.rows"
+            :key="`weekDates-${index}`"
+            :class="ui.gridRow({ class: props.ui?.gridRow })"
+            data-part="gridRow"
+          >
+            <Calendar.Cell
+              v-for="weekDate in weekDates"
+              :key="weekDate.toString()"
+              :date="weekDate"
+              :class="ui.cell({ class: props.ui?.cell })"
+              data-part="cell"
+            >
+              <Calendar.CellTrigger
+                :day="weekDate"
+                :month="month.value"
+                :class="ui.cellTrigger({ class: props.ui?.cellTrigger })"
+                data-part="cellTrigger"
+              >
+                <slot name="day" :day="weekDate">
+                  {{ weekDate.day }}
+                </slot>
+              </Calendar.CellTrigger>
+            </Calendar.Cell>
+          </Calendar.GridRow>
+        </Calendar.GridBody>
+      </Calendar.Grid>
+    </div>
+  </Calendar.Root>
 </template>

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

@@ -2,7 +2,7 @@ import type { VariantProps } from '@byyuurin/ui-kit';
 import type { DateValue } from '@internationalized/date';
 import type { CalendarCellTriggerProps, CalendarRootEmits, CalendarRootProps, DateRange, RangeCalendarRootEmits, RangeCalendarRootProps } from 'reka-ui';
 import theme from '#build/ui/calendar';
-import type { ButtonProps, ComponentBaseProps, ComponentUIProps, IconProps } from '../types';
+import type { ButtonProps, ComponentBaseProps, ComponentUIProps, IconProps, LinkPropsKeys } from '../types';
 import type { MaybeNull, StaticSlot } from '../types/utils';
 type CalendarDefaultValue<R extends boolean = false, M extends boolean = false> = R extends true ? DateRange : M extends true ? DateValue[] : DateValue;
 type CalendarModelValue<R extends boolean = false, M extends boolean = false> = R extends true ? MaybeNull<DateRange> : M extends true ? (DateValue[] | undefined) : (DateValue | undefined);
@@ -23,7 +23,7 @@ export interface CalendarProps<R extends boolean = false, M extends boolean = fa
     /**
      * Configure the next year button.
      */
-    nextYear?: ButtonProps;
+    nextYear?: Omit<ButtonProps, LinkPropsKeys>;
     /**
      * The icon to use for the next month control.
      * @default app.icons.chevronRight
@@ -32,7 +32,7 @@ export interface CalendarProps<R extends boolean = false, M extends boolean = fa
     /**
      * Configure the next month button.
      */
-    nextMonth?: ButtonProps;
+    nextMonth?: Omit<ButtonProps, LinkPropsKeys>;
     /**
      * The icon to use for the previous year control.
      * @default app.icons.chevronDoubleLeft
@@ -41,7 +41,7 @@ export interface CalendarProps<R extends boolean = false, M extends boolean = fa
     /**
      * Configure the prev year button.
      */
-    prevYear?: ButtonProps;
+    prevYear?: Omit<ButtonProps, LinkPropsKeys>;
     /**
      * The icon to use for the previous month control.
      * @default app.icons.chevronLeft
@@ -50,7 +50,7 @@ export interface CalendarProps<R extends boolean = false, M extends boolean = fa
     /**
      * Configure the prev month button.
      */
-    prevMonth?: ButtonProps;
+    prevMonth?: Omit<ButtonProps, LinkPropsKeys>;
     /**
      * @default "md"
      */
@@ -81,13 +81,17 @@ export interface CalendarSlots {
         day: string;
     }>;
 }
-declare const __VLS_export: <R extends boolean, M extends boolean>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-    props: __VLS_PrettifyLocal<CalendarProps<R, M> & {
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: <R extends boolean, M extends boolean>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: import("vue").PublicProps & __VLS_PrettifyLocal<CalendarProps<R, M> & {
         "onUpdate:modelValue"?: ((date: CalendarModelValue<R, M>) => any) | undefined;
         "onUpdate:placeholder"?: ((...args: DateValue[]) => any) | undefined;
         "onUpdate:validModelValue"?: ((date: DateRange) => any) | undefined;
         "onUpdate:startValue"?: ((date: DateValue | undefined) => any) | undefined;
-    }> & import("vue").PublicProps;
+    }> & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
     expose: (exposed: {}) => void;
     attrs: any;
     slots: CalendarSlots;
@@ -95,8 +99,8 @@ declare const __VLS_export: <R extends boolean, M extends boolean>(__VLS_props:
 }>) => import("vue").VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };
-declare const _default: typeof __VLS_export;
-export default _default;
-type __VLS_PrettifyLocal<T> = {
+type __VLS_PrettifyLocal<T> = (T extends any ? {
+    [K in keyof T]: T[K];
+} : {
     [K in keyof T as K]: T[K];
-} & {};
+}) & {};