ropav 0.6.0 → 0.7.0

package/dist/components/calendar-year-picker/calendar-year-picker-grid-body.js

@@ -6,22 +6,21 @@ var calendar_year_picker_grid_body_vue_vue_type_script_setup_true_vapor_true_lan
 	__name: "calendar-year-picker-grid-body",
 	props: { class: {} },
 	setup(__props) {
-		const { focusedYear, getFormattedYear, isYearPickerOpen, selectYear, years } = useYearPickerGridContext();
-		/** The current Gregorian year, for marking "this year" whatever calendar is on screen. */
-		const currentYear = (/* @__PURE__ */ new Date()).getFullYear();
-		const entries = computed(() => years.value.map((year) => ({
-			formattedYear: getFormattedYear(year),
-			isCurrentYear: year === currentYear,
+		const { focusedId, isYearPickerOpen, selectYear, years } = useYearPickerGridContext();
+		const entries = computed(() => years.value.map(({ formatted, id, isCurrentYear, year }) => ({
+			formattedYear: formatted,
+			id,
+			isCurrentYear,
 			isOpen: isYearPickerOpen.value,
-			isSelected: year === focusedYear.value,
-			selectYear: () => selectYear(year),
+			isSelected: id === focusedId.value,
+			selectYear: () => selectYear(id),
 			year
 		})));
 		return createFor(() => entries.value, (_for_item0) => {
 			return createSlot("default", { $: [() => _for_item0.value] }, () => {
-				return createComponent(calendar_year_picker_cell_default, { year: () => _for_item0.value.year });
+				return createComponent(calendar_year_picker_cell_default, { id: () => _for_item0.value.id });
 			});
-		}, (entry) => entry.year, 16);
+		}, (entry) => entry.id, 16);
 	}
 });
 //#endregion

package/dist/components/calendar-year-picker/calendar-year-picker-grid.js

@@ -1,10 +1,11 @@
 import { dataAttr } from "../../utils/assertion.js";
+import { useCalendarStateContext } from "../calendar/calendar.context.js";
+import { getYearRange } from "../../utils/calendar.js";
 import { provideYearPickerGridContext, useYearPickerContext } from "./calendar-year-picker.context.js";
 import { useCalendarYearPicker } from "../../composables/use-calendar-year-picker.js";
-import { getYearRange } from "../../utils/calendar.js";
-import { useCalendarStateContext } from "../calendar/calendar.context.js";
 import { computed, createSlot, defineVaporComponent, on, onScopeDispose, renderEffect, setAttr, setClass, setInsertionState, setStaticTemplateRef, shallowRef, template, unref, watch, watchEffect } from "vue";
 import { calendarYearPickerVariants } from "@ropav/styles";
+import { isSameYear, today } from "@internationalized/date";
 //#region src/components/calendar-year-picker/calendar-year-picker-grid.vue?vue&type=script&setup=true&vapor=true&lang.ts
 var t0 = template("<div data-slot=calendar-year-picker-grid role=listbox tabindex=-1>", 1);
 /** How many years a row holds, which is what the up and down arrows step by. */
@@ -39,10 +40,17 @@ var calendar_year_picker_grid_vue_vue_type_script_setup_true_vapor_true_lang_def
 			format: () => props.format,
 			visibleYears
 		}, state);
-		const years = computed(() => picker.items.value.map((item) => item.date.year));
-		const focusedYear = computed(() => picker.items.value[picker.value.value]?.date.year ?? state.focusedDate.value.year);
-		const getFormattedYear = (year) => picker.items.value.find((item) => item.date.year === year)?.formatted ?? String(year);
-		const activeYear = shallowRef(focusedYear.value);
+		const years = computed(() => {
+			const currentDate = today(state.timeZone.value);
+			return picker.items.value.map((item) => ({
+				formatted: item.formatted,
+				id: item.id,
+				isCurrentYear: isSameYear(item.date, currentDate),
+				year: item.date.year
+			}));
+		});
+		const focusedId = computed(() => picker.value.value);
+		const activeId = shallowRef(focusedId.value);
 		watchEffect(() => {
 			const grid = element.value;
 			const calendar = calendarElement.value;
@@ -52,8 +60,8 @@ var calendar_year_picker_grid_vue_vue_type_script_setup_true_vapor_true_lang_def
 			grid.style.top = `${dayGrid.offsetTop}px`;
 			grid.style.height = `${dayGrid.offsetHeight}px`;
 		}, { flush: "post" });
-		const focusYearCell = (year) => {
-			element.value?.querySelector(`[data-year='${year}']`)?.focus();
+		const focusYearCell = (id) => {
+			element.value?.querySelector(`[data-key='${id}']`)?.focus();
 		};
 		let frame;
 		const cancelFrame = () => {
@@ -63,23 +71,22 @@ var calendar_year_picker_grid_vue_vue_type_script_setup_true_vapor_true_lang_def
 		onScopeDispose(cancelFrame);
 		watch(isYearPickerOpen, (isOpen) => {
 			if (!isOpen || years.value.length === 0) return;
-			const nextActiveYear = years.value.includes(focusedYear.value) ? focusedYear.value : years.value[0];
-			activeYear.value = nextActiveYear;
+			const nextActiveId = years.value[focusedId.value] ? focusedId.value : years.value[0].id;
+			activeId.value = nextActiveId;
 			cancelFrame();
 			frame = requestAnimationFrame(() => {
 				frame = void 0;
-				focusYearCell(nextActiveYear);
+				focusYearCell(nextActiveId);
 			});
 		});
 		watch([years, isYearPickerOpen], ([list, isOpen]) => {
 			if (!isOpen || list.length === 0) return;
-			if (!list.includes(activeYear.value)) activeYear.value = list[0];
+			if (!list[activeId.value]) activeId.value = list[0].id;
 		});
-		const selectYear = (year) => {
-			const item = picker.items.value.find((entry) => entry.date.year === year);
-			if (!item) return;
+		const selectYear = (id) => {
+			if (!years.value[id]) return;
 			setIsYearPickerOpen(false);
-			picker.onChange(item.id);
+			picker.onChange(id);
 		};
 		/** Where each key moves within the grid, as an offset in the flat list of years. */
 		const STEPS = {
@@ -95,30 +102,27 @@ var calendar_year_picker_grid_vue_vue_type_script_setup_true_vapor_true_lang_def
 				return;
 			}
 			if (!isYearPickerOpen.value || years.value.length === 0) return;
-			const currentIndex = years.value.indexOf(activeYear.value);
-			if (currentIndex === -1) return;
+			const current = activeId.value;
+			if (!years.value[current]) return;
 			const last = years.value.length - 1;
 			const step = STEPS[event.key];
-			let nextIndex = currentIndex;
-			if (step != null) nextIndex = Math.min(Math.max(currentIndex + step, 0), last);
-			else if (event.key === "Home") nextIndex = 0;
-			else if (event.key === "End") nextIndex = last;
+			let next = current;
+			if (step != null) next = Math.min(Math.max(current + step, 0), last);
+			else if (event.key === "Home") next = 0;
+			else if (event.key === "End") next = last;
 			else return;
-			if (nextIndex === currentIndex) return;
-			const nextYear = years.value[nextIndex];
-			if (nextYear == null) return;
+			if (next === current) return;
 			event.preventDefault();
-			activeYear.value = nextYear;
-			focusYearCell(nextYear);
+			activeId.value = next;
+			focusYearCell(next);
 		};
 		provideYearPickerGridContext({
-			activeYear: computed(() => activeYear.value),
-			focusedYear,
-			getFormattedYear,
+			activeId: computed(() => activeId.value),
+			focusedId,
 			isYearPickerOpen,
 			selectYear,
-			setActiveYear: (year) => {
-				activeYear.value = year;
+			setActiveId: (id) => {
+				activeId.value = id;
 			},
 			slots,
 			years

package/dist/components/calendar-year-picker/calendar-year-picker-trigger-heading.js

@@ -1,6 +1,6 @@
-import { useYearPickerTriggerContext } from "./calendar-year-picker.context.js";
 import { useCalendarStateContext } from "../calendar/calendar.context.js";
 import { useCalendarHeading } from "../../composables/use-calendar-heading.js";
+import { useYearPickerTriggerContext } from "./calendar-year-picker.context.js";
 import { computed, createSlot, defineVaporComponent, renderEffect, setClass, setInsertionState, setText, template, toDisplayString, unref } from "vue";
 //#region src/components/calendar-year-picker/calendar-year-picker-trigger-heading.vue?vue&type=script&setup=true&vapor=true&lang.ts
 var t0 = template(" ");

package/dist/components/calendar-year-picker/calendar-year-picker-trigger.js

@@ -1,8 +1,8 @@
 import { dataAttr } from "../../utils/assertion.js";
 import { useInteractionStates } from "../../composables/use-interaction-states.js";
-import { provideYearPickerTriggerContext, useYearPickerContext } from "./calendar-year-picker.context.js";
 import { useCalendarStateContext } from "../calendar/calendar.context.js";
 import { useCalendarHeading } from "../../composables/use-calendar-heading.js";
+import { provideYearPickerTriggerContext, useYearPickerContext } from "./calendar-year-picker.context.js";
 import { computed, createSlot, defineVaporComponent, on, renderEffect, setAttr, setClass, setInsertionState, template, unref } from "vue";
 import { calendarYearPickerVariants } from "@ropav/styles";
 //#region src/components/calendar-year-picker/calendar-year-picker-trigger.vue?vue&type=script&setup=true&vapor=true&lang.ts

package/dist/components/calendar-year-picker/calendar-year-picker.context.d.ts

@@ -24,17 +24,35 @@ export interface YearPickerTriggerContext {
 }
 /** The trigger's own state, for the heading and indicator inside it. */
 export declare const useYearPickerTriggerContext: () => YearPickerTriggerContext, provideYearPickerTriggerContext: (value: YearPickerTriggerContext) => YearPickerTriggerContext;
+/** One year on offer, and the place in the list that names it. */
+export interface YearPickerGridYear {
+    /**
+     * Where the year sits in the list.
+     *
+     * What identifies it, rather than the number: a Japanese or Minguo span can cross an era, and an
+     * era counts its years from one again, so 8 alone can be four of the years on offer.
+     */
+    id: number;
+    year: number;
+    formatted: string;
+    /**
+     * Whether today falls in this year.
+     *
+     * Carried here because the number alone cannot answer it: a calendar that counts its years from
+     * somewhere other than the Christian era writes this one as 8, or 2569, or 5786.
+     */
+    isCurrentYear: boolean;
+}
 export interface YearPickerGridContext {
     slots: ComputedRef<ReturnType<typeof calendarYearPickerVariants>>;
     isYearPickerOpen: ComputedRef<boolean>;
-    /** The year the grid's own keyboard navigation is sitting on. */
-    activeYear: ComputedRef<number>;
-    /** The year the calendar is focused on, which is the selected one. */
-    focusedYear: ComputedRef<number>;
-    years: ComputedRef<number[]>;
-    getFormattedYear: (year: number) => string;
-    selectYear: (year: number) => void;
-    setActiveYear: (year: number) => void;
+    /** The year the grid's own keyboard navigation is sitting on, by its place in `years`. */
+    activeId: ComputedRef<number>;
+    /** The year the calendar is focused on, which is the selected one, by the same. */
+    focusedId: ComputedRef<number>;
+    years: ComputedRef<YearPickerGridYear[]>;
+    selectYear: (id: number) => void;
+    setActiveId: (id: number) => void;
 }
 /** The list of years, for the body and cells inside it. */
 export declare const useYearPickerGridContext: () => YearPickerGridContext, provideYearPickerGridContext: (value: YearPickerGridContext) => YearPickerGridContext;

package/dist/components/calendar-year-picker/calendar-year-picker.context.js

@@ -12,12 +12,12 @@ var [useYearPickerContext, provideYearPickerContext] = createContext({
 });
 /** The trigger's own state, for the heading and indicator inside it. */
 var [useYearPickerTriggerContext, provideYearPickerTriggerContext] = createContext({
-	errorMessage: "CalendarYearPicker trigger parts must be used inside <CalendarYearPicker.Trigger>.",
+	errorMessage: "CalendarYearPicker trigger parts must be used inside <CalendarYearPickerTrigger>.",
 	name: "YearPickerTriggerContext"
 });
 /** The list of years, for the body and cells inside it. */
 var [useYearPickerGridContext, provideYearPickerGridContext] = createContext({
-	errorMessage: "CalendarYearPicker parts must be used inside <CalendarYearPicker.Grid>.",
+	errorMessage: "CalendarYearPicker parts must be used inside <CalendarYearPickerGrid>.",
 	name: "YearPickerGridContext"
 });
 //#endregion

package/dist/components/calendar-year-picker/calendar-year-picker.types.d.ts

@@ -32,12 +32,19 @@ export interface CalendarYearPickerGridBodyProps {
 }
 export interface CalendarYearPickerCellProps {
     class?: string;
-    year: number;
+    /**
+     * Which of the years on offer the cell draws, as its place in the list.
+     *
+     * The number itself will not do: a Japanese or Minguo span can cross an era, and an era counts
+     * its years from one again, so the same number can name several of the years on offer.
+     */
+    id: number;
     /** Keeps the cell out of the tab order. Defaults to whenever it is not the active year. */
     excludeFromTabOrder?: boolean;
 }
 /** State each year hands its slot, matching React's render props. */
 export interface CalendarYearPickerCellSlotProps {
+    id: number;
     year: number;
     formattedYear: string;
     isSelected: boolean;

package/dist/components/calendar-year-picker/index.d.ts

@@ -4,140 +4,6 @@ import CalendarYearPickerGrid from "./calendar-year-picker-grid.js";
 import CalendarYearPickerTriggerHeading from "./calendar-year-picker-trigger-heading.js";
 import CalendarYearPickerTriggerIndicator from "./calendar-year-picker-trigger-indicator.js";
 import CalendarYearPickerTrigger from "./calendar-year-picker-trigger.js";
-export declare const CalendarYearPicker: {
-    Cell: (__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>['props'], __VLS_ctx?: {
-        attrs: any;
-        slots: {
-            default?: (props: import("./calendar-year-picker.types.js").CalendarYearPickerCellSlotProps) => unknown;
-        };
-        emit: {};
-    }, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>['expose'], __VLS_setup?: Promise<{
-        props: import('vue').PublicProps & {
-            class?: string;
-            year: number;
-            excludeFromTabOrder?: boolean;
-        } & (typeof globalThis extends {
-            __VLS_PROPS_FALLBACK: infer P;
-        } ? P : {});
-        expose: (exposed: {}) => void;
-        attrs: any;
-        slots: {
-            default?: (props: import("./calendar-year-picker.types.js").CalendarYearPickerCellSlotProps) => unknown;
-        };
-        emit: {};
-    }>) => import('vue').VNode & {
-        __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
-    };
-    Grid: (__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>['props'], __VLS_ctx?: {
-        attrs: any;
-        slots: {
-            default?: () => unknown;
-        };
-        emit: {};
-    }, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>['expose'], __VLS_setup?: Promise<{
-        props: import('vue').PublicProps & {
-            class?: string;
-            visibleYears?: number;
-            format?: import("./index.js").CalendarYearPickerFormatOptions;
-        } & (typeof globalThis extends {
-            __VLS_PROPS_FALLBACK: infer P;
-        } ? P : {});
-        expose: (exposed: {}) => void;
-        attrs: any;
-        slots: {
-            default?: () => unknown;
-        };
-        emit: {};
-    }>) => import('vue').VNode & {
-        __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
-    };
-    GridBody: (__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>['props'], __VLS_ctx?: {
-        attrs: any;
-        slots: {
-            default?: (props: import("./calendar-year-picker.types.js").CalendarYearPickerCellSlotProps) => unknown;
-        };
-        emit: {};
-    }, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>['expose'], __VLS_setup?: Promise<{
-        props: import('vue').PublicProps & {
-            class?: string;
-        } & (typeof globalThis extends {
-            __VLS_PROPS_FALLBACK: infer P;
-        } ? P : {});
-        expose: (exposed: {}) => void;
-        attrs: any;
-        slots: {
-            default?: (props: import("./calendar-year-picker.types.js").CalendarYearPickerCellSlotProps) => unknown;
-        };
-        emit: {};
-    }>) => import('vue').VNode & {
-        __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
-    };
-    Trigger: (__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>['props'], __VLS_ctx?: {
-        attrs: any;
-        slots: {
-            default?: (props: import("./calendar-year-picker.types.js").CalendarYearPickerTriggerSlotProps) => unknown;
-        };
-        emit: {};
-    }, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>['expose'], __VLS_setup?: Promise<{
-        props: import('vue').PublicProps & {
-            class?: string;
-        } & (typeof globalThis extends {
-            __VLS_PROPS_FALLBACK: infer P;
-        } ? P : {});
-        expose: (exposed: {}) => void;
-        attrs: any;
-        slots: {
-            default?: (props: import("./calendar-year-picker.types.js").CalendarYearPickerTriggerSlotProps) => unknown;
-        };
-        emit: {};
-    }>) => import('vue').VNode & {
-        __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
-    };
-    TriggerHeading: (__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>['props'], __VLS_ctx?: {
-        attrs: any;
-        slots: {
-            default?: (props: import("./calendar-year-picker.types.js").CalendarYearPickerTriggerSlotProps) => unknown;
-        };
-        emit: {};
-    }, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>['expose'], __VLS_setup?: Promise<{
-        props: import('vue').PublicProps & {
-            class?: string;
-            offset?: import("@internationalized/date").DateDuration;
-            format?: import("./index.js").CalendarHeadingFormatOptions;
-        } & (typeof globalThis extends {
-            __VLS_PROPS_FALLBACK: infer P;
-        } ? P : {});
-        expose: (exposed: {}) => void;
-        attrs: any;
-        slots: {
-            default?: (props: import("./calendar-year-picker.types.js").CalendarYearPickerTriggerSlotProps) => unknown;
-        };
-        emit: {};
-    }>) => import('vue').VNode & {
-        __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
-    };
-    TriggerIndicator: (__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>['props'], __VLS_ctx?: {
-        attrs: any;
-        slots: {
-            default?: (props: import("./calendar-year-picker.types.js").CalendarYearPickerTriggerSlotProps) => unknown;
-        };
-        emit: {};
-    }, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>['expose'], __VLS_setup?: Promise<{
-        props: import('vue').PublicProps & {
-            class?: string;
-        } & (typeof globalThis extends {
-            __VLS_PROPS_FALLBACK: infer P;
-        } ? P : {});
-        expose: (exposed: {}) => void;
-        attrs: any;
-        slots: {
-            default?: (props: import("./calendar-year-picker.types.js").CalendarYearPickerTriggerSlotProps) => unknown;
-        };
-        emit: {};
-    }>) => import('vue').VNode & {
-        __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
-    };
-};
 export { CalendarYearPickerCell, CalendarYearPickerGrid, CalendarYearPickerGridBody, CalendarYearPickerTrigger, CalendarYearPickerTriggerHeading, CalendarYearPickerTriggerIndicator, };
 export type { CalendarYearPickerCellProps, CalendarYearPickerCellSlotProps, CalendarYearPickerGridBodyProps, CalendarYearPickerGridProps, CalendarYearPickerTriggerHeadingProps, CalendarYearPickerTriggerIndicatorProps, CalendarYearPickerTriggerProps, CalendarYearPickerTriggerSlotProps, } from "./calendar-year-picker.types.js";
 export { provideYearPickerContext, useYearPickerContext } from "./calendar-year-picker.context.js";

package/dist/components/calendar-year-picker/index.js

@@ -6,14 +6,4 @@ import calendar_year_picker_trigger_heading_default from "./calendar-year-picker
 import calendar_year_picker_trigger_indicator_default from "./calendar-year-picker-trigger-indicator.js";
 import calendar_year_picker_trigger_default from "./calendar-year-picker-trigger.js";
 import { calendarYearPickerVariants } from "@ropav/styles";
-//#region src/components/calendar-year-picker/index.ts
-var CalendarYearPicker = {
-	Cell: calendar_year_picker_cell_default,
-	Grid: calendar_year_picker_grid_default,
-	GridBody: calendar_year_picker_grid_body_default,
-	Trigger: calendar_year_picker_trigger_default,
-	TriggerHeading: calendar_year_picker_trigger_heading_default,
-	TriggerIndicator: calendar_year_picker_trigger_indicator_default
-};
-//#endregion
-export { CalendarYearPicker, calendar_year_picker_cell_default as CalendarYearPickerCell, calendar_year_picker_grid_default as CalendarYearPickerGrid, calendar_year_picker_grid_body_default as CalendarYearPickerGridBody, calendar_year_picker_trigger_default as CalendarYearPickerTrigger, calendar_year_picker_trigger_heading_default as CalendarYearPickerTriggerHeading, calendar_year_picker_trigger_indicator_default as CalendarYearPickerTriggerIndicator, calendarYearPickerVariants, provideYearPickerContext, useYearPickerContext };
+export { calendar_year_picker_cell_default as CalendarYearPickerCell, calendar_year_picker_grid_default as CalendarYearPickerGrid, calendar_year_picker_grid_body_default as CalendarYearPickerGridBody, calendar_year_picker_trigger_default as CalendarYearPickerTrigger, calendar_year_picker_trigger_heading_default as CalendarYearPickerTriggerHeading, calendar_year_picker_trigger_indicator_default as CalendarYearPickerTriggerIndicator, calendarYearPickerVariants, provideYearPickerContext, useYearPickerContext };

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

@@ -4,157 +4,7 @@ import CardFooter from "./card-footer.js";
 import CardHeader from "./card-header.js";
 import CardRoot from "./card-root.js";
 import CardTitle from "./card-title.js";
-export declare const Card: ((__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>['props'], __VLS_ctx?: {
-    attrs: any;
-    slots: {
-        default?: () => unknown;
-    };
-    emit: {};
-}, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>['expose'], __VLS_setup?: Promise<{
-    props: import('vue').PublicProps & {
-        class?: string;
-        variant?: import("@ropav/styles").CardVariants["variant"];
-    } & (typeof globalThis extends {
-        __VLS_PROPS_FALLBACK: infer P;
-    } ? P : {});
-    expose: (exposed: {}) => void;
-    attrs: any;
-    slots: {
-        default?: () => unknown;
-    };
-    emit: {};
-}>) => import('vue').VNode & {
-    __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
-}) & {
-    Content: (__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>['props'], __VLS_ctx?: {
-        attrs: any;
-        slots: {
-            default?: () => unknown;
-        };
-        emit: {};
-    }, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>['expose'], __VLS_setup?: Promise<{
-        props: import('vue').PublicProps & {
-            class?: string;
-        } & (typeof globalThis extends {
-            __VLS_PROPS_FALLBACK: infer P;
-        } ? P : {});
-        expose: (exposed: {}) => void;
-        attrs: any;
-        slots: {
-            default?: () => unknown;
-        };
-        emit: {};
-    }>) => import('vue').VNode & {
-        __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
-    };
-    Description: (__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>['props'], __VLS_ctx?: {
-        attrs: any;
-        slots: {
-            default?: () => unknown;
-        };
-        emit: {};
-    }, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>['expose'], __VLS_setup?: Promise<{
-        props: import('vue').PublicProps & {
-            class?: string;
-        } & (typeof globalThis extends {
-            __VLS_PROPS_FALLBACK: infer P;
-        } ? P : {});
-        expose: (exposed: {}) => void;
-        attrs: any;
-        slots: {
-            default?: () => unknown;
-        };
-        emit: {};
-    }>) => import('vue').VNode & {
-        __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
-    };
-    Footer: (__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>['props'], __VLS_ctx?: {
-        attrs: any;
-        slots: {
-            default?: () => unknown;
-        };
-        emit: {};
-    }, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>['expose'], __VLS_setup?: Promise<{
-        props: import('vue').PublicProps & {
-            class?: string;
-        } & (typeof globalThis extends {
-            __VLS_PROPS_FALLBACK: infer P;
-        } ? P : {});
-        expose: (exposed: {}) => void;
-        attrs: any;
-        slots: {
-            default?: () => unknown;
-        };
-        emit: {};
-    }>) => import('vue').VNode & {
-        __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
-    };
-    Header: (__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>['props'], __VLS_ctx?: {
-        attrs: any;
-        slots: {
-            default?: () => unknown;
-        };
-        emit: {};
-    }, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>['expose'], __VLS_setup?: Promise<{
-        props: import('vue').PublicProps & {
-            class?: string;
-        } & (typeof globalThis extends {
-            __VLS_PROPS_FALLBACK: infer P;
-        } ? P : {});
-        expose: (exposed: {}) => void;
-        attrs: any;
-        slots: {
-            default?: () => unknown;
-        };
-        emit: {};
-    }>) => import('vue').VNode & {
-        __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
-    };
-    Root: (__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>['props'], __VLS_ctx?: {
-        attrs: any;
-        slots: {
-            default?: () => unknown;
-        };
-        emit: {};
-    }, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>['expose'], __VLS_setup?: Promise<{
-        props: import('vue').PublicProps & {
-            class?: string;
-            variant?: import("@ropav/styles").CardVariants["variant"];
-        } & (typeof globalThis extends {
-            __VLS_PROPS_FALLBACK: infer P;
-        } ? P : {});
-        expose: (exposed: {}) => void;
-        attrs: any;
-        slots: {
-            default?: () => unknown;
-        };
-        emit: {};
-    }>) => import('vue').VNode & {
-        __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
-    };
-    Title: (__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>['props'], __VLS_ctx?: {
-        attrs: any;
-        slots: {
-            default?: () => unknown;
-        };
-        emit: {};
-    }, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>['expose'], __VLS_setup?: Promise<{
-        props: import('vue').PublicProps & {
-            class?: string;
-        } & (typeof globalThis extends {
-            __VLS_PROPS_FALLBACK: infer P;
-        } ? P : {});
-        expose: (exposed: {}) => void;
-        attrs: any;
-        slots: {
-            default?: () => unknown;
-        };
-        emit: {};
-    }>) => import('vue').VNode & {
-        __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
-    };
-};
-export { CardRoot, CardHeader, CardTitle, CardDescription, CardContent, CardFooter };
-export type { CardRootProps, CardRootProps as CardProps, CardHeaderProps, CardTitleProps, CardDescriptionProps, CardContentProps, CardFooterProps, } from "./card.types.js";
+export { CardRoot as Card, CardHeader, CardTitle, CardDescription, CardContent, CardFooter };
+export type { CardRootProps as CardProps, CardHeaderProps, CardTitleProps, CardDescriptionProps, CardContentProps, CardFooterProps, } from "./card.types.js";
 export { cardVariants } from "@ropav/styles";
 export type { CardVariants } from "@ropav/styles";

package/dist/components/card/index.js

@@ -5,14 +5,4 @@ import card_header_default from "./card-header.js";
 import card_root_default from "./card-root.js";
 import card_title_default from "./card-title.js";
 import { cardVariants } from "@ropav/styles";
-//#region src/components/card/index.ts
-var Card = Object.assign(card_root_default, {
-	Content: card_content_default,
-	Description: card_description_default,
-	Footer: card_footer_default,
-	Header: card_header_default,
-	Root: card_root_default,
-	Title: card_title_default
-});
-//#endregion
-export { Card, card_content_default as CardContent, card_description_default as CardDescription, card_footer_default as CardFooter, card_header_default as CardHeader, card_root_default as CardRoot, card_title_default as CardTitle, cardVariants };
+export { card_root_default as Card, card_content_default as CardContent, card_description_default as CardDescription, card_footer_default as CardFooter, card_header_default as CardHeader, card_title_default as CardTitle, cardVariants };