@astryx-vue/core 0.2.5 → 0.3.0

package/dist/DateRangeInput/index.d.ts

@@ -1,2 +1,2 @@
-import { $n as _default, er as DateRange, nr as DateRangeInputProps, rr as DateRangePreset, tr as DateRangeInputEmits } from "../index-B9rqmYxh.js";
+import { Ci as DateRangeInputEmits, Si as DateRange, Ti as DateRangePreset, wi as DateRangeInputProps, xi as _default } from "../index-DUaLJO7l.js";
 export { type DateRange, _default as DateRangeInput, type DateRangeInputEmits, type DateRangeInputProps, type DateRangePreset };

package/dist/DateRangeInput/index.js

@@ -1,2 +1,2 @@
-import { t as _sfc_main } from "../DateRangeInput-Cp6AZfew.js";
+import { t as _sfc_main } from "../DateRangeInput-Bqi5tlIA.js";
 export { _sfc_main as DateRangeInput };

package/dist/{DateRangeInput-Cp6AZfew.js → DateRangeInput-Bqi5tlIA.js}

@@ -1,15 +1,19 @@
+import { t as _sfc_main$2 } from "./VisuallyHidden-C7NN3VEP.js";
+import { n as useButtonTooltip } from "./Button-B6Hj_O_s.js";
+import { t as _sfc_main$3 } from "./ButtonTooltip-nWWrth8j.js";
 import { a as isRangeWithinSpan, c as resolveWeekStart, i as isDayOutsideSpan, r as formatDateRange, s as orderRange, t as applyRangeClick } from "./useDateRange-CIXoE_8k.js";
-import { a as useAstryxLocale, o as useAstryxMessages } from "./context-CPh7kE-a.js";
-import { a as weekdayNames, i as standaloneShortWeekdayNames, r as formatCalendarMonth } from "./locale-sLw5Caia.js";
+import { t as _sfc_main$4 } from "./FieldIcon--NTgW5IU.js";
+import { t as _sfc_main$5 } from "./IconButton-DDNgNl7B.js";
+import { a as useAstryxLocale, o as useAstryxMessages } from "./context-iABt_ueM.js";
+import { a as standaloneShortWeekdayNames, i as formatCalendarMonth, o as weekdayNames } from "./locale-DgkZEMTn.js";
 import { a as todayISODate, n as buildMonthGrid, t as addMonths } from "./useMonthGrid-fGHSSrFc.js";
 import { t as usePendingChange } from "./usePendingChange-ib-h8FZK.js";
-import { t as _sfc_main$2 } from "./FieldIcon--NTgW5IU.js";
-import { t as _sfc_main$3 } from "./IconButton-BNQuz9W_.js";
-import { t as _sfc_main$4 } from "./Icon-bteSId7T.js";
-import { t as _sfc_main$5 } from "./Spinner-9cYUCnDy.js";
-import { t as _sfc_main$6 } from "./Field-8zRxzDHE.js";
-import { t as _sfc_main$7 } from "./Popover-D7zqpFwU.js";
-import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, mergeModels, normalizeClass, openBlock, renderList, shallowRef, toDisplayString, unref, useId, useModel, withCtx } from "vue";
+import { t as useScrollbars } from "./useScrollbars-C2NJ6Qwq.js";
+import { t as _sfc_main$6 } from "./Icon-bteSId7T.js";
+import { t as _sfc_main$7 } from "./Spinner-9cYUCnDy.js";
+import { t as _sfc_main$8 } from "./Field-D5gUEGw4.js";
+import { t as _sfc_main$9 } from "./Popover-DJf8POzL.js";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, mergeModels, normalizeClass, openBlock, renderList, shallowRef, toDisplayString, unref, useId, useModel, useTemplateRef, withCtx } from "vue";
 import "../styles/calendar.css";
 import "../styles/date-range-input.css";
 import "../styles/bordered-control.css";
@@ -20,7 +24,7 @@ const _hoisted_3$1 = ["aria-label"];
 const _hoisted_4$1 = { class: "astryx-calendar-month-year" };
 const _hoisted_5$1 = ["aria-label"];
 const _hoisted_6$1 = { class: "astryx-date-range-months" };
-const _hoisted_7$1 = { class: "astryx-calendar-weekdays" };
+const _hoisted_7 = { class: "astryx-calendar-weekdays" };
 const _hoisted_8 = ["aria-label"];
 const _hoisted_9 = [
 	"disabled",
@@ -103,7 +107,7 @@ const _sfc_main$1 = /*@__PURE__*/ defineComponent({
 					class: "astryx-calendar-nav-button",
 					"aria-label": unref(messages).calendar.previousMonth,
 					onClick: _cache[0] || (_cache[0] = ($event) => emit("shift", -1))
-				}, [createVNode(_sfc_main$4, {
+				}, [createVNode(_sfc_main$6, {
 					icon: "chevronLeft",
 					size: "sm"
 				})], 8, _hoisted_3$1),
@@ -113,7 +117,7 @@ const _sfc_main$1 = /*@__PURE__*/ defineComponent({
 					class: "astryx-calendar-nav-button",
 					"aria-label": unref(messages).calendar.nextMonth,
 					onClick: _cache[1] || (_cache[1] = ($event) => emit("shift", 1))
-				}, [createVNode(_sfc_main$4, {
+				}, [createVNode(_sfc_main$6, {
 					icon: "chevronRight",
 					size: "sm"
 				})], 8, _hoisted_5$1)
@@ -121,7 +125,7 @@ const _sfc_main$1 = /*@__PURE__*/ defineComponent({
 				return openBlock(), createElementBlock("div", {
 					key: `${month.year}-${month.month}`,
 					class: "astryx-date-range-month"
-				}, [createElementVNode("div", _hoisted_7$1, [(openBlock(true), createElementBlock(Fragment, null, renderList(weekDays.value, (day) => {
+				}, [createElementVNode("div", _hoisted_7, [(openBlock(true), createElementBlock(Fragment, null, renderList(weekDays.value, (day) => {
 					return openBlock(), createElementBlock("div", {
 						key: day.label,
 						class: "astryx-calendar-weekday",
@@ -172,16 +176,16 @@ const _hoisted_2 = [
 	"aria-describedby",
 	"aria-invalid",
 	"aria-busy",
-	"aria-required"
+	"aria-required",
+	"aria-disabled"
 ];
 const _hoisted_3 = ["data-placeholder"];
 const _hoisted_4 = { class: "astryx-date-range-popover" };
-const _hoisted_5 = { class: "astryx-date-range-panel" };
-const _hoisted_6 = {
+const _hoisted_5 = {
 	key: 0,
 	class: "astryx-date-range-presets"
 };
-const _hoisted_7 = ["disabled", "onClick"];
+const _hoisted_6 = ["disabled", "onClick"];
 const _sfc_main = /*@__PURE__*/ defineComponent({
 	name: "AstryxDateRangeInput",
 	__name: "DateRangeInput",
@@ -206,6 +210,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 		clearLabel: {},
 		size: { default: "md" },
 		isDisabled: { type: Boolean },
+		disabledMessage: {},
 		isLoading: {
 			type: Boolean,
 			default: false
@@ -241,6 +246,13 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 		const action = usePendingChange(() => props.changeAction);
 		const busy = computed(() => props.isLoading || action.busy.value);
 		const locked = computed(() => props.isDisabled || busy.value);
+		const disabledMessageId = `${generatedId}-disabled`;
+		const disabledMessage = computed(() => props.disabledMessage?.trim() || void 0);
+		const showsDisabledMessage = computed(() => locked.value && disabledMessage.value != null);
+		const disabledTooltip = useButtonTooltip(showsDisabledMessage);
+		const containerRef = useTemplateRef("containerRef");
+		const panelEl = useTemplateRef("panelEl");
+		useScrollbars(panelEl);
 		const visibleMonths = computed(() => props.numberOfMonths ?? props.monthCount);
 		const display = computed(() => formatDateRange(model.value, locale.value));
 		const placeholder = computed(() => props.placeholder ?? messages.value.dateRangeInput.placeholder);
@@ -289,130 +301,166 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 			open.value = false;
 		}
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(_sfc_main$6, {
-				label: __props.label,
-				"input-id": inputId.value,
-				description: __props.description,
-				width: __props.width,
-				"is-label-hidden": __props.isLabelHidden,
-				"is-disabled": locked.value,
-				"is-optional": __props.isOptional,
-				"is-required": __props.isRequired,
-				"label-tooltip": __props.labelTooltip,
-				status: __props.status,
-				"status-variant": __props.statusVariant
-			}, {
-				default: withCtx((field) => [createVNode(_sfc_main$7, {
-					"is-open": open.value,
-					"is-enabled": !locked.value,
-					placement: "below",
-					alignment: "start",
-					padding: 0,
-					width: "min(40rem, calc(100vw - 16px))",
-					"has-close-button": false,
-					"is-modal": false,
-					role: "dialog",
-					label: unref(messages).dateRangeInput.dialogLabel,
-					onOpenChange
+			return openBlock(), createElementBlock(Fragment, null, [
+				createVNode(_sfc_main$8, {
+					label: __props.label,
+					"input-id": inputId.value,
+					description: __props.description,
+					width: __props.width,
+					"is-label-hidden": __props.isLabelHidden,
+					"is-disabled": locked.value,
+					"is-optional": __props.isOptional,
+					"is-required": __props.isRequired,
+					"label-tooltip": __props.labelTooltip,
+					status: __props.status,
+					"status-variant": __props.statusVariant
 				}, {
-					content: withCtx(() => [createElementVNode("div", _hoisted_4, [createElementVNode("div", _hoisted_5, [__props.presets?.length ? (openBlock(), createElementBlock("div", _hoisted_6, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.presets, (preset) => {
-						return openBlock(), createElementBlock("button", {
-							key: preset.label,
-							type: "button",
-							class: "astryx-date-range-preset",
-							disabled: presetDisabled(preset),
-							onClick: ($event) => applyPreset(preset)
-						}, toDisplayString(preset.label), 9, _hoisted_7);
-					}), 128))])) : createCommentVNode("v-if", true), createVNode(_sfc_main$1, {
-						"cursor-year": cursor.value.year,
-						"cursor-month": cursor.value.month,
-						"month-count": visibleMonths.value,
-						range: model.value,
-						pending: pending.value,
-						min: __props.min,
-						max: __props.max,
-						"date-constraints": __props.dateConstraints,
-						"min-range-span": __props.minRangeSpan,
-						"max-range-span": __props.maxRangeSpan,
-						"week-starts-on": __props.weekStartsOn,
-						onSelect,
-						onShift
-					}, null, 8, [
-						"cursor-year",
-						"cursor-month",
-						"month-count",
-						"range",
-						"pending",
-						"min",
-						"max",
-						"date-constraints",
-						"min-range-span",
-						"max-range-span",
-						"week-starts-on"
-					])])])]),
-					default: withCtx(() => [createElementVNode("div", {
-						class: "astryx-date-range-input astryx-bordered-control",
-						"data-size": __props.size,
-						"data-status": __props.status?.type,
-						"data-disabled": locked.value || void 0
-					}, [
-						createElementVNode("button", {
-							id: inputId.value,
-							type: "button",
-							class: "astryx-date-range-trigger",
-							disabled: locked.value,
-							"aria-describedby": field.describedBy,
-							"aria-invalid": __props.status?.type === "error" || void 0,
-							"aria-busy": busy.value || void 0,
-							"aria-required": __props.isRequired || void 0
-						}, [createVNode(_sfc_main$4, {
-							class: "astryx-date-range-icon",
-							icon: "calendar",
-							size: "sm"
-						}), createElementVNode("span", {
-							class: "astryx-date-range-value",
-							"data-placeholder": !display.value || void 0
-						}, toDisplayString(display.value || placeholder.value), 9, _hoisted_3)], 8, _hoisted_2),
-						__props.hasClear && model.value && !locked.value ? (openBlock(), createBlock(_sfc_main$3, {
-							key: 0,
-							class: "astryx-input-clear-button",
-							variant: "ghost",
-							size: "sm",
-							label: clearLabel.value,
-							onClick: clear
-						}, {
-							default: withCtx(() => [createVNode(_sfc_main$2, { type: "clear" })]),
-							_: 1
-						}, 8, ["label"])) : createCommentVNode("v-if", true),
-						busy.value ? (openBlock(), createBlock(_sfc_main$5, {
-							key: 1,
-							size: "sm",
-							"aria-label": unref(messages).dateInput.loading
-						}, null, 8, ["aria-label"])) : __props.status ? (openBlock(), createBlock(_sfc_main$2, {
-							key: 2,
-							type: __props.status.type
-						}, null, 8, ["type"])) : createCommentVNode("v-if", true)
-					], 8, _hoisted_1)]),
-					_: 2
-				}, 1032, [
-					"is-open",
-					"is-enabled",
-					"label"
-				])]),
-				_: 1
-			}, 8, [
-				"label",
-				"input-id",
-				"description",
-				"width",
-				"is-label-hidden",
-				"is-disabled",
-				"is-optional",
-				"is-required",
-				"label-tooltip",
-				"status",
-				"status-variant"
-			]);
+					default: withCtx((field) => [createVNode(_sfc_main$9, {
+						"is-open": open.value,
+						"is-enabled": !locked.value,
+						placement: "below",
+						alignment: "start",
+						padding: 0,
+						width: "min(40rem, calc(100vw - 16px))",
+						"has-close-button": false,
+						"is-modal": false,
+						role: "dialog",
+						label: unref(messages).dateRangeInput.dialogLabel,
+						onOpenChange
+					}, {
+						content: withCtx(() => [createElementVNode("div", _hoisted_4, [createElementVNode("div", {
+							ref_key: "panelEl",
+							ref: panelEl,
+							class: "astryx-date-range-panel"
+						}, [__props.presets?.length ? (openBlock(), createElementBlock("div", _hoisted_5, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.presets, (preset) => {
+							return openBlock(), createElementBlock("button", {
+								key: preset.label,
+								type: "button",
+								class: "astryx-date-range-preset",
+								disabled: presetDisabled(preset),
+								onClick: ($event) => applyPreset(preset)
+							}, toDisplayString(preset.label), 9, _hoisted_6);
+						}), 128))])) : createCommentVNode("v-if", true), createVNode(_sfc_main$1, {
+							"cursor-year": cursor.value.year,
+							"cursor-month": cursor.value.month,
+							"month-count": visibleMonths.value,
+							range: model.value,
+							pending: pending.value,
+							min: __props.min,
+							max: __props.max,
+							"date-constraints": __props.dateConstraints,
+							"min-range-span": __props.minRangeSpan,
+							"max-range-span": __props.maxRangeSpan,
+							"week-starts-on": __props.weekStartsOn,
+							onSelect,
+							onShift
+						}, null, 8, [
+							"cursor-year",
+							"cursor-month",
+							"month-count",
+							"range",
+							"pending",
+							"min",
+							"max",
+							"date-constraints",
+							"min-range-span",
+							"max-range-span",
+							"week-starts-on"
+						])], 512)])]),
+						default: withCtx(() => [createElementVNode("div", {
+							ref_key: "containerRef",
+							ref: containerRef,
+							class: "astryx-date-range-input astryx-bordered-control",
+							"data-size": __props.size,
+							"data-status": __props.status?.type,
+							"data-disabled": locked.value || void 0,
+							onPointerenter: _cache[2] || (_cache[2] = (...args) => unref(disabledTooltip).onPointerEnter && unref(disabledTooltip).onPointerEnter(...args)),
+							onPointerleave: _cache[3] || (_cache[3] = (...args) => unref(disabledTooltip).onPointerLeave && unref(disabledTooltip).onPointerLeave(...args))
+						}, [
+							createElementVNode("button", {
+								id: inputId.value,
+								type: "button",
+								class: "astryx-date-range-trigger",
+								disabled: locked.value && !showsDisabledMessage.value,
+								"aria-describedby": [field.describedBy, showsDisabledMessage.value ? disabledMessageId : void 0].filter(Boolean).join(" ") || void 0,
+								"aria-invalid": __props.status?.type === "error" || void 0,
+								"aria-busy": busy.value || void 0,
+								"aria-required": __props.isRequired || void 0,
+								"aria-disabled": showsDisabledMessage.value || void 0,
+								onFocus: _cache[0] || (_cache[0] = (...args) => unref(disabledTooltip).onFocus && unref(disabledTooltip).onFocus(...args)),
+								onBlur: _cache[1] || (_cache[1] = (...args) => unref(disabledTooltip).onBlur && unref(disabledTooltip).onBlur(...args))
+							}, [createVNode(_sfc_main$6, {
+								class: "astryx-date-range-icon",
+								icon: "calendar",
+								size: "sm"
+							}), createElementVNode("span", {
+								class: "astryx-date-range-value",
+								"data-placeholder": !display.value || void 0
+							}, toDisplayString(display.value || placeholder.value), 9, _hoisted_3)], 40, _hoisted_2),
+							__props.hasClear && model.value && !locked.value ? (openBlock(), createBlock(_sfc_main$5, {
+								key: 0,
+								class: "astryx-input-clear-button",
+								variant: "ghost",
+								size: "sm",
+								label: clearLabel.value,
+								onClick: clear
+							}, {
+								default: withCtx(() => [createVNode(_sfc_main$4, { type: "clear" })]),
+								_: 1
+							}, 8, ["label"])) : createCommentVNode("v-if", true),
+							busy.value ? (openBlock(), createBlock(_sfc_main$7, {
+								key: 1,
+								size: "sm",
+								"aria-label": unref(messages).dateInput.loading
+							}, null, 8, ["aria-label"])) : __props.status ? (openBlock(), createBlock(_sfc_main$4, {
+								key: 2,
+								type: __props.status.type
+							}, null, 8, ["type"])) : createCommentVNode("v-if", true)
+						], 40, _hoisted_1)]),
+						_: 2
+					}, 1032, [
+						"is-open",
+						"is-enabled",
+						"label"
+					])]),
+					_: 1
+				}, 8, [
+					"label",
+					"input-id",
+					"description",
+					"width",
+					"is-label-hidden",
+					"is-disabled",
+					"is-optional",
+					"is-required",
+					"label-tooltip",
+					"status",
+					"status-variant"
+				]),
+				showsDisabledMessage.value ? (openBlock(), createBlock(_sfc_main$2, {
+					key: 0,
+					id: disabledMessageId
+				}, {
+					default: withCtx(() => [createTextVNode(toDisplayString(disabledMessage.value), 1)]),
+					_: 1
+				})) : createCommentVNode("v-if", true),
+				showsDisabledMessage.value ? (openBlock(), createBlock(_sfc_main$3, {
+					key: 1,
+					id: `${disabledMessageId}-tooltip`,
+					anchor: containerRef.value,
+					open: unref(disabledTooltip).isOpen.value,
+					text: disabledMessage.value ?? "",
+					onPointerEnter: unref(disabledTooltip).onTooltipPointerEnter,
+					onPointerLeave: unref(disabledTooltip).onTooltipPointerLeave
+				}, null, 8, [
+					"id",
+					"anchor",
+					"open",
+					"text",
+					"onPointerEnter",
+					"onPointerLeave"
+				])) : createCommentVNode("v-if", true)
+			], 64);
 		};
 	}
 });

package/dist/DateTimeInput/index.d.ts

@@ -1,2 +1,2 @@
-import { Qn as DateTimeInputSize, Xn as DateTimeInputEmits, Yn as _default, Zn as DateTimeInputProps } from "../index-B9rqmYxh.js";
+import { _i as _default, bi as DateTimeInputSize, vi as DateTimeInputEmits, yi as DateTimeInputProps } from "../index-DUaLJO7l.js";
 export { _default as DateTimeInput, type DateTimeInputEmits, type DateTimeInputProps, type DateTimeInputSize };

package/dist/DateTimeInput/index.js

@@ -1,2 +1,2 @@
-import { t as _sfc_main } from "../DateTimeInput-B6MPPp76.js";
+import { t as _sfc_main } from "../DateTimeInput-A7m2O3bg.js";
 export { _sfc_main as DateTimeInput };

package/dist/{DateTimeInput-B6MPPp76.js → DateTimeInput-A7m2O3bg.js}

@@ -1,11 +1,12 @@
-import { o as useAstryxMessages } from "./context-CPh7kE-a.js";
-import { t as usePendingChange } from "./usePendingChange-ib-h8FZK.js";
+import { a as parseISOTime, n as formatISOTime } from "./useTimeValue-6ufHM15W.js";
 import { t as _sfc_main$1 } from "./FieldIcon--NTgW5IU.js";
-import { t as _sfc_main$2 } from "./IconButton-BNQuz9W_.js";
+import { t as _sfc_main$2 } from "./IconButton-DDNgNl7B.js";
+import { o as useAstryxMessages } from "./context-iABt_ueM.js";
+import { t as usePendingChange } from "./usePendingChange-ib-h8FZK.js";
 import { t as _sfc_main$3 } from "./Spinner-9cYUCnDy.js";
-import { t as _sfc_main$4 } from "./Field-8zRxzDHE.js";
-import { t as _sfc_main$5 } from "./DateInput-D4XFAEMp.js";
-import { t as _sfc_main$6 } from "./TimeField-Biiuv0hB.js";
+import { t as _sfc_main$4 } from "./Field-D5gUEGw4.js";
+import { t as _sfc_main$5 } from "./DateInput-DT518j5E.js";
+import { t as _sfc_main$6 } from "./TimeField-CoHDGmsP.js";
 import { computed, createBlock, createCommentVNode, createElementVNode, createVNode, defineComponent, mergeModels, openBlock, ref, unref, useId, useModel, watch, withCtx } from "vue";
 import "../styles/date-time-input.css";
 //#region src/DateTimeInput/DateTimeInput.vue
@@ -33,6 +34,15 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 		},
 		clearLabel: {},
 		size: { default: "md" },
+		hasSeconds: {
+			type: Boolean,
+			default: false
+		},
+		timeIncrement: { default: 1 },
+		timeOptionInterval: {},
+		timeLabel: {},
+		timePlaceholder: {},
+		disabledMessage: {},
 		min: {},
 		max: {},
 		dateConstraints: {},
@@ -80,17 +90,26 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 			return new Date(year, month - 1, day);
 		}
 		function parseTime(value) {
-			const time = value?.slice(11, 16) ?? "";
-			return /^\d{2}:\d{2}$/.test(time) ? time : null;
+			const parsed = parseISOTime(value?.slice(11) ?? "");
+			return parsed ? formatISOTime(parsed, props.hasSeconds) : null;
 		}
 		function formatDate(date) {
 			const month = String(date.getMonth() + 1).padStart(2, "0");
 			const day = String(date.getDate()).padStart(2, "0");
 			return `${date.getFullYear()}-${month}-${day}`;
 		}
+		/** 取 ISO 日期时间里的时间部分，给只用时间的那一半做范围限制。 */
+		function timePart(value) {
+			const raw = value?.slice(11) ?? "";
+			const parsed = parseISOTime(raw);
+			return parsed ? formatISOTime(parsed, true) : void 0;
+		}
+		const timeMin = computed(() => timePart(props.min));
+		const timeMax = computed(() => timePart(props.max));
 		const dateValue = computed(() => draftDate.value !== void 0 ? draftDate.value : parseDate(model.value));
 		const timeValue = computed(() => draftTime.value !== void 0 ? draftTime.value : parseTime(model.value));
 		const clearLabel = computed(() => messages.value.dateTimeInput.clear());
+		const resolvedTimeLabel = computed(() => props.timeLabel || messages.value.dateTimeInput.timeLabel);
 		function publish() {
 			const date = dateValue.value;
 			const time = timeValue.value;
@@ -162,6 +181,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 					"week-starts-on": __props.weekStartsOn,
 					presentation: datePresentation.value,
 					"native-picker": __props.nativePicker,
+					"disabled-message": __props.disabledMessage,
 					"onUpdate:modelValue": onDate
 				}, null, 8, [
 					"model-value",
@@ -174,33 +194,44 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 					"number-of-months",
 					"week-starts-on",
 					"presentation",
-					"native-picker"
+					"native-picker",
+					"disabled-message"
 				]), createVNode(_sfc_main$6, {
 					"model-value": timeValue.value,
-					label: unref(messages).dateTimeInput.timeLabel,
+					label: resolvedTimeLabel.value,
 					"described-by": field.describedBy,
+					placeholder: __props.timePlaceholder,
 					"hour-format": __props.hourFormat,
 					presentation: __props.presentation,
 					"native-picker": __props.nativePicker,
-					min: __props.min,
-					max: __props.max,
+					"has-seconds": __props.hasSeconds,
+					increment: __props.timeIncrement,
+					"option-interval": __props.timeOptionInterval,
+					min: timeMin.value,
+					max: timeMax.value,
 					size: __props.size,
 					"is-disabled": locked.value,
 					"is-read-only": __props.isReadOnly,
+					"disabled-message": __props.disabledMessage,
 					status: __props.status,
 					"onUpdate:modelValue": onTime
 				}, null, 8, [
 					"model-value",
 					"label",
 					"described-by",
+					"placeholder",
 					"hour-format",
 					"presentation",
 					"native-picker",
+					"has-seconds",
+					"increment",
+					"option-interval",
 					"min",
 					"max",
 					"size",
 					"is-disabled",
 					"is-read-only",
+					"disabled-message",
 					"status"
 				])]), busy.value ? (openBlock(), createBlock(_sfc_main$3, {
 					key: 0,

package/dist/Dialog/index.d.ts

@@ -1,2 +1,2 @@
-import { a as _default, c as DialogPadding, d as DialogPurpose, f as DialogVariant, i as _default$1, l as DialogPosition, n as ImperativeDialogReturn, o as DialogBlockPosition, r as useImperativeDialog, s as DialogHeaderProps, t as ImperativeDialogOptions, u as DialogProps } from "../index-xfkEuGLY.js";
+import { a as _default, c as DialogPadding, d as DialogPurpose, f as DialogVariant, i as _default$1, l as DialogPosition, n as ImperativeDialogReturn, o as DialogBlockPosition, r as useImperativeDialog, s as DialogHeaderProps, t as ImperativeDialogOptions, u as DialogProps } from "../index-CqE4Bf3Q.js";
 export { _default as Dialog, type DialogBlockPosition, _default$1 as DialogHeader, type DialogHeaderProps, type DialogPadding, type DialogPosition, type DialogProps, type DialogPurpose, type DialogVariant, type ImperativeDialogOptions, type ImperativeDialogReturn, useImperativeDialog };

package/dist/Dialog/index.js

@@ -1,3 +1,3 @@
-import { t as _sfc_main } from "../Dialog-rfUt3y8P.js";
-import { n as _sfc_main$1, t as useImperativeDialog } from "../Dialog-CvRplBo-.js";
+import { t as _sfc_main } from "../Dialog-FGHfDu5M.js";
+import { n as _sfc_main$1, t as useImperativeDialog } from "../Dialog-BiOSKQso.js";
 export { _sfc_main as Dialog, _sfc_main$1 as DialogHeader, useImperativeDialog };

package/dist/{Dialog-CvRplBo-.js → Dialog-BiOSKQso.js}

@@ -1,5 +1,5 @@
-import { n as DIALOG_CONTEXT_KEY, t as _sfc_main$1 } from "./Dialog-rfUt3y8P.js";
-import { t as _sfc_main$2 } from "./IconButton-BNQuz9W_.js";
+import { t as _sfc_main$1 } from "./IconButton-DDNgNl7B.js";
+import { n as DIALOG_CONTEXT_KEY, t as _sfc_main$2 } from "./Dialog-FGHfDu5M.js";
 import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, defineComponent, h, inject, mergeProps, normalizeClass, onBeforeUnmount, onMounted, openBlock, readonly, ref, renderSlot, shallowRef, toDisplayString, useAttrs, useId, useSlots, withCtx } from "vue";
 import "../styles/dialog-header.css";
 //#region src/Dialog/DialogHeader.vue
@@ -24,6 +24,10 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 			type: Boolean,
 			default: false
 		},
+		hasDivider: {
+			type: Boolean,
+			default: false
+		},
 		closeButtonLabel: { default: "Close" }
 	},
 	emits: ["openChange"],
@@ -47,7 +51,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 			return attrs;
 		}
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", mergeProps(rootAttrs(), { class: "astryx-dialog-header" }), [
+			return openBlock(), createElementBlock("div", mergeProps(rootAttrs(), { class: ["astryx-dialog-header", { "astryx-dialog-header--divider": __props.hasDivider }] }), [
 				slots.startContent ? (openBlock(), createElementBlock("div", _hoisted_1, [renderSlot(_ctx.$slots, "startContent")])) : createCommentVNode("v-if", true),
 				createElementVNode("div", _hoisted_2, [createElementVNode("div", {
 					id: titleId.value,
@@ -60,7 +64,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 				slots.endContent || __props.hasCloseButton ? (openBlock(), createElementBlock("div", {
 					key: 1,
 					class: normalizeClass(["astryx-dialog-header__actions", { "astryx-dialog-header__actions--compensated": __props.hasCloseButton }])
-				}, [renderSlot(_ctx.$slots, "endContent"), __props.hasCloseButton ? (openBlock(), createBlock(_sfc_main$2, {
+				}, [renderSlot(_ctx.$slots, "endContent"), __props.hasCloseButton ? (openBlock(), createBlock(_sfc_main$1, {
 					key: 0,
 					class: "astryx-dialog-header__close",
 					variant: "ghost",
@@ -117,7 +121,7 @@ function useImperativeDialog(defaultOptions = {}) {
 	const Host = defineComponent({
 		name: "AstryxImperativeDialogHost",
 		setup() {
-			return () => h(_sfc_main$1, {
+			return () => h(_sfc_main$2, {
 				...options.value,
 				isOpen: isOpen.value,
 				onOpenChange: (open) => {

package/dist/{Dialog-rfUt3y8P.js → Dialog-FGHfDu5M.js}

@@ -1,4 +1,4 @@
-import { n as useFocusTrap, t as useRestoreFocus } from "./useRestoreFocus-BvMdXVX9.js";
+import { n as useFocusTrap, t as useRestoreFocus } from "./useRestoreFocus-Djw9RUIf.js";
 import { t as useScrollLock } from "./scrollLock-BzIvIimL.js";
 import { Fragment, computed, createCommentVNode, createElementBlock, createElementVNode, defineComponent, mergeProps, normalizeStyle, onBeforeUnmount, onMounted, openBlock, provide, ref, renderSlot, useAttrs, useId, useTemplateRef, watch } from "vue";
 import "../styles/dialog.css";

package/dist/Divider/index.d.ts

@@ -1,2 +1,2 @@
-import { i as DividerVariant, n as DividerOrientation, r as DividerProps, t as _default } from "../index-HV6W3xCx.js";
+import { i as DividerVariant, n as DividerOrientation, r as DividerProps, t as _default } from "../index-Byar3h1e.js";
 export { _default as Divider, type DividerOrientation, type DividerProps, type DividerVariant };

package/dist/DropdownMenu/index.js

@@ -1,4 +1,4 @@
-import { i as _sfc_main$1, n as _sfc_main$6, o as useDropdownMenuContext, r as _sfc_main$5, s as useDropdownMenuRadioGroup } from "../useMenuDrillIn-BgjJcY3K.js";
-import { a as _sfc_main$2, i as _sfc_main$3, r as _sfc_main$4, t as _sfc_main } from "../DropdownMenu--lnUeJEG.js";
-import { t as _sfc_main$7 } from "../DropdownMenu-6E9jFdFe.js";
+import { i as _sfc_main$1, n as _sfc_main$6, o as useDropdownMenuContext, r as _sfc_main$5, s as useDropdownMenuRadioGroup } from "../useMenuDrillIn-DzKGkTho.js";
+import { a as _sfc_main$2, i as _sfc_main$3, r as _sfc_main$4, t as _sfc_main } from "../DropdownMenu-DEb2dSSP.js";
+import { t as _sfc_main$7 } from "../DropdownMenu-CoOQVlRp.js";
 export { _sfc_main as DropdownMenu, _sfc_main$1 as DropdownMenuCheckboxItem, _sfc_main$2 as DropdownMenuDivider, _sfc_main$3 as DropdownMenuGroup, _sfc_main$4 as DropdownMenuItem, _sfc_main$5 as DropdownMenuRadioGroup, _sfc_main$6 as DropdownMenuRadioItem, _sfc_main$7 as DropdownMenuSubMenu, useDropdownMenuContext, useDropdownMenuRadioGroup };