@bridge-ui/vue 0.0.8 → 0.0.10

package/dist/Components/CalendarRange/composables/useCalendarRange.js

@@ -0,0 +1,253 @@
+import { useDateAdapter as e, useDateAdapterContext as t } from "../../../Adapters/Date/useDateAdapter.js";
+import { useResolveMessage as n } from "../../../Adapters/I18n/useI18nAdapter.js";
+import { mergePartBind as r, useBridgeUIComponent as i, useBridgeUIMergedRegistryClasses as ee } from "../../../Utils/index.js";
+import { computed as a, getCurrentInstance as te, ref as o, toValue as s, useAttrs as c } from "vue";
+import { cn as l, isDateRangeValue as u, mergeBridgeUILayeredClasses as ne, splitComponentProps as re } from "@bridge-ui/core";
+import { get as d, isFunction as f, isNil as p, omit as m } from "es-toolkit/compat";
+import { roundedProps as h } from "@bridge-ui/core/Tokens/Calendar";
+//#region src/Components/CalendarRange/composables/useCalendarRange.ts
+var ie = [
+	"color",
+	"value",
+	"tokens",
+	"classes",
+	"maxDate",
+	"minDate",
+	"rounded",
+	"disabled",
+	"readOnly",
+	"timeZone",
+	"viewDate",
+	"hideYears",
+	"hideMonths",
+	"customProps",
+	"orientation",
+	"previewDate",
+	"startOfWeek",
+	"defaultValue",
+	"disableDates",
+	"disableYears",
+	"hideWeekdays",
+	"disableMonths",
+	"hideOutsideDays"
+];
+function ae(e, t, n) {
+	return p(e) ? t.now(n) : e[0];
+}
+function oe(e) {
+	return u(e) ? e : null;
+}
+function g(u, g, _) {
+	let se = c(), v = e(), y = n(), ce = t(), b = a(() => re({
+		bridgeKeys: ie,
+		props: {
+			...se,
+			...s(u)
+		}
+	})), { merged: x } = i({
+		libDefaults: g,
+		props: () => b.value.componentProps
+	}), S = a(() => x.value.customProps), C = a(() => m(b.value.inheritedAttrs, [
+		"onChange",
+		"onViewDateChange",
+		"onPreviewDateChange"
+	])), w = ee({
+		props: () => b.value.componentProps,
+		entry: a(() => {})
+	}), T = a(() => ce(x.value.timeZone)), E = a(() => s(u)), D = a(() => !p(E.value.value)), O = a(() => {
+		let e = te()?.vnode.props ?? {}, t = f(e.onViewDateChange) || f(e["onUpdate:viewDate"]);
+		return !p(E.value.viewDate) && t;
+	}), k = a(() => !p(E.value.previewDate)), A = o(x.value.defaultValue ?? null), j = o("date"), M = o(v.value.startOfMonth(p(E.value.viewDate) ? ae(E.value.value ?? x.value.defaultValue ?? null, v.value, T.value) : E.value.viewDate, T.value)), N = o(null), P = o(null), F = o("start"), I = a(() => D.value ? E.value.value ?? null : A.value), L = a(() => j.value === "year" && x.value.hideYears || j.value === "month" && x.value.hideMonths ? "date" : j.value), R = a(() => O.value ? E.value.viewDate : M.value), z = a(() => v.value.addMonths(R.value, 1, T.value)), B = a(() => k.value ? E.value.previewDate ?? null : N.value), V = a(() => String(v.value.getYear(R.value, T.value))), H = a(() => v.value.getMonthNames(T.value)[v.value.getMonth(R.value, T.value)] ?? ""), U = a(() => v.value.getMonthNames(T.value)[v.value.getMonth(z.value, T.value)] ?? ""), W = a(() => v.value.getYear(R.value, T.value)), G = a(() => v.value.getMonth(R.value, T.value)), K = a(() => p(P.value) ? Math.max(1, W.value - 7) : P.value), q = a(() => {
+		let e = ne(h, x.value.tokens?.rounded);
+		return d(e, x.value.rounded);
+	}), J = (e) => {
+		j.value = e;
+	}, le = () => {
+		P.value = Math.max(1, W.value - 7), J("year");
+	}, Y = (e) => {
+		let t = v.value.startOfMonth(e, T.value);
+		O.value || (M.value = t), _("viewDateChange", t);
+	}, ue = (e) => {
+		Y(e);
+	}, de = (e) => {
+		Y(v.value.addMonths(e, -1, T.value));
+	}, fe = (e) => {
+		let t = oe(e);
+		D.value || (A.value = t), _("change", t);
+	}, pe = (e) => {
+		k.value || (N.value = e), _("previewDateChange", e);
+	}, me = () => {
+		if (L.value === "year") {
+			P.value = Math.max(1, K.value - 15);
+			return;
+		}
+		Y(v.value.addMonths(R.value, -1, T.value));
+	}, he = () => {
+		if (L.value === "year") {
+			P.value = K.value + 15;
+			return;
+		}
+		Y(v.value.addMonths(R.value, 1, T.value));
+	}, ge = () => {
+		let e = v.value.startOfMonth(v.value.now(T.value), T.value);
+		P.value = null, Y(e), J("date");
+	}, _e = (e) => {
+		P.value = null, F.value = "start", Y(v.value.setYear(R.value, e, T.value)), J(x.value.hideMonths ? "date" : "month");
+	}, ve = () => {
+		F.value = "start", J("month");
+	}, ye = () => {
+		F.value = "end", J("month");
+	}, be = (e) => {
+		if (F.value === "end") {
+			let t = v.value.getYear(z.value, T.value), n = v.value.setMonth(v.value.setYear(R.value, t, T.value), e, T.value);
+			Y(v.value.addMonths(n, -1, T.value));
+		} else Y(v.value.setMonth(R.value, e, T.value));
+		J("date");
+	}, xe = a(() => F.value === "end" ? v.value.getYear(z.value, T.value) : W.value), Se = a(() => F.value === "end" ? v.value.getMonth(z.value, T.value) : G.value), Ce = a(() => ({
+		color: x.value.color,
+		tokens: x.value.tokens,
+		rounded: x.value.rounded,
+		maxDate: x.value.maxDate,
+		minDate: x.value.minDate,
+		disabled: x.value.disabled,
+		readOnly: x.value.readOnly,
+		timeZone: x.value.timeZone
+	})), X = a(() => x.value.orientation === "vertical"), we = a(() => r(S.value?.root, C.value, l({
+		"flex w-full flex-col overflow-hidden": !0,
+		"min-w-[38rem]": !X.value,
+		"min-w-72": X.value,
+		[w.value.root ?? ""]: !0
+	}))), Te = a(() => r(S.value?.header, {}, l({
+		"flex items-center p-2.5": !0,
+		[w.value.header ?? ""]: !0
+	}))), Ee = a(() => r(S.value?.months, {}, l({
+		"flex shrink-0 items-center gap-x-10": !0,
+		[w.value.months ?? ""]: !0
+	}))), De = a(() => r(S.value?.endHeader, {}, l({
+		"flex items-center justify-center px-2.5 pb-1 pt-2": !0,
+		[w.value.endHeader ?? ""]: !0
+	}))), Oe = a(() => r(S.value?.body, {}, l({
+		"flex min-h-64 flex-col p-2.5": !0,
+		[w.value.body ?? ""]: !0
+	}))), ke = a(() => r(S.value?.panels, {}, l({
+		"flex w-full gap-4": !0,
+		"flex-row": !X.value,
+		"flex-col": X.value,
+		[w.value.panels ?? ""]: !0
+	}))), Ae = a(() => r(S.value?.start, {}, l({
+		"flex flex-col": !0,
+		"min-w-0 flex-1": X.value,
+		"w-72 shrink-0": !X.value,
+		[w.value.start ?? ""]: !0
+	}))), je = a(() => r(S.value?.end, {}, l({
+		"flex flex-col": !0,
+		"min-w-0 flex-1": X.value,
+		"w-72 shrink-0": !X.value,
+		[w.value.end ?? ""]: !0
+	}))), Me = a(() => l({ "flex min-h-64 flex-1 flex-col": !0 })), Z = a(() => r(S.value?.selector, {
+		type: "button",
+		disabled: x.value.disabled
+	}, l({
+		"inline-flex cursor-pointer items-center gap-x-2 px-1.5 py-1 text-sm font-medium text-dark-600 hover:bg-dark-100 focus:outline-none disabled:cursor-not-allowed dark:text-dark-300 dark:hover:bg-dark-800": !0,
+		[q.value ?? ""]: !0,
+		[w.value.selector ?? ""]: !0
+	}))), Q = a(() => r(S.value?.navButton, {
+		type: "button",
+		disabled: x.value.disabled
+	}, l({
+		"inline-flex size-8 shrink-0 cursor-pointer items-center justify-center text-dark-600 hover:bg-dark-100 disabled:cursor-not-allowed dark:text-dark-300 dark:hover:bg-dark-800": !0,
+		[q.value ?? ""]: !0,
+		[w.value.navButton ?? ""]: !0
+	}))), Ne = a(() => L.value === "year" ? y("Previous years") : y("Previous month")), Pe = a(() => L.value === "year" ? y("Next years") : y("Next month")), Fe = a(() => r(S.value?.previousButton, {
+		...Q.value,
+		onClick: me,
+		type: "button",
+		disabled: x.value.disabled,
+		"aria-label": Ne.value
+	}, l({ [w.value.navButton ?? ""]: !0 }))), Ie = a(() => r(S.value?.nextButton, {
+		...Q.value,
+		onClick: he,
+		type: "button",
+		disabled: x.value.disabled,
+		"aria-label": Pe.value
+	}, l({ [w.value.navButton ?? ""]: !0 }))), Le = a(() => r(S.value?.todayButton, {
+		onClick: ge,
+		type: "button",
+		disabled: x.value.disabled,
+		"aria-label": y("Today")
+	}, l({
+		"inline-flex size-8 shrink-0 cursor-pointer items-center justify-center hover:bg-dark-100 disabled:cursor-not-allowed dark:hover:bg-dark-800": !0,
+		[q.value ?? ""]: !0,
+		[w.value.navButton ?? ""]: !0
+	}))), $ = a(() => r(S.value?.selector, void 0, {
+		...Z.value,
+		onClick: le,
+		type: "button",
+		"aria-label": y("Select year"),
+		disabled: x.value.disabled || x.value.hideYears
+	})), Re = a(() => ({
+		...r(S.value?.selector, void 0, {
+			...Z.value,
+			type: "button",
+			"aria-label": y("Select month"),
+			disabled: x.value.disabled || x.value.hideMonths
+		}),
+		onClick: ve
+	})), ze = a(() => ({
+		...r(S.value?.selector, void 0, {
+			...Z.value,
+			type: "button",
+			"aria-label": y("Select end month"),
+			disabled: x.value.disabled || x.value.hideMonths
+		}),
+		onClick: ye
+	})), Be = a(() => !x.value.hideYears), Ve = a(() => !x.value.hideMonths);
+	return {
+		view: L,
+		value: I,
+		shared: Ce,
+		merged: x,
+		showNav: a(() => !0),
+		endBind: je,
+		rootBind: we,
+		bodyBind: Oe,
+		viewDate: R,
+		viewYear: W,
+		startBind: Ae,
+		viewMonth: G,
+		yearLabel: V,
+		monthLabel: H,
+		headerBind: Te,
+		monthsBind: Ee,
+		panelsBind: ke,
+		isVertical: X,
+		endViewDate: z,
+		previewDate: B,
+		setViewDate: Y,
+		navIconBind: a(() => S.value?.navIcon),
+		monthTarget: F,
+		handleChange: fe,
+		yearPageSize: 15,
+		endMonthLabel: U,
+		endHeaderBind: De,
+		nextButtonBind: Ie,
+		pickerFillBind: Me,
+		monthPanelYear: xe,
+		todayButtonBind: Le,
+		monthPanelValue: Se,
+		yearSelectorBind: $,
+		handleYearSelect: _e,
+		showYearSelector: Be,
+		monthSelectorBind: Re,
+		handleMonthSelect: be,
+		showMonthSelector: Ve,
+		previousButtonBind: Fe,
+		endMonthSelectorBind: ze,
+		handleEndViewDateChange: de,
+		handlePreviewDateChange: pe,
+		handleStartViewDateChange: ue,
+		yearPageStart: K
+	};
+}
+//#endregion
+export { g as useCalendarRange };

package/dist/Components/CalendarRange/index.d.ts

@@ -0,0 +1,3 @@
+export type { CalendarRangeClasses, CalendarRangeColorOverrides, CalendarRangeCustomProps, CalendarRangeEmits, CalendarRangeOrientation, CalendarRangeOwnProps, CalendarRangeProps, CalendarRangeRoundedOverrides, CalendarRangeSlots, CalendarRangeTokens, CalendarRangeView, } from './calendarRange.types';
+export { default as CalendarRange } from './CalendarRange.vue';
+export { useCalendarRange } from './composables/useCalendarRange';

package/dist/Components/CalendarRange/index.js

@@ -0,0 +1,3 @@
+import { useCalendarRange as e } from "./composables/useCalendarRange.js";
+import t from "./CalendarRange.js";
+export { t as CalendarRange, e as useCalendarRange };

package/dist/Components/CalendarYear/CalendarYear.js

@@ -0,0 +1,5 @@
+import e from "./CalendarYear.vue_vue_type_script_setup_true_lang.js";
+//#region src/Components/CalendarYear/CalendarYear.vue
+var t = e;
+//#endregion
+export { t as default };

package/dist/Components/CalendarYear/CalendarYear.vue.d.ts

@@ -0,0 +1,8 @@
+import { CalendarYearOwnProps } from './calendarYear.types';
+declare const __VLS_export: import('vue').DefineComponent<CalendarYearOwnProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    change: (year: number) => any;
+}, string, import('vue').PublicProps, Readonly<CalendarYearOwnProps> & Readonly<{
+    onChange?: ((year: number) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/Components/CalendarYear/CalendarYear.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,34 @@
+import { useCalendarYear as e } from "./composables/useCalendarYear.js";
+import { Fragment as t, createElementBlock as n, createElementVNode as r, defineComponent as i, guardReactiveProps as a, mergeProps as o, normalizeProps as s, openBlock as c, renderList as l, toDisplayString as u, unref as d } from "vue";
+//#region src/Components/CalendarYear/CalendarYear.vue?vue&type=script&setup=true&lang.ts
+var f = /*@__PURE__*/ i({
+	inheritAttrs: !1,
+	__name: "CalendarYear",
+	props: {
+		classes: {},
+		color: {},
+		customProps: {},
+		disabled: { type: Boolean },
+		disableYears: {},
+		maxDate: {},
+		minDate: {},
+		pageSize: {},
+		readOnly: { type: Boolean },
+		rounded: {},
+		startYear: {},
+		timeZone: {},
+		tokens: {},
+		value: {}
+	},
+	emits: ["change"],
+	setup(i, { emit: f }) {
+		let { years: p, rootBind: m, gridBind: h, getYearBind: g } = e(i, {
+			pageSize: 15,
+			rounded: "md",
+			color: "primary"
+		}, f);
+		return (e, i) => (c(), n("div", s(a(d(m))), [r("div", s(a(d(h))), [(c(!0), n(t, null, l(d(p), (e) => (c(), n("button", o({ key: e.year }, { ref_for: !0 }, d(g)(e)), u(e.label), 17))), 128))], 16)], 16));
+	}
+});
+//#endregion
+export { f as default };

package/dist/Components/CalendarYear/calendarYear.types.d.ts

@@ -0,0 +1,141 @@
+import { ButtonHTMLAttributes, HTMLAttributes } from 'vue';
+import { CalendarColor, CalendarColorItem, CalendarRounded, MergeHtmlProps, MergeProps } from '@bridge-ui/core';
+export interface CalendarYearColorOverrides {}
+export interface CalendarYearRoundedOverrides {}
+export interface CalendarYearClasses {
+    /**
+     * Classes for the years grid.
+     */
+    grid?: string;
+    /**
+     * Classes for the root element.
+     */
+    root?: string;
+    /**
+     * Classes for each year button.
+     */
+    year?: string;
+}
+export interface CalendarYearCustomProps {
+    /**
+     * Props forwarded to the years grid.
+     *
+     * @default undefined
+     */
+    grid?: HTMLAttributes;
+    /**
+     * Props forwarded to the root element.
+     *
+     * @default undefined
+     */
+    root?: HTMLAttributes;
+    /**
+     * Props forwarded to each year button.
+     *
+     * @default undefined
+     */
+    year?: ButtonHTMLAttributes;
+}
+export interface CalendarYearEmits {
+    /**
+     * Emitted when a year is selected.
+     */
+    change: [year: number];
+}
+export interface CalendarYearTokens {
+    /**
+     * Color token map overrides.
+     */
+    color?: Record<string, Partial<CalendarColorItem>>;
+    /**
+     * Border radius token map overrides.
+     */
+    rounded?: Record<string, string>;
+}
+export interface CalendarYearOwnProps {
+    /**
+     * Classes for calendar regions.
+     *
+     * @default undefined
+     */
+    classes?: CalendarYearClasses;
+    /**
+     * Accent color for year tiles.
+     *
+     * @default "primary"
+     */
+    color?: MergeProps<CalendarColor, CalendarYearColorOverrides>;
+    /**
+     * Extra props for internal parts.
+     *
+     * @default undefined
+     */
+    customProps?: CalendarYearCustomProps;
+    /**
+     * Disables the entire year grid.
+     *
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * Years that cannot be selected.
+     *
+     * @default undefined
+     */
+    disableYears?: number[];
+    /**
+     * Latest selectable date (bounds year availability).
+     *
+     * @default undefined
+     */
+    maxDate?: Date;
+    /**
+     * Earliest selectable date (bounds year availability).
+     *
+     * @default undefined
+     */
+    minDate?: Date;
+    /**
+     * How many years to show per page.
+     *
+     * @default 15
+     */
+    pageSize?: number;
+    /**
+     * Prevents selection while keeping tiles visible.
+     *
+     * @default false
+     */
+    readOnly?: boolean;
+    /**
+     * Border radius of year tiles.
+     *
+     * @default "md"
+     */
+    rounded?: MergeProps<CalendarRounded, CalendarYearRoundedOverrides>;
+    /**
+     * First year of the visible page. Defaults around `value` / current year.
+     *
+     * @default undefined
+     */
+    startYear?: number;
+    /**
+     * IANA time zone.
+     *
+     * @default undefined
+     */
+    timeZone?: string;
+    /**
+     * Token overrides.
+     *
+     * @default undefined
+     */
+    tokens?: CalendarYearTokens;
+    /**
+     * Selected year.
+     *
+     * @default undefined
+     */
+    value?: number;
+}
+export type CalendarYearProps = MergeHtmlProps<CalendarYearOwnProps, HTMLAttributes>;

package/dist/Components/CalendarYear/composables/useCalendarYear.d.ts

@@ -0,0 +1,30 @@
+import { MaybeRefOrGetter } from 'vue';
+import { resolveCalendarDayInteractionState, LibDefaultsShape, MergeLibDefaults } from '@bridge-ui/core';
+import { CalendarYearOwnProps } from '../calendarYear.types';
+type CalendarYearLibDefaults = LibDefaultsShape<CalendarYearOwnProps, "color" | "rounded" | "pageSize">;
+type CalendarYearMerged = MergeLibDefaults<CalendarYearOwnProps, CalendarYearLibDefaults>;
+export type CalendarYearCell = {
+    disabled: boolean;
+    label: string;
+    selected: boolean;
+    state: ReturnType<typeof resolveCalendarDayInteractionState>;
+    year: number;
+};
+export declare function useCalendarYear(props: MaybeRefOrGetter<CalendarYearOwnProps>, libDefaults: CalendarYearLibDefaults, emit: (event: "change", year: number) => void): {
+    years: import('vue').ComputedRef<CalendarYearCell[]>;
+    merged: import('vue').ComputedRef<CalendarYearMerged>;
+    rootBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, Partial<Omit<CalendarYearOwnProps, "color" | "value" | "classes" | "tokens" | "customProps" | "rounded" | "disabled" | "readOnly" | "disableYears" | "maxDate" | "minDate" | "timeZone" | "pageSize" | "startYear">>>>;
+    gridBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {
+        role: string;
+    }>>;
+    pageSize: import('vue').ComputedRef<number>;
+    startYear: import('vue').ComputedRef<number>;
+    selectYear: (year: number) => void;
+    getYearBind: (cell: CalendarYearCell) => import('@bridge-ui/core').MergePartBind<object, "class", import('vue').ButtonHTMLAttributes | undefined, {
+        type: "button";
+        disabled: boolean;
+        "aria-pressed": boolean;
+        onClick: () => void;
+    }>;
+};
+export {};

package/dist/Components/CalendarYear/composables/useCalendarYear.js

@@ -0,0 +1,108 @@
+import { useDateAdapter as e, useDateAdapterContext as t } from "../../../Adapters/Date/useDateAdapter.js";
+import { mergePartBind as n, useBridgeUIComponent as r, useBridgeUIMergedRegistryClasses as i } from "../../../Utils/index.js";
+import { computed as a, toValue as o, useAttrs as s } from "vue";
+import { cn as c, isYearDisabled as l, mergeBridgeUILayeredClasses as u, resolveCalendarDayInteractionState as d, splitComponentProps as f } from "@bridge-ui/core";
+import { get as p, isNil as m, omit as h } from "es-toolkit/compat";
+import { colorProps as g, roundedProps as _ } from "@bridge-ui/core/Tokens/Calendar";
+//#region src/Components/CalendarYear/composables/useCalendarYear.ts
+var v = 15, y = [
+	"color",
+	"value",
+	"tokens",
+	"classes",
+	"maxDate",
+	"minDate",
+	"rounded",
+	"disabled",
+	"pageSize",
+	"readOnly",
+	"timeZone",
+	"startYear",
+	"customProps",
+	"disableYears"
+];
+function b(b, x, S) {
+	let C = s(), w = e(), T = t(), E = a(() => f({
+		bridgeKeys: y,
+		props: {
+			...C,
+			...o(b)
+		}
+	})), { merged: D } = r({
+		libDefaults: x,
+		props: () => E.value.componentProps
+	}), O = a(() => D.value.customProps), k = a(() => h(E.value.inheritedAttrs, ["onChange"])), A = i({
+		props: () => E.value.componentProps,
+		entry: a(() => {})
+	}), j = a(() => T(D.value.timeZone)), M = a(() => D.value.pageSize ?? v), N = a(() => {
+		if (!m(D.value.startYear)) return D.value.startYear;
+		let e = D.value.value ?? w.value.getYear(w.value.now(j.value), j.value), t = Math.floor(M.value / 2);
+		return Math.max(1, e - t);
+	}), P = a(() => u(g, D.value.tokens?.color)), F = a(() => {
+		let e = u(_, D.value.tokens?.rounded);
+		return p(e, D.value.rounded);
+	}), I = a(() => p(P.value, D.value.color)), L = a(() => Array.from({ length: M.value }, (e, t) => {
+		let n = N.value + t, r = !!D.value.disabled || l({
+			year: n,
+			adapter: w.value,
+			context: j.value,
+			maxDate: D.value.maxDate,
+			minDate: D.value.minDate,
+			disableYears: D.value.disableYears
+		}), i = !m(D.value.value) && D.value.value === n;
+		return {
+			year: n,
+			state: d({
+				disabled: r,
+				selected: i,
+				readOnly: D.value.readOnly
+			}),
+			selected: i,
+			label: String(n),
+			disabled: r || !!D.value.readOnly
+		};
+	})), R = (e) => {
+		D.value.disabled || D.value.readOnly || l({
+			year: e,
+			adapter: w.value,
+			context: j.value,
+			maxDate: D.value.maxDate,
+			minDate: D.value.minDate,
+			disableYears: D.value.disableYears
+		}) || S("change", e);
+	};
+	return {
+		years: L,
+		merged: D,
+		rootBind: a(() => n(O.value?.root, k.value, c({
+			"flex flex-col": !0,
+			[A.value.root ?? ""]: !0
+		}))),
+		gridBind: a(() => n(O.value?.grid, { role: "grid" }, c({
+			"grid grid-cols-3 gap-2": !0,
+			[A.value.grid ?? ""]: !0
+		}))),
+		pageSize: M,
+		startYear: N,
+		selectYear: R,
+		getYearBind: (e) => {
+			let t = I.value;
+			return n(O.value?.year, {
+				type: "button",
+				disabled: e.disabled,
+				"aria-pressed": e.selected,
+				onClick: () => R(e.year)
+			}, c({
+				"cursor-pointer p-2.5 text-xs uppercase transition-all duration-150 ease-in-out outline-none focus:ring-2 focus:ring-offset-2 disabled:cursor-not-allowed": !0,
+				[F.value ?? ""]: !0,
+				[t?.soft ?? ""]: e.state === "base",
+				[t?.hover ?? ""]: e.state === "base",
+				[t?.selected ?? ""]: e.state === "selected",
+				[t?.disabled ?? ""]: e.state === "disabled",
+				[A.value.year ?? ""]: !0
+			}));
+		}
+	};
+}
+//#endregion
+export { b as useCalendarYear };

package/dist/Components/CalendarYear/index.d.ts

@@ -0,0 +1,3 @@
+export type { CalendarYearClasses, CalendarYearColorOverrides, CalendarYearCustomProps, CalendarYearEmits, CalendarYearOwnProps, CalendarYearProps, CalendarYearRoundedOverrides, CalendarYearTokens, } from './calendarYear.types';
+export { default as CalendarYear } from './CalendarYear.vue';
+export { useCalendarYear, type CalendarYearCell, } from './composables/useCalendarYear';

package/dist/Components/CalendarYear/index.js

@@ -0,0 +1,3 @@
+import { useCalendarYear as e } from "./composables/useCalendarYear.js";
+import t from "./CalendarYear.js";
+export { t as CalendarYear, e as useCalendarYear };

package/dist/Components/Card/Card.vue_vue_type_script_setup_true_lang.js

@@ -1,8 +1,8 @@
-import { hasNamedSlot as e, hasSlotOrProp as t, resolveNamedSlot as n, resolveSlotOrProp as r } from "../../Utils/slotOrProp.js";
-import { useCard as i } from "./composables/useCard.js";
-import { createBlock as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, defineComponent as l, guardReactiveProps as u, mergeProps as d, normalizeProps as f, openBlock as p, resolveDynamicComponent as m, unref as h } from "vue";
+import { hasNamedSlot as e, hasSlotOrProp as t, isPropPresent as n } from "../../Utils/slotOrProp.js";
+import { useCard as r } from "./composables/useCard.js";
+import { Fragment as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createTextVNode as c, defineComponent as l, guardReactiveProps as u, mergeProps as d, normalizeProps as f, openBlock as p, renderSlot as m, toDisplayString as h, unref as g } from "vue";
 //#region src/Components/Card/Card.vue?vue&type=script&setup=true&lang.ts
-var g = /* @__PURE__ */ l({
+var _ = /*@__PURE__*/ l({
 	inheritAttrs: !1,
 	__name: "Card",
 	props: {
@@ -16,18 +16,18 @@ var g = /* @__PURE__ */ l({
 		variant: {}
 	},
 	setup(l) {
-		let { slots: g, merged: _, bodyBind: v, rootBind: y, hasFooter: b, titleBind: x, footerBind: S, headerBind: C, hasDefaultBody: w } = i(l, {
+		let { slots: _, merged: v, bodyBind: y, rootBind: b, titleBind: x, footerBind: S, headerBind: C, hasDefaultBody: w } = r(l, {
 			shadow: "sm",
 			rounded: "sm",
 			padding: "medium",
 			variant: "elevated"
 		});
-		return (i, l) => (p(), s("div", f(u(h(y))), [
-			h(e)(h(g), "header") ? (p(), a(m(h(n)(h(g), "header")), { key: 0 })) : h(t)(h(g), "title", h(_).title) ? (p(), s("div", f(d({ key: 1 }, h(C))), [c("div", f(u(h(x))), [(p(), a(m(h(r)(h(g), "title", h(_).title))))], 16), (p(), a(m(h(n)(h(g), "action"))))], 16)) : o("", !0),
-			h(w) ? (p(), s("div", f(d({ key: 2 }, h(v))), [(p(), a(m(h(n)(h(g), "default"))))], 16)) : o("", !0),
-			h(b) ? (p(), s("div", f(d({ key: 3 }, h(S))), [(p(), a(m(h(n)(h(g), "footer"))))], 16)) : o("", !0)
+		return (r, l) => (p(), o("div", f(u(g(b))), [
+			g(e)(g(_), "header") ? m(r.$slots, "header", {}, void 0, void 0, 0) : g(t)(g(_), "title", g(v).title) ? (p(), o("div", f(d({ key: 1 }, g(C))), [s("div", f(u(g(x))), [g(e)(g(_), "title") ? m(r.$slots, "title", {}, void 0, void 0, 0) : g(n)(g(v).title) ? (p(), o(i, { key: 1 }, [c(h(g(v).title), 1)], 64)) : a("", !0)], 16), m(r.$slots, "action")], 16)) : a("", !0),
+			g(w) ? (p(), o("div", f(d({ key: 2 }, g(y))), [m(r.$slots, "default")], 16)) : a("", !0),
+			g(e)(g(_), "footer") ? (p(), o("div", f(d({ key: 3 }, g(S))), [m(r.$slots, "footer")], 16)) : a("", !0)
 		], 16));
 	}
 });
 //#endregion
-export { g as default };
+export { _ as default };

package/dist/Components/Card/composables/useCard.d.ts

@@ -9,7 +9,6 @@ export declare function useCard(props: CardOwnProps, libDefaults: CardLibDefault
     merged: import('vue').ComputedRef<CardMerged>;
     bodyBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
     rootBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, Omit<CardProps, "classes" | "customProps" | "title" | "padding" | "rounded" | "shadow" | "variant" | "borderless">>>;
-    hasFooter: import('vue').ComputedRef<boolean>;
     titleBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
     footerBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
     headerBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;