@nuxt/ui 4.2.1 → 4.4.0

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

@@ -1,6 +1,6 @@
 import type { AppConfig } from '@nuxt/schema';
 import theme from '#build/ui/banner';
-import type { ButtonProps, IconProps, LinkProps } from '../types';
+import type { ButtonProps, IconProps, LinkProps, LinkPropsKeys } from '../types';
 import type { ComponentConfig } from '../types/tv';
 type Banner = ComponentConfig<typeof theme, AppConfig, 'banner'>;
 export interface BannerProps {
@@ -11,8 +11,7 @@ export interface BannerProps {
     as?: any;
     /**
      * A unique id saved to local storage to remember if the banner has been dismissed.
-     * Change this value to show the banner again.
-     * @defaultValue '1'
+     * Without an explicit id, the banner will not be persisted and will reappear on page reload.
      */
     id?: string;
     /**
@@ -38,7 +37,7 @@ export interface BannerProps {
      * @emits `close`
      * @defaultValue false
      */
-    close?: boolean | Partial<ButtonProps>;
+    close?: boolean | Omit<ButtonProps, LinkPropsKeys>;
     /**
      * The icon displayed in the close button.
      * @defaultValue appConfig.ui.icons.close
@@ -61,13 +60,13 @@ export interface BannerSlots {
 export interface BannerEmits {
     close: [];
 }
+declare const _default: typeof __VLS_export;
+export default _default;
 declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<BannerProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     close: () => any;
 }, string, import("vue").PublicProps, Readonly<BannerProps> & Readonly<{
     onClose?: (() => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, BannerSlots>;
-declare const _default: typeof __VLS_export;
-export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;

package/dist/runtime/components/Banner.vue

@@ -3,7 +3,7 @@ import theme from "#build/ui/banner";
 </script>
 
 <script setup>
-import { computed, watch } from "vue";
+import { computed, ref, onMounted, useId } from "vue";
 import { Primitive } from "reka-ui";
 import { useHead, useAppConfig } from "#imports";
 import { useLocale } from "../composables/useLocale";
@@ -35,32 +35,62 @@ const ui = computed(() => tv({ extend: tv(theme), ...appConfig.ui?.banner || {}
   color: props.color,
   to: !!props.to
 }));
-const id = computed(() => `banner-${props.id || "1"}`);
-watch(id, (newId) => {
-  if (typeof document === "undefined" || typeof localStorage === "undefined") return;
-  const isClosed = localStorage.getItem(newId) === "true";
-  const htmlElement = document.querySelector("html");
-  htmlElement?.classList.toggle("hide-banner", isClosed);
+const instanceId = useId();
+const id = computed(() => {
+  const rawId = props.id || instanceId;
+  return `banner-${rawId.replace(/[^\w-]/g, "-")}`;
 });
-useHead({
-  script: [{
-    key: "prehydrate-template-banner",
-    innerHTML: `
-            if (localStorage.getItem('${id.value}') === 'true') {
-              document.querySelector('html').classList.add('hide-banner')
-            }`.replace(/\s+/g, " "),
-    type: "text/javascript"
-  }]
+const isVisible = ref(true);
+const hasPersistence = computed(() => !!props.id);
+onMounted(() => {
+  if (hasPersistence.value && typeof localStorage !== "undefined") {
+    const isClosed = localStorage.getItem(id.value) === "true";
+    isVisible.value = !isClosed;
+  }
+});
+useHead(() => {
+  if (!hasPersistence.value) return {};
+  return {
+    script: [{
+      key: `prehydrate-banner-${id.value}`,
+      innerHTML: `
+        (function() {
+          try {
+            if (localStorage.getItem(${JSON.stringify(id.value)}) === 'true') {
+              document.documentElement.style.setProperty('--${id.value}-display', 'none');
+            }
+          } catch (e) {}
+        })();
+      `.replace(/\s+/g, " "),
+      type: "text/javascript",
+      tagPosition: "head"
+    }],
+    style: [{
+      key: `banner-style-${id.value}`,
+      innerHTML: `.banner[data-banner-id="${id.value}"] { display: var(--${id.value}-display, block); }`,
+      tagPosition: "head"
+    }]
+  };
 });
 function onClose() {
-  localStorage.setItem(id.value, "true");
-  document.querySelector("html")?.classList.add("hide-banner");
+  if (hasPersistence.value) {
+    localStorage.setItem(id.value, "true");
+    document.documentElement.style.setProperty(`--${id.value}-display`, "none");
+  }
+  isVisible.value = false;
   emits("close");
 }
 </script>
 
 <template>
-  <Primitive :as="as" class="banner" data-slot="root" :class="ui.root({ class: [props.ui?.root, props.class] })">
+  <Primitive
+    v-show="isVisible"
+    :as="as"
+    class="banner"
+    :data-banner-id="id"
+    data-slot="root"
+    :class="ui.root({ class: [props.ui?.root, props.class] })"
+  >
     <ULink
       v-if="to"
       :aria-label="title"
@@ -112,7 +142,3 @@ function onClose() {
     </UContainer>
   </Primitive>
 </template>
-
-<style scoped>
-.hide-banner .banner{display:none}
-</style>

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

@@ -1,6 +1,6 @@
 import type { AppConfig } from '@nuxt/schema';
 import theme from '#build/ui/banner';
-import type { ButtonProps, IconProps, LinkProps } from '../types';
+import type { ButtonProps, IconProps, LinkProps, LinkPropsKeys } from '../types';
 import type { ComponentConfig } from '../types/tv';
 type Banner = ComponentConfig<typeof theme, AppConfig, 'banner'>;
 export interface BannerProps {
@@ -11,8 +11,7 @@ export interface BannerProps {
     as?: any;
     /**
      * A unique id saved to local storage to remember if the banner has been dismissed.
-     * Change this value to show the banner again.
-     * @defaultValue '1'
+     * Without an explicit id, the banner will not be persisted and will reappear on page reload.
      */
     id?: string;
     /**
@@ -38,7 +37,7 @@ export interface BannerProps {
      * @emits `close`
      * @defaultValue false
      */
-    close?: boolean | Partial<ButtonProps>;
+    close?: boolean | Omit<ButtonProps, LinkPropsKeys>;
     /**
      * The icon displayed in the close button.
      * @defaultValue appConfig.ui.icons.close
@@ -61,13 +60,13 @@ export interface BannerSlots {
 export interface BannerEmits {
     close: [];
 }
+declare const _default: typeof __VLS_export;
+export default _default;
 declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<BannerProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     close: () => any;
 }, string, import("vue").PublicProps, Readonly<BannerProps> & Readonly<{
     onClose?: (() => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, BannerSlots>;
-declare const _default: typeof __VLS_export;
-export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;

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

@@ -54,12 +54,12 @@ export interface BlogPostSlots {
     body(props?: {}): any;
     footer(props?: {}): any;
 }
+declare const _default: typeof __VLS_export;
+export default _default;
 declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<BlogPostProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<BlogPostProps> & Readonly<{}>, {
     as: any;
     orientation: BlogPost["variants"]["orientation"];
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, BlogPostSlots>;
-declare const _default: typeof __VLS_export;
-export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;

package/dist/runtime/components/BlogPost.vue

@@ -86,7 +86,6 @@ const ariaLabel = computed(() => {
         :aria-label="ariaLabel"
         v-bind="{ to, target, ...$attrs }"
         class="focus:outline-none peer"
-        tabindex="-1"
         raw
       >
         <span class="absolute inset-0" aria-hidden="true" />

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

@@ -54,12 +54,12 @@ export interface BlogPostSlots {
     body(props?: {}): any;
     footer(props?: {}): any;
 }
+declare const _default: typeof __VLS_export;
+export default _default;
 declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<BlogPostProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<BlogPostProps> & Readonly<{}>, {
     as: any;
     orientation: BlogPost["variants"]["orientation"];
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, BlogPostSlots>;
-declare const _default: typeof __VLS_export;
-export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;

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

@@ -25,8 +25,12 @@ export type BlogPostsSlots<T extends BlogPostProps = BlogPostProps> = {
 } & {
     default(props?: {}): any;
 };
-declare const __VLS_export: <T extends BlogPostProps>(__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<BlogPostsProps<BlogPostProps>> & import("vue").PublicProps;
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: <T extends BlogPostProps>(__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<BlogPostsProps<BlogPostProps>> & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
     expose: (exposed: {}) => void;
     attrs: any;
     slots: BlogPostsSlots<T>;
@@ -34,8 +38,8 @@ declare const __VLS_export: <T extends BlogPostProps>(__VLS_props: NonNullable<A
 }>) => 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/BlogPosts.vue.d.ts

@@ -25,8 +25,12 @@ export type BlogPostsSlots<T extends BlogPostProps = BlogPostProps> = {
 } & {
     default(props?: {}): any;
 };
-declare const __VLS_export: <T extends BlogPostProps>(__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<BlogPostsProps<BlogPostProps>> & import("vue").PublicProps;
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: <T extends BlogPostProps>(__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<BlogPostsProps<BlogPostProps>> & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
     expose: (exposed: {}) => void;
     attrs: any;
     slots: BlogPostsSlots<T>;
@@ -34,8 +38,8 @@ declare const __VLS_export: <T extends BlogPostProps>(__VLS_props: NonNullable<A
 }>) => 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/Breadcrumb.d.vue.ts

@@ -67,8 +67,12 @@ export type BreadcrumbSlots<T extends BreadcrumbItem = BreadcrumbItem> = {
     index: number;
     active?: boolean;
 }>;
-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>;
@@ -76,8 +80,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/Breadcrumb.vue.d.ts

@@ -67,8 +67,12 @@ export type BreadcrumbSlots<T extends BreadcrumbItem = BreadcrumbItem> = {
     index: number;
     active?: boolean;
 }>;
-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>;
@@ -76,8 +80,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.d.vue.ts

@@ -41,9 +41,9 @@ export interface ButtonSlots {
         ui: Button['ui'];
     }): any;
 }
-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/Button.vue.d.ts

@@ -41,9 +41,9 @@ export interface ButtonSlots {
         ui: Button['ui'];
     }): any;
 }
-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.d.vue.ts

@@ -2,7 +2,7 @@ import type { CalendarRootProps, CalendarRootEmits, RangeCalendarRootProps, Rang
 import type { DateValue } from '@internationalized/date';
 import type { AppConfig } from '@nuxt/schema';
 import theme from '#build/ui/calendar';
-import type { ButtonProps, IconProps } from '../types';
+import type { ButtonProps, IconProps, LinkPropsKeys } from '../types';
 import type { ComponentConfig } from '../types/tv';
 type Calendar = ComponentConfig<typeof theme, AppConfig, 'calendar'>;
 type CalendarDefaultValue<R extends boolean = false, M extends boolean = false> = R extends true ? DateRange : M extends true ? DateValue[] : DateValue;
@@ -25,7 +25,7 @@ export interface CalendarProps<R extends boolean = false, M extends boolean = fa
      * Configure the next year button.
      * `{ color: 'neutral', variant: 'ghost' }`{lang="ts-type"}
      */
-    nextYear?: ButtonProps;
+    nextYear?: Omit<ButtonProps, LinkPropsKeys>;
     /**
      * The icon to use for the next month control.
      * @defaultValue appConfig.ui.icons.chevronRight
@@ -36,7 +36,7 @@ export interface CalendarProps<R extends boolean = false, M extends boolean = fa
      * Configure the next month button.
      * `{ color: 'neutral', variant: 'ghost' }`{lang="ts-type"}
      */
-    nextMonth?: ButtonProps;
+    nextMonth?: Omit<ButtonProps, LinkPropsKeys>;
     /**
      * The icon to use for the previous year control.
      * @defaultValue appConfig.ui.icons.chevronDoubleLeft
@@ -47,7 +47,7 @@ export interface CalendarProps<R extends boolean = false, M extends boolean = fa
      * Configure the prev year button.
      * `{ color: 'neutral', variant: 'ghost' }`{lang="ts-type"}
      */
-    prevYear?: ButtonProps;
+    prevYear?: Omit<ButtonProps, LinkPropsKeys>;
     /**
      * The icon to use for the previous month control.
      * @defaultValue appConfig.ui.icons.chevronLeft
@@ -58,7 +58,7 @@ export interface CalendarProps<R extends boolean = false, M extends boolean = fa
      * Configure the prev month button.
      * `{ color: 'neutral', variant: 'ghost' }`{lang="ts-type"}
      */
-    prevMonth?: ButtonProps;
+    prevMonth?: Omit<ButtonProps, LinkPropsKeys>;
     /**
      * @defaultValue 'primary'
      */
@@ -81,6 +81,7 @@ export interface CalendarProps<R extends boolean = false, M extends boolean = fa
     yearControls?: boolean;
     defaultValue?: CalendarDefaultValue<R, M>;
     modelValue?: CalendarModelValue<R, M>;
+    weekNumbers?: boolean;
     class?: any;
     ui?: Calendar['slots'];
 }
@@ -96,13 +97,17 @@ export interface CalendarSlots {
         day: string;
     }) => any;
 }
-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;
@@ -110,8 +115,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];
-} & {};
+}) & {};

package/dist/runtime/components/Calendar.vue

@@ -1,4 +1,5 @@
 <script>
+import { getWeekNumber } from "reka-ui/date";
 import theme from "#build/ui/calendar";
 </script>
 
@@ -30,6 +31,7 @@ const props = defineProps({
   yearControls: { type: Boolean, required: false, default: true },
   defaultValue: { type: null, required: false },
   modelValue: { type: null, required: false },
+  weekNumbers: { type: Boolean, required: false },
   class: { type: null, required: false },
   ui: { type: null, required: false },
   defaultPlaceholder: { type: null, required: false },
@@ -57,7 +59,7 @@ const props = defineProps({
 });
 const emits = defineEmits(["update:modelValue", "update:placeholder", "update:validModelValue", "update:startValue"]);
 defineSlots();
-const { dir, t } = useLocale();
+const { dir, t, locale } = useLocale();
 const appConfig = useAppConfig();
 const rootProps = useForwardPropsEmits(reactiveOmit(props, "range", "modelValue", "defaultValue", "color", "variant", "size", "monthControls", "yearControls", "class", "ui"), emits);
 const nextYearIcon = computed(() => props.nextYearIcon || (dir.value === "rtl" ? appConfig.ui.icons.chevronDoubleLeft : appConfig.ui.icons.chevronDoubleRight));
@@ -66,8 +68,9 @@ const prevYearIcon = computed(() => props.prevYearIcon || (dir.value === "rtl" ?
 const prevMonthIcon = computed(() => props.prevMonthIcon || (dir.value === "rtl" ? appConfig.ui.icons.chevronRight : appConfig.ui.icons.chevronLeft));
 const ui = computed(() => tv({ extend: tv(theme), ...appConfig.ui?.calendar || {} })({
   color: props.color,
+  size: props.size,
   variant: props.variant,
-  size: props.size
+  weekNumbers: props.weekNumbers
 }));
 function paginateYear(date, sign) {
   if (sign === -1) {
@@ -134,6 +137,14 @@ const Calendar = computed(() => props.range ? RangeCalendar : SingleCalendar);
             data-slot="gridRow"
             :class="ui.gridRow({ class: props.ui?.gridRow })"
           >
+            <td
+              v-if="weekNumbers && weekDates[0]"
+              role="gridcell"
+              data-slot="cellWeek"
+              :class="ui.cellWeek({ class: props.ui?.cellWeek })"
+            >
+              {{ getWeekNumber(weekDates[0], locale.code) }}
+            </td>
             <Calendar.Cell
               v-for="weekDate in weekDates"
               :key="weekDate.toString()"

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

@@ -2,7 +2,7 @@ import type { CalendarRootProps, CalendarRootEmits, RangeCalendarRootProps, Rang
 import type { DateValue } from '@internationalized/date';
 import type { AppConfig } from '@nuxt/schema';
 import theme from '#build/ui/calendar';
-import type { ButtonProps, IconProps } from '../types';
+import type { ButtonProps, IconProps, LinkPropsKeys } from '../types';
 import type { ComponentConfig } from '../types/tv';
 type Calendar = ComponentConfig<typeof theme, AppConfig, 'calendar'>;
 type CalendarDefaultValue<R extends boolean = false, M extends boolean = false> = R extends true ? DateRange : M extends true ? DateValue[] : DateValue;
@@ -25,7 +25,7 @@ export interface CalendarProps<R extends boolean = false, M extends boolean = fa
      * Configure the next year button.
      * `{ color: 'neutral', variant: 'ghost' }`{lang="ts-type"}
      */
-    nextYear?: ButtonProps;
+    nextYear?: Omit<ButtonProps, LinkPropsKeys>;
     /**
      * The icon to use for the next month control.
      * @defaultValue appConfig.ui.icons.chevronRight
@@ -36,7 +36,7 @@ export interface CalendarProps<R extends boolean = false, M extends boolean = fa
      * Configure the next month button.
      * `{ color: 'neutral', variant: 'ghost' }`{lang="ts-type"}
      */
-    nextMonth?: ButtonProps;
+    nextMonth?: Omit<ButtonProps, LinkPropsKeys>;
     /**
      * The icon to use for the previous year control.
      * @defaultValue appConfig.ui.icons.chevronDoubleLeft
@@ -47,7 +47,7 @@ export interface CalendarProps<R extends boolean = false, M extends boolean = fa
      * Configure the prev year button.
      * `{ color: 'neutral', variant: 'ghost' }`{lang="ts-type"}
      */
-    prevYear?: ButtonProps;
+    prevYear?: Omit<ButtonProps, LinkPropsKeys>;
     /**
      * The icon to use for the previous month control.
      * @defaultValue appConfig.ui.icons.chevronLeft
@@ -58,7 +58,7 @@ export interface CalendarProps<R extends boolean = false, M extends boolean = fa
      * Configure the prev month button.
      * `{ color: 'neutral', variant: 'ghost' }`{lang="ts-type"}
      */
-    prevMonth?: ButtonProps;
+    prevMonth?: Omit<ButtonProps, LinkPropsKeys>;
     /**
      * @defaultValue 'primary'
      */
@@ -81,6 +81,7 @@ export interface CalendarProps<R extends boolean = false, M extends boolean = fa
     yearControls?: boolean;
     defaultValue?: CalendarDefaultValue<R, M>;
     modelValue?: CalendarModelValue<R, M>;
+    weekNumbers?: boolean;
     class?: any;
     ui?: Calendar['slots'];
 }
@@ -96,13 +97,17 @@ export interface CalendarSlots {
         day: string;
     }) => any;
 }
-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;
@@ -110,8 +115,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];
-} & {};
+}) & {};

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

@@ -20,9 +20,9 @@ export interface CardSlots {
     default(props?: {}): any;
     footer(props?: {}): any;
 }
-declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<CardProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<CardProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, CardSlots>;
 declare const _default: typeof __VLS_export;
 export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<CardProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<CardProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, CardSlots>;
 type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;

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

@@ -20,9 +20,9 @@ export interface CardSlots {
     default(props?: {}): any;
     footer(props?: {}): any;
 }
-declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<CardProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<CardProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, CardSlots>;
 declare const _default: typeof __VLS_export;
 export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<CardProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<CardProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, CardSlots>;
 type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;