@astryx-vue/core 0.2.6 → 0.4.0

package/styles/toolbar.css

@@ -58,7 +58,10 @@
     min-width: 0;
   }
 
-  .astryx-toolbar__slot--center { justify-content: center; overflow: hidden; }
+  .astryx-toolbar__slot--center {
+    justify-content: center;
+    min-width: 0;
+  }
   .astryx-toolbar__slot--end { justify-content: flex-end; margin-inline-start: auto; }
   .astryx-toolbar--centered .astryx-toolbar__slot--end { margin-inline-start: 0; }
 }

package/styles/tree-list.css

@@ -92,7 +92,7 @@
   }
 
   @media (hover: hover) {
-    .astryx-tree-list__content[data-interactive='true']:hover::before {
+    .astryx-tree-list__content[data-interactive='true']:not([data-disabled='true']):hover::before {
       background-color: var(--astryx-color-overlay-hover, light-dark(#0000000d, #ffffff0d));
     }
 

package/styles/typeahead.css

@@ -32,6 +32,15 @@
     min-width: 0;
   }
 
+  /*
+   * 横排里 100% 会变成整行的 flex 基准，旁边的标题只剩很窄一截，文字折成两行。
+   * 没传 width 时固定 20rem，flex 不再伸长；显式 width 仍走变量。
+   */
+  .astryx-stack[data-direction='horizontal'] > .astryx-field.astryx-typeahead {
+    width: var(--astryx-field-width, 20rem);
+    flex-grow: 0;
+  }
+
   .astryx-typeahead-control {
     box-sizing: border-box;
     position: relative;
@@ -41,7 +50,7 @@
     width: 100%;
     min-width: 0;
     min-height: var(--astryx-input-height-md, 32px);
-    padding: var(--astryx-spacing-1, 4px) var(--astryx-spacing-2, 8px);
+    padding: var(--astryx-input-padding-block, var(--astryx-spacing-1, 4px)) var(--astryx-input-padding-inline, var(--astryx-spacing-2, 8px));
     border: var(--astryx-border-width, 1px) solid var(--astryx-input-status-color, var(--astryx-input-border, #d4d4d4));
     border-radius: var(--astryx-radius-element, 0.625rem);
     background: var(--astryx-input-background, #fff);
@@ -211,6 +220,30 @@
     outline: none;
   }
 
+  .astryx-typeahead-listbox[role='grid'] .astryx-typeahead-option {
+    display: grid;
+    grid-template-columns: minmax(0, 1fr) auto;
+    align-items: stretch;
+    padding: 0;
+  }
+
+  .astryx-typeahead-option-main,
+  .astryx-typeahead-option-action {
+    display: flex;
+    align-items: center;
+    min-width: 0;
+    gap: var(--astryx-spacing-2, 8px);
+  }
+
+  .astryx-typeahead-option-main {
+    padding: var(--astryx-spacing-1-5, 6px) var(--astryx-spacing-2, 8px);
+  }
+
+  .astryx-typeahead-option-action.is-active {
+    outline: var(--astryx-focus-outline-width, 2px) solid var(--astryx-focus-outline-color, currentcolor);
+    outline-offset: -2px;
+  }
+
   .astryx-typeahead-option.is-active,
   .astryx-typeahead-option:hover:not(.is-disabled) {
     background: var(--astryx-dropdown-menu-hover-background, light-dark(#0536590c, #ffffff0c));

package/styles.css

@@ -45,6 +45,7 @@
 @import './styles/indicator-focus-ring.css';
 @import './styles/kbd.css';
 @import './styles/keyboard-hint.css';
+@import './styles/layer.css';
 @import './styles/layout.css';
 @import './styles/lightbox.css';
 @import './styles/link.css';

package/dist/Blockquote-DFqBv_oJ.js

@@ -1,18 +0,0 @@
-import { createCommentVNode, createElementBlock, createElementVNode, createTextVNode, defineComponent, openBlock, renderSlot, toDisplayString } from "vue";
-import "../styles/blockquote.css";
-//#region src/Blockquote/Blockquote.vue
-const _hoisted_1 = { class: "astryx-blockquote" };
-const _hoisted_2 = { key: 0 };
-const _hoisted_3 = { class: "astryx-blockquote__cite" };
-const _sfc_main = /*@__PURE__*/ defineComponent({
-	name: "AstryxBlockquote",
-	__name: "Blockquote",
-	props: { cite: {} },
-	setup(__props) {
-		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("blockquote", _hoisted_1, [renderSlot(_ctx.$slots, "default"), _ctx.$slots.cite || __props.cite != null ? (openBlock(), createElementBlock("footer", _hoisted_2, [createElementVNode("cite", _hoisted_3, [renderSlot(_ctx.$slots, "cite", {}, () => [createTextVNode(toDisplayString(__props.cite), 1)])])])) : createCommentVNode("v-if", true)]);
-		};
-	}
-});
-//#endregion
-export { _sfc_main as t };

package/dist/Breadcrumbs-DPVaziH4.js

@@ -1,141 +0,0 @@
-import { n as useLinkComponent } from "./context-C_peZbXf.js";
-import { n as useDevWarning } from "./useDevWarning-DznOpOHT.js";
-import { t as _sfc_main$2 } from "./Icon-bteSId7T.js";
-import { t as _sfc_main$3 } from "./DropdownMenu-BEasdJ6R.js";
-import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createVNode, defineComponent, inject, mergeProps, normalizeClass, openBlock, provide, renderSlot, resolveDynamicComponent, toDisplayString, toRaw, useSlots, withCtx } from "vue";
-import "../styles/breadcrumbs.css";
-//#region src/Breadcrumbs/context.ts
-const breadcrumbContextKey = Symbol("breadcrumbContext");
-//#endregion
-//#region src/Breadcrumbs/BreadcrumbItem.vue
-const _hoisted_1$1 = {
-	class: "astryx-breadcrumb-item__separator",
-	"aria-hidden": "true"
-};
-const _hoisted_2$1 = ["aria-current"];
-const _hoisted_3 = {
-	key: 0,
-	class: "astryx-breadcrumb-item__icon"
-};
-const _hoisted_4 = {
-	key: 0,
-	class: "astryx-breadcrumb-item__icon"
-};
-const _hoisted_5 = {
-	key: 0,
-	class: "astryx-breadcrumb-item__icon"
-};
-const _hoisted_6 = {
-	key: 0,
-	class: "astryx-breadcrumb-item__icon"
-};
-const _sfc_main$1 = /*@__PURE__*/ defineComponent({
-	__name: "BreadcrumbItem",
-	props: {
-		href: {},
-		as: {},
-		isCurrent: { type: Boolean },
-		menu: {},
-		menuSize: {}
-	},
-	emits: ["click"],
-	setup(__props, { emit: __emit }) {
-		const props = __props;
-		const emit = __emit;
-		const slots = useSlots();
-		const context = inject(breadcrumbContextKey, void 0);
-		const linkComponent = useLinkComponent();
-		const variant = computed(() => context?.variant.value ?? "default");
-		const separator = computed(() => context?.separator.value ?? "/");
-		const hasMenu = computed(() => props.menu != null || slots.menu != null);
-		const classes = computed(() => ["astryx-breadcrumb-item", `astryx-breadcrumb-item--variant-${variant.value}`]);
-		const contentClasses = computed(() => ["astryx-breadcrumb-item__content", props.isCurrent && "astryx-breadcrumb-item__content--current"]);
-		const menuSize = computed(() => props.menuSize ?? (variant.value === "supporting" ? "sm" : "md"));
-		/** The link crumb keeps the anchor unless a router link is passed in or a LinkProvider supplies one. */
-		const customLink = computed(() => props.as ?? linkComponent.value);
-		const linkRoot = computed(() => customLink.value == null ? "a" : toRaw(customLink.value));
-		const rendersLink = computed(() => Boolean(props.href) && !props.isCurrent);
-		useDevWarning("BreadcrumbItem", "`menu` and `href` are mutually exclusive; `menu` takes precedence and `href` is ignored.", () => hasMenu.value && Boolean(props.href));
-		function handleClick(event) {
-			if (props.isCurrent) {
-				event.preventDefault();
-				return;
-			}
-			emit("click", event);
-		}
-		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("li", { class: normalizeClass(classes.value) }, [createElementVNode("span", _hoisted_1$1, toDisplayString(separator.value), 1), hasMenu.value ? (openBlock(), createBlock(_sfc_main$3, {
-				key: 0,
-				button: {
-					label: "Menu",
-					size: menuSize.value
-				},
-				items: slots.menu ? void 0 : __props.menu,
-				"menu-width": "max-content"
-			}, createSlots({
-				trigger: withCtx((triggerProps) => [createElementVNode("button", mergeProps({
-					type: "button",
-					class: contentClasses.value
-				}, triggerProps, { "aria-current": __props.isCurrent ? "page" : void 0 }), [
-					_ctx.$slots.startIcon ? (openBlock(), createElementBlock("span", _hoisted_3, [renderSlot(_ctx.$slots, "startIcon")])) : createCommentVNode("v-if", true),
-					renderSlot(_ctx.$slots, "default"),
-					createVNode(_sfc_main$2, {
-						class: "astryx-breadcrumb-item__chevron",
-						icon: "chevronDown",
-						size: "sm"
-					})
-				], 16, _hoisted_2$1)]),
-				_: 2
-			}, [slots.menu ? {
-				name: "default",
-				fn: withCtx(() => [renderSlot(_ctx.$slots, "menu")]),
-				key: "0"
-			} : void 0]), 1032, ["button", "items"])) : rendersLink.value ? (openBlock(), createBlock(resolveDynamicComponent(linkRoot.value), {
-				key: 1,
-				href: __props.href,
-				to: customLink.value != null ? __props.href : void 0,
-				class: "astryx-breadcrumb-item__content",
-				onClick: handleClick
-			}, {
-				default: withCtx(() => [_ctx.$slots.startIcon ? (openBlock(), createElementBlock("span", _hoisted_4, [renderSlot(_ctx.$slots, "startIcon")])) : createCommentVNode("v-if", true), renderSlot(_ctx.$slots, "default")]),
-				_: 3
-			}, 8, ["href", "to"])) : !__props.isCurrent ? (openBlock(), createElementBlock("button", {
-				key: 2,
-				type: "button",
-				class: "astryx-breadcrumb-item__content",
-				onClick: handleClick
-			}, [_ctx.$slots.startIcon ? (openBlock(), createElementBlock("span", _hoisted_5, [renderSlot(_ctx.$slots, "startIcon")])) : createCommentVNode("v-if", true), renderSlot(_ctx.$slots, "default")])) : (openBlock(), createElementBlock("span", {
-				key: 3,
-				class: normalizeClass(contentClasses.value),
-				"aria-current": "page"
-			}, [_ctx.$slots.startIcon ? (openBlock(), createElementBlock("span", _hoisted_6, [renderSlot(_ctx.$slots, "startIcon")])) : createCommentVNode("v-if", true), renderSlot(_ctx.$slots, "default")], 2))], 2);
-		};
-	}
-});
-//#endregion
-//#region src/Breadcrumbs/Breadcrumbs.vue
-const _hoisted_1 = ["aria-label"];
-const _hoisted_2 = { class: "astryx-breadcrumbs__list" };
-const _sfc_main = /*@__PURE__*/ defineComponent({
-	__name: "Breadcrumbs",
-	props: {
-		separator: { default: "/" },
-		variant: { default: "default" },
-		label: { default: "Breadcrumb" }
-	},
-	setup(__props) {
-		const props = __props;
-		provide(breadcrumbContextKey, {
-			variant: computed(() => props.variant),
-			separator: computed(() => props.separator)
-		});
-		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("nav", {
-				class: "astryx-breadcrumbs",
-				"aria-label": __props.label
-			}, [createElementVNode("ol", _hoisted_2, [renderSlot(_ctx.$slots, "default")])], 8, _hoisted_1);
-		};
-	}
-});
-//#endregion
-export { _sfc_main$1 as n, _sfc_main as t };

package/dist/ButtonGroup-ySQWanDP.js

@@ -1,125 +0,0 @@
-import { t as buttonGroupContextKey } from "./context-4PuqD1Ic.js";
-import { t as invokeNativeEventHandler } from "./eventHandlers-DUXzBWZy.js";
-import { computed, createElementBlock, defineComponent, mergeProps, onBeforeUnmount, onMounted, openBlock, provide, renderSlot, useAttrs, useTemplateRef } from "vue";
-import "../styles/button-group.css";
-//#region src/ButtonGroup/ButtonGroup.vue
-const _hoisted_1 = [
-	"aria-disabled",
-	"aria-label",
-	"data-elevation",
-	"data-orientation",
-	"data-size"
-];
-const _sfc_main = /*@__PURE__*/ defineComponent({
-	name: "ButtonGroup",
-	inheritAttrs: false,
-	__name: "ButtonGroup",
-	props: {
-		elevation: { default: "none" },
-		isDisabled: {
-			type: Boolean,
-			default: false
-		},
-		label: {},
-		orientation: { default: "horizontal" },
-		size: { default: "md" }
-	},
-	setup(__props, { expose: __expose }) {
-		const props = __props;
-		const attrs = useAttrs();
-		const element = useTemplateRef("root");
-		const orientation = computed(() => props.orientation);
-		const isDisabled = computed(() => props.isDisabled);
-		const size = computed(() => props.size);
-		provide(buttonGroupContextKey, {
-			isDisabled,
-			orientation,
-			size
-		});
-		const rootClass = computed(() => ["astryx-button-group", attrs.class]);
-		const rootStyle = computed(() => attrs.style);
-		const controlledAttrs = /* @__PURE__ */ new Set([
-			"aria-disabled",
-			"aria-label",
-			"class",
-			"onKeyDown",
-			"onKeydown",
-			"style"
-		]);
-		function getForwardedAttrs() {
-			return Object.fromEntries(Object.entries(attrs).filter(([key]) => !controlledAttrs.has(key)));
-		}
-		function getItems() {
-			const root = element.value;
-			if (root == null) return [];
-			return Array.from(root.children).filter((child) => child instanceof HTMLElement && child.classList.contains("astryx-button"));
-		}
-		function isItemDisabled(item) {
-			return item.getAttribute("aria-disabled") === "true" || item.hasAttribute("disabled") || item.disabled === true;
-		}
-		function findEnabledIndex(items, start, step, wrap) {
-			let index = start;
-			for (let visited = 0; visited < items.length; visited += 1) {
-				if (index < 0 || index >= items.length) {
-					if (!wrap) return -1;
-					index = (index + items.length) % items.length;
-				}
-				const item = items[index];
-				if (item != null && !isItemDisabled(item)) return index;
-				index += step;
-			}
-			return -1;
-		}
-		function focusItem(items, index) {
-			items[index]?.focus();
-		}
-		function handleKeydown(event) {
-			invokeNativeEventHandler(attrs.onKeydown ?? attrs.onKeyDown, event);
-			if (event.defaultPrevented || event.ctrlKey || event.metaKey || event.altKey) return;
-			if (event.key === "Escape") {
-				event.preventDefault();
-				return;
-			}
-			const items = getItems();
-			if (items.length === 0) return;
-			const activeElement = typeof document === "undefined" ? null : document.activeElement;
-			const currentIndex = items.findIndex((item) => item === activeElement || item.contains(activeElement));
-			const root = element.value;
-			const isRtl = root != null && typeof getComputedStyle !== "undefined" && getComputedStyle(root).direction === "rtl";
-			const nextKey = props.orientation === "horizontal" ? isRtl ? "ArrowLeft" : "ArrowRight" : "ArrowDown";
-			const previousKey = props.orientation === "horizontal" ? isRtl ? "ArrowRight" : "ArrowLeft" : "ArrowUp";
-			let targetIndex = -1;
-			if (event.key === nextKey) targetIndex = findEnabledIndex(items, currentIndex === -1 ? 0 : currentIndex + 1, 1, true);
-			else if (event.key === previousKey) targetIndex = findEnabledIndex(items, currentIndex === -1 ? items.length - 1 : currentIndex - 1, -1, true);
-			else if (event.key === "Home") targetIndex = findEnabledIndex(items, 0, 1, false);
-			else if (event.key === "End") targetIndex = findEnabledIndex(items, items.length - 1, -1, false);
-			else return;
-			if (targetIndex !== -1) focusItem(items, targetIndex);
-			event.preventDefault();
-		}
-		onMounted(() => {
-			element.value?.addEventListener("keydown", handleKeydown);
-		});
-		onBeforeUnmount(() => {
-			element.value?.removeEventListener("keydown", handleKeydown);
-		});
-		__expose({ element });
-		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", mergeProps({ ref: "root" }, getForwardedAttrs(), {
-				"aria-disabled": isDisabled.value || void 0,
-				"aria-label": __props.label,
-				class: rootClass.value,
-				"data-elevation": __props.elevation,
-				"data-orientation": orientation.value,
-				"data-size": size.value,
-				role: "group",
-				style: rootStyle.value
-			}), [renderSlot(_ctx.$slots, "default")], 16, _hoisted_1);
-		};
-	}
-});
-//#endregion
-//#region src/ButtonGroup/index.ts
-var ButtonGroup_default = _sfc_main;
-//#endregion
-export { _sfc_main as n, ButtonGroup_default as t };

package/dist/DateTimeInput-DHp683jZ.js

@@ -1,268 +0,0 @@
-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-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-D5gUEGw4.js";
-import { t as _sfc_main$5 } from "./DateInput-u2XKccpK.js";
-import { t as _sfc_main$6 } from "./TimeField-ByiJKBRM.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
-const _hoisted_1 = [
-	"data-size",
-	"data-status",
-	"data-disabled",
-	"aria-busy"
-];
-const _hoisted_2 = { class: "astryx-date-time-fields" };
-const _sfc_main = /*@__PURE__*/ defineComponent({
-	name: "AstryxDateTimeInput",
-	__name: "DateTimeInput",
-	props: /*@__PURE__*/ mergeModels({
-		label: {},
-		id: {},
-		description: {},
-		placeholder: {},
-		hourFormat: { default: "12h" },
-		presentation: {},
-		nativePicker: {},
-		hasClear: {
-			type: Boolean,
-			default: false
-		},
-		clearLabel: {},
-		size: { default: "md" },
-		hasSeconds: {
-			type: Boolean,
-			default: false
-		},
-		timeIncrement: { default: 1 },
-		timeOptionInterval: {},
-		timeLabel: {},
-		timePlaceholder: {},
-		disabledMessage: {},
-		min: {},
-		max: {},
-		dateConstraints: {},
-		numberOfMonths: {},
-		weekStartsOn: {},
-		isDisabled: { type: Boolean },
-		isLoading: {
-			type: Boolean,
-			default: false
-		},
-		changeAction: {},
-		isReadOnly: { type: Boolean },
-		isRequired: { type: Boolean },
-		isOptional: { type: Boolean },
-		isLabelHidden: { type: Boolean },
-		labelTooltip: {},
-		status: {},
-		statusVariant: { default: "attached" },
-		width: {}
-	}, {
-		"modelValue": { default: null },
-		"modelModifiers": {}
-	}),
-	emits: /*@__PURE__*/ mergeModels(["update:modelValue", "change"], ["update:modelValue"]),
-	setup(__props, { emit: __emit }) {
-		const props = __props;
-		const emit = __emit;
-		const model = useModel(__props, "modelValue");
-		const messages = useAstryxMessages();
-		const generatedId = `astryx-date-time-${useId()}`;
-		const draftDate = ref(void 0);
-		const draftTime = ref(void 0);
-		const action = usePendingChange(() => props.changeAction);
-		const busy = computed(() => props.isLoading || action.busy.value);
-		const locked = computed(() => props.isDisabled || busy.value);
-		const datePresentation = computed(() => {
-			const value = props.presentation;
-			if (value == null || value === "text-input") return void 0;
-			return value;
-		});
-		function parseDate(value) {
-			const date = value?.slice(0, 10) ?? "";
-			if (!/^\d{4}-\d{2}-\d{2}$/.test(date)) return null;
-			const [year, month, day] = date.split("-").map(Number);
-			return new Date(year, month - 1, day);
-		}
-		function parseTime(value) {
-			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;
-			const next = date && time ? `${formatDate(date)}T${time}` : null;
-			if (next != null) {
-				draftDate.value = void 0;
-				draftTime.value = void 0;
-			}
-			if (next !== model.value) {
-				model.value = next;
-				emit("change", next);
-				action.run(next);
-			}
-		}
-		function onDate(value) {
-			draftDate.value = value;
-			publish();
-		}
-		function onTime(value) {
-			draftTime.value = value;
-			publish();
-		}
-		function clear() {
-			draftDate.value = null;
-			draftTime.value = null;
-			if (model.value !== null) {
-				model.value = null;
-				emit("change", null);
-				action.run(null);
-			}
-		}
-		watch(model, (value) => {
-			if (value) {
-				draftDate.value = void 0;
-				draftTime.value = void 0;
-			}
-		});
-		return (_ctx, _cache) => {
-			return openBlock(), createBlock(_sfc_main$4, {
-				label: __props.label,
-				"input-id": generatedId,
-				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) => [createElementVNode("div", {
-					class: "astryx-date-time-input",
-					"data-size": __props.size,
-					"data-status": __props.status?.type,
-					"data-disabled": locked.value || void 0,
-					"aria-busy": busy.value || void 0
-				}, [createElementVNode("div", _hoisted_2, [createVNode(_sfc_main$5, {
-					id: generatedId,
-					"model-value": dateValue.value,
-					label: unref(messages).dateTimeInput.dateLabel,
-					"is-label-hidden": "",
-					placeholder: __props.placeholder,
-					disabled: locked.value,
-					size: __props.size,
-					"described-by": field.describedBy,
-					"date-constraints": __props.dateConstraints,
-					"number-of-months": __props.numberOfMonths,
-					"week-starts-on": __props.weekStartsOn,
-					presentation: datePresentation.value,
-					"native-picker": __props.nativePicker,
-					"disabled-message": __props.disabledMessage,
-					"onUpdate:modelValue": onDate
-				}, null, 8, [
-					"model-value",
-					"label",
-					"placeholder",
-					"disabled",
-					"size",
-					"described-by",
-					"date-constraints",
-					"number-of-months",
-					"week-starts-on",
-					"presentation",
-					"native-picker",
-					"disabled-message"
-				]), createVNode(_sfc_main$6, {
-					"model-value": timeValue.value,
-					label: resolvedTimeLabel.value,
-					"described-by": field.describedBy,
-					placeholder: __props.timePlaceholder,
-					"hour-format": __props.hourFormat,
-					presentation: __props.presentation,
-					"native-picker": __props.nativePicker,
-					"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,
-					size: "sm",
-					"aria-label": unref(messages).dateInput.loading
-				}, null, 8, ["aria-label"])) : __props.hasClear && (dateValue.value || timeValue.value) && !locked.value ? (openBlock(), createBlock(_sfc_main$2, {
-					key: 1,
-					class: "astryx-input-clear-button",
-					variant: "ghost",
-					size: "sm",
-					label: clearLabel.value,
-					onClick: clear
-				}, {
-					default: withCtx(() => [createVNode(_sfc_main$1, { type: "clear" })]),
-					_: 1
-				}, 8, ["label"])) : createCommentVNode("v-if", true)], 8, _hoisted_1)]),
-				_: 1
-			}, 8, [
-				"label",
-				"description",
-				"width",
-				"is-label-hidden",
-				"is-disabled",
-				"is-optional",
-				"is-required",
-				"label-tooltip",
-				"status",
-				"status-variant"
-			]);
-		};
-	}
-});
-//#endregion
-export { _sfc_main as t };