@kazee-ds/vue 0.8.0 → 0.10.1

package/dist/index.js

@@ -1,6 +1,6 @@
-import { Fragment, cloneVNode, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createTextVNode, createVNode, defineComponent, getCurrentInstance, guardReactiveProps, h, inject, mergeModels, mergeProps, nextTick, normalizeClass, normalizeProps, onBeforeUnmount, onMounted, openBlock, provide, ref, renderList, renderSlot, resolveComponent, resolveDynamicComponent, shallowRef, toDisplayString, unref, useAttrs, useId, useModel, useSlots, watch, watchEffect, withCtx, withKeys, withModifiers } from "vue";
+import { Fragment, cloneVNode, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createTextVNode, createVNode, defineComponent, getCurrentInstance, guardReactiveProps, h, inject, isRef, mergeModels, mergeProps, nextTick, normalizeClass, normalizeProps, normalizeStyle, onBeforeUnmount, onMounted, openBlock, provide, ref, renderList, renderSlot, resolveComponent, resolveDynamicComponent, shallowRef, toDisplayString, unref, useAttrs, useId, useModel, useSlots, watch, watchEffect, withCtx, withKeys, withModifiers } from "vue";
 import * as Reka from "reka-ui";
-import { CheckboxIndicator, CheckboxRoot as CheckboxRoot$1, ComboboxAnchor as ComboboxAnchor$1, ComboboxContent as ComboboxContent$1, ComboboxInput as ComboboxInput$1, ComboboxItem as ComboboxItem$1, ComboboxPortal as ComboboxPortal$1, ComboboxRoot as ComboboxRoot$1, ComboboxTrigger as ComboboxTrigger$1, ComboboxViewport, DateFieldInput, DateFieldRoot, DialogClose, DialogContent as DialogContent$1, DialogDescription as DialogDescription$1, DialogOverlay, DialogPortal as DialogPortal$1, DialogRoot as DialogRoot$1, DialogTitle as DialogTitle$1, DialogTrigger as DialogTrigger$1, DropdownMenuCheckboxItem as DropdownMenuCheckboxItem$1, DropdownMenuContent as DropdownMenuContent$1, DropdownMenuGroup, DropdownMenuItem as DropdownMenuItem$1, DropdownMenuLabel, DropdownMenuPortal as DropdownMenuPortal$1, DropdownMenuRadioGroup as DropdownMenuRadioGroup$1, DropdownMenuRadioItem as DropdownMenuRadioItem$1, DropdownMenuRoot as DropdownMenuRoot$1, DropdownMenuSeparator as DropdownMenuSeparator$1, DropdownMenuSub as DropdownMenuSub$1, DropdownMenuSubContent as DropdownMenuSubContent$1, DropdownMenuSubTrigger as DropdownMenuSubTrigger$1, DropdownMenuTrigger as DropdownMenuTrigger$1, Label, ListboxContent as ListboxContent$1, ListboxGroup, ListboxItem as ListboxItem$1, ListboxItemIndicator as ListboxItemIndicator$1, ListboxRoot as ListboxRoot$1, NumberFieldDecrement, NumberFieldIncrement, NumberFieldInput as NumberFieldInput$1, NumberFieldRoot as NumberFieldRoot$1, PopoverClose, PopoverContent as PopoverContent$1, PopoverPortal as PopoverPortal$1, PopoverRoot as PopoverRoot$1, PopoverTrigger as PopoverTrigger$1, Primitive, RadioGroupItem as RadioGroupItem$1, RadioGroupRoot as RadioGroupRoot$1, RangeCalendarCell, RangeCalendarCellTrigger, RangeCalendarGrid, RangeCalendarGridBody, RangeCalendarGridHead, RangeCalendarGridRow, RangeCalendarHeadCell, RangeCalendarNext, RangeCalendarPrev, RangeCalendarRoot, SelectContent, SelectGroup, SelectItem as SelectItem$1, SelectItemIndicator as SelectItemIndicator$1, SelectItemText as SelectItemText$1, SelectPortal, SelectRoot, SelectTrigger, SelectValue, SelectViewport, SwitchRoot, TabsContent, TabsList as TabsList$1, TabsRoot, TabsTrigger, TimeFieldInput, TimeFieldRoot, ToastAction, ToastClose, ToastDescription as ToastDescription$1, ToastProvider, ToastRoot as ToastRoot$1, ToastTitle as ToastTitle$1, ToastViewport as ToastViewport$1, Toggle, ToggleGroupItem as ToggleGroupItem$1, ToggleGroupRoot as ToggleGroupRoot$1, TooltipContent as TooltipContent$1, TooltipPortal as TooltipPortal$1, TooltipProvider as TooltipProvider$1, TooltipRoot as TooltipRoot$1, TooltipTrigger as TooltipTrigger$1, useForwardExpose, useId as useId$1 } from "reka-ui";
+import { CheckboxIndicator, CheckboxRoot as CheckboxRoot$1, ComboboxAnchor, ComboboxCancel, ComboboxContent, ComboboxInput, ComboboxItem as ComboboxItem$1, ComboboxPortal as ComboboxPortal$1, ComboboxRoot, ComboboxTrigger as ComboboxTrigger$1, ComboboxViewport, DateFieldInput, DateFieldRoot, DialogClose, DialogContent as DialogContent$1, DialogDescription as DialogDescription$1, DialogOverlay, DialogPortal as DialogPortal$1, DialogRoot as DialogRoot$1, DialogTitle as DialogTitle$1, DialogTrigger as DialogTrigger$1, DropdownMenuCheckboxItem as DropdownMenuCheckboxItem$1, DropdownMenuContent as DropdownMenuContent$1, DropdownMenuGroup, DropdownMenuItem as DropdownMenuItem$1, DropdownMenuLabel, DropdownMenuPortal as DropdownMenuPortal$1, DropdownMenuRadioGroup as DropdownMenuRadioGroup$1, DropdownMenuRadioItem as DropdownMenuRadioItem$1, DropdownMenuRoot as DropdownMenuRoot$1, DropdownMenuSeparator as DropdownMenuSeparator$1, DropdownMenuSub as DropdownMenuSub$1, DropdownMenuSubContent as DropdownMenuSubContent$1, DropdownMenuSubTrigger as DropdownMenuSubTrigger$1, DropdownMenuTrigger as DropdownMenuTrigger$1, Label, ListboxContent as ListboxContent$1, ListboxGroup, ListboxItem as ListboxItem$1, ListboxItemIndicator as ListboxItemIndicator$1, ListboxRoot as ListboxRoot$1, NumberFieldDecrement, NumberFieldIncrement, NumberFieldInput as NumberFieldInput$1, NumberFieldRoot as NumberFieldRoot$1, PopoverClose, PopoverContent as PopoverContent$1, PopoverPortal as PopoverPortal$1, PopoverRoot as PopoverRoot$1, PopoverTrigger as PopoverTrigger$1, Primitive, RadioGroupItem as RadioGroupItem$1, RadioGroupRoot as RadioGroupRoot$1, RangeCalendarCell, RangeCalendarCellTrigger, RangeCalendarGrid, RangeCalendarGridBody, RangeCalendarGridHead, RangeCalendarGridRow, RangeCalendarHeadCell, RangeCalendarNext, RangeCalendarPrev, RangeCalendarRoot, SelectContent, SelectGroup, SelectItem as SelectItem$1, SelectItemIndicator as SelectItemIndicator$1, SelectItemText as SelectItemText$1, SelectPortal, SelectRoot, SelectTrigger, SelectValue, SelectViewport, SwitchRoot, TabsContent, TabsList as TabsList$1, TabsRoot, TabsTrigger, TimeFieldInput, TimeFieldRoot, ToastAction, ToastClose, ToastDescription as ToastDescription$1, ToastProvider, ToastRoot as ToastRoot$1, ToastTitle as ToastTitle$1, ToastViewport as ToastViewport$1, Toggle, ToggleGroupItem as ToggleGroupItem$1, ToggleGroupRoot as ToggleGroupRoot$1, TooltipContent as TooltipContent$1, TooltipPortal as TooltipPortal$1, TooltipProvider as TooltipProvider$1, TooltipRoot as TooltipRoot$1, TooltipTrigger as TooltipTrigger$1, injectComboboxRootContext, injectSelectRootContext, useForwardExpose, useForwardProps, useId as useId$1 } from "reka-ui";
 import { CalendarDate, endOfMonth, getLocalTimeZone, now, parseAbsolute, parseDate, parseDateTime, parseTime, parseZonedDateTime, startOfMonth, startOfWeek, toCalendarDateTime, toZoned, today } from "@internationalized/date";
 //#region src/styling.ts
 function partClasses(base, custom) {
@@ -34,7 +34,7 @@ var _hoisted_1$58 = [
 	"aria-hidden",
 	"tabindex"
 ];
-var _hoisted_2$31 = {
+var _hoisted_2$32 = {
 	viewBox: "0 0 24 24",
 	fill: "none",
 	stroke: "currentColor",
@@ -217,7 +217,7 @@ var Toast_default = /* @__PURE__ */ defineComponent({
 					createElementVNode("span", {
 						class: normalizeClass(unref(partClasses)("toast__indicator", _ctx.$props.classNames?.indicator)),
 						"aria-hidden": "true"
-					}, [renderSlot(_ctx.$slots, "indicator", { entry: __props.entry }, () => [(openBlock(), createElementBlock("svg", _hoisted_2$31, [__props.entry.isLoading ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [_cache[4] || (_cache[4] = createElementVNode("circle", {
+					}, [renderSlot(_ctx.$slots, "indicator", { entry: __props.entry }, () => [(openBlock(), createElementBlock("svg", _hoisted_2$32, [__props.entry.isLoading ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [_cache[4] || (_cache[4] = createElementVNode("circle", {
 						cx: "12",
 						cy: "12",
 						r: "9",
@@ -701,6 +701,363 @@ var SwitchRoot_default = /* @__PURE__ */ defineComponent({
 	}
 });
 //#endregion
+//#region src/combobox-policy-context.ts
+var comboboxAnchorKey = Symbol("KazeeComboboxAnchor");
+var comboboxPolicyKey = Symbol("KazeeComboboxPolicy");
+//#endregion
+//#region src/ComboboxRoot.vue
+var ComboboxRoot_default = /* @__PURE__ */ defineComponent({
+	inheritAttrs: false,
+	__name: "ComboboxRoot",
+	props: {
+		open: {
+			type: Boolean,
+			default: void 0
+		},
+		defaultOpen: { type: Boolean },
+		resetSearchTermOnBlur: { type: Boolean },
+		resetSearchTermOnSelect: { type: Boolean },
+		openOnFocus: { type: Boolean },
+		openOnClick: { type: Boolean },
+		ignoreFilter: { type: Boolean },
+		resetModelValueOnClear: { type: Boolean },
+		unmountOnHide: { type: Boolean },
+		modelValue: { default: void 0 },
+		defaultValue: {},
+		multiple: { type: Boolean },
+		dir: {},
+		disabled: { type: Boolean },
+		highlightOnHover: { type: Boolean },
+		loop: { type: Boolean },
+		by: {},
+		asChild: { type: Boolean },
+		as: {},
+		name: {},
+		required: { type: Boolean },
+		size: { default: "md" },
+		variant: { default: "primary" },
+		hideLabel: { type: Boolean },
+		fullWidth: {
+			type: Boolean,
+			default: true
+		},
+		menuTrigger: { default: void 0 },
+		selectOnFocus: { type: Boolean },
+		disallowEmptySelection: { type: Boolean },
+		maxHeight: { default: void 0 }
+	},
+	emits: ["update:modelValue", "update:open"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const { forwardRef } = useForwardExpose();
+		provideFeedbackContext();
+		const instance = getCurrentInstance();
+		const localValue = ref(props.defaultValue);
+		const localOpen = ref(props.defaultOpen ?? false);
+		const input = ref();
+		const resetRevision = ref(0);
+		const close = ref(() => updateOpen(false));
+		const controlled = (name, kebab) => Object.hasOwn(instance?.vnode.props ?? {}, name) || Object.hasOwn(instance?.vnode.props ?? {}, kebab);
+		const value = computed(() => controlled("modelValue", "model-value") ? props.modelValue : localValue.value);
+		const isOpen = computed(() => props.open ?? localOpen.value);
+		let fromInput = false;
+		const primitiveProps = useForwardProps(props);
+		const forwarded = computed(() => Object.fromEntries(Object.entries(primitiveProps.value).filter(([name]) => ![
+			"size",
+			"variant",
+			"hideLabel",
+			"fullWidth",
+			"menuTrigger",
+			"selectOnFocus",
+			"disallowEmptySelection",
+			"maxHeight"
+		].includes(name))));
+		function updateValue(next) {
+			if (props.disabled || props.disallowEmptySelection && (next == null || Array.isArray(next) && !next.length)) return;
+			localValue.value = next;
+			emit("update:modelValue", next);
+		}
+		function updateOpen(next) {
+			if (props.disabled || next && props.menuTrigger === "manual" && fromInput) return;
+			localOpen.value = next;
+			emit("update:open", next);
+		}
+		function keydown(event) {
+			if (event.isComposing) return;
+			fromInput = false;
+			if (event.key === "Escape" && isOpen.value) {
+				event.preventDefault();
+				event.stopPropagation();
+				close.value();
+				resetRevision.value++;
+			}
+		}
+		provide(comboboxPolicyKey, {
+			disabled: computed(() => !!props.disabled),
+			selectOnFocus: computed(() => !!props.selectOnFocus),
+			disallowEmptySelection: computed(() => !!props.disallowEmptySelection),
+			maxHeight: computed(() => props.maxHeight),
+			input,
+			value,
+			open: isOpen,
+			resetRevision,
+			close
+		});
+		let form;
+		function reset(event) {
+			const text = input.value?.value;
+			queueMicrotask(() => {
+				if (!event.defaultPrevented) {
+					if (!controlled("modelValue", "model-value")) localValue.value = props.defaultValue;
+					close.value();
+					resetRevision.value++;
+				} else if (input.value && text !== void 0) input.value.value = text;
+			});
+		}
+		onMounted(() => {
+			form = input.value?.form;
+			form?.addEventListener("reset", reset);
+		});
+		onBeforeUnmount(() => form?.removeEventListener("reset", reset));
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(ComboboxRoot), mergeProps({ ref: unref(forwardRef) }, {
+				...forwarded.value,
+				..._ctx.$attrs
+			}, {
+				"model-value": value.value,
+				open: isOpen.value,
+				"reset-model-value-on-clear": __props.disallowEmptySelection ? false : __props.resetModelValueOnClear,
+				"open-on-focus": __props.menuTrigger ? __props.menuTrigger === "focus" : __props.openOnFocus,
+				"open-on-click": __props.menuTrigger ? __props.menuTrigger === "focus" : __props.openOnClick,
+				class: [
+					"select combobox",
+					`select--${__props.size}`,
+					`select--${__props.variant}`,
+					__props.hideLabel && "select--label-hidden",
+					!__props.fullWidth && "select--fit"
+				],
+				onInputCapture: _cache[0] || (_cache[0] = ($event) => isRef(fromInput) ? fromInput.value = true : fromInput = true),
+				onPointerdownCapture: _cache[1] || (_cache[1] = ($event) => isRef(fromInput) ? fromInput.value = false : fromInput = false),
+				onKeydownCapture: keydown,
+				"onUpdate:modelValue": updateValue,
+				"onUpdate:open": updateOpen
+			}), {
+				default: withCtx((slotProps) => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps)))]),
+				_: 3
+			}, 16, [
+				"model-value",
+				"open",
+				"reset-model-value-on-clear",
+				"open-on-focus",
+				"open-on-click",
+				"class"
+			]);
+		};
+	}
+});
+//#endregion
+//#region src/ComboboxInput.vue
+var ComboboxInput_default = /* @__PURE__ */ defineComponent({
+	inheritAttrs: false,
+	__name: "ComboboxInput",
+	props: {
+		displayValue: { type: Function },
+		modelValue: {},
+		autoFocus: { type: Boolean },
+		disabled: { type: Boolean },
+		asChild: { type: Boolean },
+		as: {}
+	},
+	emits: ["update:modelValue"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const forwarded = useForwardProps(props);
+		const { forwardRef, currentElement } = useForwardExpose();
+		const policy = inject(comboboxPolicyKey, void 0);
+		const primitive = injectComboboxRootContext();
+		if (policy) policy.close.value = () => primitive.onOpenChange(false);
+		const anchored = inject(comboboxAnchorKey, false);
+		const feedback = inject(feedbackContextKey, void 0);
+		const draft = ref();
+		const committed = ref("");
+		let editing = false;
+		let selectClick = false;
+		function pointerDown(event) {
+			selectClick = !!policy?.selectOnFocus.value && document.activeElement !== event.target;
+			if (selectClick && !event.defaultPrevented && !policy?.disabled.value) {
+				event.preventDefault();
+				event.target.focus();
+				event.target.select();
+			}
+		}
+		function click(event) {
+			if (selectClick && !policy?.disabled.value) event.target.select();
+			selectClick = false;
+		}
+		const text = computed(() => props.modelValue ?? draft.value);
+		function updateText(value) {
+			draft.value = value;
+			if (!editing && !policy?.open.value) committed.value = value;
+			emit("update:modelValue", value);
+		}
+		function edit() {
+			editing = true;
+			queueMicrotask(() => {
+				editing = false;
+			});
+		}
+		watch(() => policy?.resetRevision.value, () => {
+			updateText(props.displayValue ? props.displayValue(policy?.value.value) : committed.value);
+		}, { flush: "post" });
+		onMounted(() => {
+			if (policy) policy.input.value = currentElement.value;
+		});
+		function focus(event) {
+			if (!policy?.open.value) committed.value = event.target.value;
+			if (policy?.selectOnFocus.value && !policy.disabled.value) event.target.select();
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(ComboboxInput), mergeProps({ ref: unref(forwardRef) }, {
+				...unref(forwarded),
+				..._ctx.$attrs
+			}, {
+				"model-value": text.value,
+				class: unref(anchored) ? "combobox__input" : "combobox__control",
+				"aria-describedby": [unref(feedback)?.describedBy.value, _ctx.$attrs["aria-describedby"]].filter(Boolean).join(" ") || void 0,
+				onFocus: focus,
+				onInputCapture: edit,
+				onPointerdownCapture: pointerDown,
+				onClick: click,
+				"onUpdate:modelValue": updateText
+			}), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, [
+				"model-value",
+				"class",
+				"aria-describedby"
+			]);
+		};
+	}
+});
+//#endregion
+//#region src/ComboboxContent.vue
+var ComboboxContent_default = /* @__PURE__ */ defineComponent({
+	inheritAttrs: false,
+	__name: "ComboboxContent",
+	props: {
+		forceMount: { type: Boolean },
+		position: {},
+		bodyLock: { type: Boolean },
+		hideWhenEmpty: { type: Boolean },
+		memoDependencies: {},
+		side: {},
+		sideOffset: {},
+		sideFlip: { type: Boolean },
+		align: {},
+		alignOffset: {},
+		alignFlip: { type: Boolean },
+		avoidCollisions: { type: Boolean },
+		collisionBoundary: {},
+		collisionPadding: {},
+		arrowPadding: {},
+		hideShiftedArrow: { type: Boolean },
+		sticky: {},
+		hideWhenDetached: { type: Boolean },
+		positionStrategy: {},
+		updatePositionStrategy: {},
+		disableUpdateOnLayoutShift: { type: Boolean },
+		prioritizePosition: { type: Boolean },
+		reference: {},
+		dir: {},
+		asChild: { type: Boolean },
+		as: {},
+		disableOutsidePointerEvents: { type: Boolean },
+		maxHeight: {}
+	},
+	setup(__props) {
+		const props = __props;
+		const { forwardRef } = useForwardExpose();
+		const policy = inject(comboboxPolicyKey, void 0);
+		const primitiveProps = useForwardProps(props);
+		const forwarded = computed(() => Object.fromEntries(Object.entries(primitiveProps.value).filter(([name]) => name !== "maxHeight")));
+		const limit = computed(() => props.maxHeight ?? policy?.maxHeight.value);
+		const style = computed(() => ({ "--selection-max-height": limit.value && Number.isFinite(limit.value) && limit.value > 0 ? `${limit.value}px` : void 0 }));
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(ComboboxContent), mergeProps({ ref: unref(forwardRef) }, {
+				...forwarded.value,
+				..._ctx.$attrs
+			}, {
+				class: "select__popover combobox__popover",
+				style: style.value,
+				onEscapeKeyDown: _cache[0] || (_cache[0] = (event) => {
+					if (!event.isComposing) event.stopPropagation();
+				})
+			}), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["style"]);
+		};
+	}
+});
+//#endregion
+//#region src/ComboboxAnchor.vue
+var ComboboxAnchor_default = /* @__PURE__ */ defineComponent({
+	inheritAttrs: false,
+	__name: "ComboboxAnchor",
+	props: {
+		reference: {},
+		asChild: { type: Boolean },
+		as: {}
+	},
+	setup(__props) {
+		const forwarded = useForwardProps(__props);
+		const { forwardRef } = useForwardExpose();
+		provide(comboboxAnchorKey, true);
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(ComboboxAnchor), mergeProps({ ref: unref(forwardRef) }, {
+				...unref(forwarded),
+				..._ctx.$attrs
+			}, { class: "combobox__group combobox__control" }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16);
+		};
+	}
+});
+//#endregion
+//#region src/ComboboxClearButton.vue
+var ComboboxClearButton_default = /* @__PURE__ */ defineComponent({
+	inheritAttrs: false,
+	__name: "ComboboxClearButton",
+	props: {
+		asChild: { type: Boolean },
+		as: {}
+	},
+	setup(__props) {
+		const forwarded = useForwardProps(__props);
+		const { forwardRef } = useForwardExpose();
+		const policy = inject(comboboxPolicyKey, void 0);
+		return (_ctx, _cache) => {
+			return !unref(policy)?.disallowEmptySelection.value ? (openBlock(), createBlock(unref(ComboboxCancel), mergeProps({
+				key: 0,
+				ref: unref(forwardRef)
+			}, {
+				...unref(forwarded),
+				..._ctx.$attrs
+			}, {
+				class: "combobox__clear",
+				disabled: unref(policy)?.disabled.value || _ctx.$attrs.disabled === true || _ctx.$attrs.disabled === ""
+			}), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["disabled"])) : createCommentVNode("", true);
+		};
+	}
+});
+//#endregion
 //#region src/ToastCloseButton.vue
 var ToastCloseButton_default = /* @__PURE__ */ defineComponent({
 	__name: "ToastCloseButton",
@@ -962,7 +1319,7 @@ var FieldError_default = /* @__PURE__ */ defineComponent({
 //#endregion
 //#region src/InputRoot.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1$51 = ["dir"];
-var _hoisted_2$30 = ["for"];
+var _hoisted_2$31 = ["for"];
 //#endregion
 //#region src/InputRoot.vue
 var InputRoot_default = /* @__PURE__ */ defineComponent({
@@ -1025,7 +1382,7 @@ var InputRoot_default = /* @__PURE__ */ defineComponent({
 				key: 0,
 				for: unref(id),
 				class: normalizeClass(unref(partClasses)("input__label", __props.classNames?.label))
-			}, toDisplayString(__props.label), 11, _hoisted_2$30)) : createCommentVNode("", true), renderSlot(_ctx.$slots, "default")], 16, _hoisted_1$51);
+			}, toDisplayString(__props.label), 11, _hoisted_2$31)) : createCommentVNode("", true), renderSlot(_ctx.$slots, "default")], 16, _hoisted_1$51);
 		};
 	}
 });
@@ -1097,6 +1454,46 @@ var TextareaControl_default = /* @__PURE__ */ defineComponent({
 	}
 });
 //#endregion
+//#region src/DialogHeader.vue
+var DialogHeader_default = /* @__PURE__ */ defineComponent({
+	__name: "DialogHeader",
+	props: {
+		as: { default: "div" },
+		divided: { type: Boolean }
+	},
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(resolveDynamicComponent(__props.as), {
+				class: "overlay__header",
+				"data-divided": __props.divided || void 0
+			}, {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 8, ["data-divided"]);
+		};
+	}
+});
+//#endregion
+//#region src/DialogFooter.vue
+var DialogFooter_default = /* @__PURE__ */ defineComponent({
+	__name: "DialogFooter",
+	props: {
+		as: { default: "div" },
+		divided: { type: Boolean }
+	},
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(resolveDynamicComponent(__props.as), {
+				class: "overlay__footer",
+				"data-divided": __props.divided || void 0
+			}, {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 8, ["data-divided"]);
+		};
+	}
+});
+//#endregion
 //#region src/sidebar-composition-context.ts
 var sidebarCompositionKey = Symbol("KazeeSidebarComposition");
 //#endregion
@@ -1160,7 +1557,7 @@ var BadgeAnchor_default = /* @__PURE__ */ defineComponent({
 //#endregion
 //#region src/SelectRoot.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1$49 = ["dir", "data-multiple"];
-var _hoisted_2$29 = ["id", "for"];
+var _hoisted_2$30 = ["id", "for"];
 //#endregion
 //#region src/SelectRoot.vue
 var SelectRoot_default = /* @__PURE__ */ defineComponent({
@@ -1259,7 +1656,7 @@ var SelectRoot_default = /* @__PURE__ */ defineComponent({
 				id: `${unref(id)}-label`,
 				for: unref(id),
 				class: normalizeClass(unref(partClasses)("select__label", __props.classNames?.label))
-			}, toDisplayString(__props.label), 11, _hoisted_2$29)) : createCommentVNode("", true), createVNode(unref(SelectRoot), {
+			}, toDisplayString(__props.label), 11, _hoisted_2$30)) : createCommentVNode("", true), createVNode(unref(SelectRoot), {
 				"model-value": multiple.value ? value.value ?? [] : value.value ?? "",
 				multiple: multiple.value,
 				disabled: __props.disabled,
@@ -1336,7 +1733,7 @@ var SelectTrigger_default = /* @__PURE__ */ defineComponent({
 //#endregion
 //#region src/SelectClearButton.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1$48 = ["data-empty", "data-disabled"];
-var _hoisted_2$28 = ["disabled", "data-empty"];
+var _hoisted_2$29 = ["disabled", "data-empty"];
 //#endregion
 //#region src/SelectClearButton.vue
 var SelectClearButton_default = /* @__PURE__ */ defineComponent({
@@ -1367,7 +1764,36 @@ var SelectClearButton_default = /* @__PURE__ */ defineComponent({
 				disabled: unref(context).disabled.value || unref(context).empty.value,
 				"data-empty": unref(context).empty.value || void 0,
 				onClick: clear
-			}, [renderSlot(_ctx.$slots, "default", {}, () => [createVNode(CloseIcon_default, { class: "selection__close-icon" })])], 8, _hoisted_2$28));
+			}, [renderSlot(_ctx.$slots, "default", {}, () => [createVNode(CloseIcon_default, { class: "selection__close-icon" })])], 8, _hoisted_2$29));
+		};
+	}
+});
+//#endregion
+//#region src/SelectionPopoverContent.vue
+var SelectionPopoverContent_default = /* @__PURE__ */ defineComponent({
+	inheritAttrs: false,
+	__name: "SelectionPopoverContent",
+	emits: ["escapeKeyDown"],
+	setup(__props, { emit: __emit }) {
+		const emit = __emit;
+		const state = injectSelectRootContext();
+		const { forwardRef } = useForwardExpose();
+		function keydown(event) {
+			if (event.key !== "Escape" || event.isComposing || !state.open.value || event.defaultPrevented) return;
+			emit("escapeKeyDown", event);
+			if (event.defaultPrevented) return;
+			event.preventDefault();
+			event.stopPropagation();
+			state.onOpenChange(false);
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(SelectContent), mergeProps({ ref: unref(forwardRef) }, _ctx.$attrs, {
+				onKeydownCapture: keydown,
+				onEscapeKeyDown: _cache[0] || (_cache[0] = ($event) => emit("escapeKeyDown", $event))
+			}), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16);
 		};
 	}
 });
@@ -1376,16 +1802,23 @@ var SelectClearButton_default = /* @__PURE__ */ defineComponent({
 var SelectPopover_default = /* @__PURE__ */ defineComponent({
 	inheritAttrs: false,
 	__name: "SelectPopover",
+	props: { maxHeight: {} },
 	setup(__props) {
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(unref(SelectPortal), null, {
-				default: withCtx(() => [createVNode(unref(SelectContent), mergeProps({
+				default: withCtx(() => [createVNode(SelectionPopoverContent_default, mergeProps({
 					position: "popper",
 					"side-offset": 4
-				}, _ctx.$attrs, { class: "select__popover" }), {
+				}, _ctx.$attrs, {
+					class: "select__popover",
+					style: { "--selection-max-height": __props.maxHeight && Number.isFinite(__props.maxHeight) && __props.maxHeight > 0 ? `${__props.maxHeight}px` : void 0 },
+					onEscapeKeyDown: _cache[0] || (_cache[0] = (event) => {
+						if (!event.isComposing) event.stopPropagation();
+					})
+				}), {
 					default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
 					_: 3
-				}, 16)]),
+				}, 16, ["style"])]),
 				_: 3
 			});
 		};
@@ -1540,16 +1973,11 @@ var NumberFieldRoot = /* @__PURE__ */ styledPrimitive(Reka.NumberFieldRoot, "Num
 var NumberFieldInput = /* @__PURE__ */ styledPrimitive(Reka.NumberFieldInput, "NumberFieldInput", "number-field__control");
 var NumberFieldIncrementButton = /* @__PURE__ */ styledPrimitive(Reka.NumberFieldIncrement, "NumberFieldIncrementButton", "number-field__step");
 var NumberFieldDecrementButton = /* @__PURE__ */ styledPrimitive(Reka.NumberFieldDecrement, "NumberFieldDecrementButton", "number-field__step");
-var ComboboxRoot = /* @__PURE__ */ styledPrimitive(Reka.ComboboxRoot, "ComboboxRoot", "select combobox");
-var ComboboxInput = /* @__PURE__ */ styledPrimitive(Reka.ComboboxInput, "ComboboxInput", "combobox__control");
 var ComboboxTrigger = /* @__PURE__ */ styledPrimitive(Reka.ComboboxTrigger, "ComboboxTrigger", "combobox__toggle");
-var ComboboxContent = /* @__PURE__ */ styledPrimitive(Reka.ComboboxContent, "ComboboxContent", "select__popover");
 var ComboboxItem = /* @__PURE__ */ styledPrimitive(Reka.ComboboxItem, "ComboboxItem", "select__item");
 var ComboboxItemIndicator = /* @__PURE__ */ styledPrimitive(Reka.ComboboxItemIndicator, "ComboboxItemIndicator", "select__check", () => h(CheckIcon_default));
 var ComboboxSection = /* @__PURE__ */ styledPrimitive(Reka.ComboboxGroup, "ComboboxSection", "select__section");
 var ComboboxSectionLabel = /* @__PURE__ */ styledPrimitive(Reka.ComboboxLabel, "ComboboxSectionLabel", "select__label");
-var ComboboxAnchor = /* @__PURE__ */ styledPrimitive(Reka.ComboboxAnchor, "ComboboxAnchor", "combobox__group");
-var ComboboxClearButton = /* @__PURE__ */ styledPrimitive(Reka.ComboboxCancel, "ComboboxClearButton", "combobox__clear");
 var DialogTrigger = /* @__PURE__ */ styledPrimitive(Reka.DialogTrigger, "DialogTrigger", "button button--secondary");
 var DialogBackdrop = /* @__PURE__ */ styledPrimitive(Reka.DialogOverlay, "DialogBackdrop", "dialog__backdrop dialog__viewport");
 var DialogContent = /* @__PURE__ */ styledPrimitive(Reka.DialogContent, "DialogContent", "dialog__panel dialog__content");
@@ -1620,9 +2048,7 @@ var TableFooter = /* @__PURE__ */ contentPart("TableFooter", "tfoot", "table__fo
 var TableRow = /* @__PURE__ */ contentPart("TableRow", "tr", "table__row");
 var TableColumn = /* @__PURE__ */ contentPart("TableColumn", "th", "table__header", { scope: "col" });
 var TableCell = /* @__PURE__ */ contentPart("TableCell", "td", "table__cell");
-var DialogHeader = /* @__PURE__ */ contentPart("DialogHeader", "div", "overlay__header");
 var DialogBody = /* @__PURE__ */ contentPart("DialogBody", "div", "overlay__body");
-var DialogFooter = /* @__PURE__ */ contentPart("DialogFooter", "div", "overlay__footer");
 var PopoverHeading = /* @__PURE__ */ contentPart("PopoverHeading", "h2", "overlay__title");
 var PopoverBody = /* @__PURE__ */ contentPart("PopoverBody", "div", "overlay__body");
 var PopoverFooter = /* @__PURE__ */ contentPart("PopoverFooter", "div", "overlay__footer");
@@ -2075,7 +2501,7 @@ var ToggleButtonGroup_default = /* @__PURE__ */ defineComponent({
 //#endregion
 //#region src/FieldFeedback.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1$41 = ["id"];
-var _hoisted_2$27 = ["id"];
+var _hoisted_2$28 = ["id"];
 //#endregion
 //#region src/FieldFeedback.vue
 var FieldFeedback_default = /* @__PURE__ */ defineComponent({
@@ -2100,7 +2526,7 @@ var FieldFeedback_default = /* @__PURE__ */ defineComponent({
 				key: 1,
 				id: `${__props.controlId}-error`,
 				class: normalizeClass(unref(partClasses)("input__error", _ctx.$props.classNames?.error))
-			}, toDisplayString(__props.errorMessage), 11, _hoisted_2$27)) : createCommentVNode("", true)], 2)) : createCommentVNode("", true);
+			}, toDisplayString(__props.errorMessage), 11, _hoisted_2$28)) : createCommentVNode("", true)], 2)) : createCommentVNode("", true);
 		};
 	}
 });
@@ -2175,7 +2601,7 @@ function filterOptions(options, query) {
 //#endregion
 //#region src/Select.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1$39 = ["data-multiple", "dir"];
-var _hoisted_2$26 = ["for"];
+var _hoisted_2$27 = ["for"];
 var _hoisted_3$21 = ["data-clearable"];
 var _hoisted_4$15 = [
 	"data-empty",
@@ -2197,6 +2623,7 @@ var Select_default = /* @__PURE__ */ defineComponent({
 		classNames: {},
 		label: {},
 		options: {},
+		maxHeight: { default: void 0 },
 		size: { default: "md" },
 		variant: { default: "primary" },
 		hideLabel: { type: Boolean },
@@ -2293,7 +2720,7 @@ var Select_default = /* @__PURE__ */ defineComponent({
 					key: 0,
 					class: normalizeClass(unref(partClasses)("selection__required", _ctx.$props.classNames?.required)),
 					"aria-hidden": "true"
-				}, " *", 2)) : createCommentVNode("", true)], 10, _hoisted_2$26),
+				}, " *", 2)) : createCommentVNode("", true)], 10, _hoisted_2$27),
 				createVNode(unref(SelectRoot), {
 					"model-value": multiple.value ? ids.value : ids.value[0] ?? "",
 					multiple: multiple.value,
@@ -2344,10 +2771,14 @@ var Select_default = /* @__PURE__ */ defineComponent({
 						disabled: __props.disabled || ids.value.length === 0,
 						onClick: clear
 					}, [createVNode(CloseIcon_default, { class: normalizeClass(unref(partClasses)("selection__close-icon", _ctx.$props.classNames?.closeIcon)) }, null, 8, ["class"])], 10, _hoisted_4$15)) : createCommentVNode("", true)], 10, _hoisted_3$21), createVNode(unref(SelectPortal), null, {
-						default: withCtx(() => [createVNode(unref(SelectContent), {
+						default: withCtx(() => [createVNode(SelectionPopoverContent_default, {
+							style: normalizeStyle({ "--selection-max-height": __props.maxHeight && Number.isFinite(__props.maxHeight) && __props.maxHeight > 0 ? `${__props.maxHeight}px` : void 0 }),
 							class: normalizeClass(unref(partClasses)("select__popover", _ctx.$props.classNames?.popover)),
 							position: "popper",
 							"side-offset": 4,
+							onEscapeKeyDown: _cache[0] || (_cache[0] = (event) => {
+								if (!event.isComposing) event.stopPropagation();
+							}),
 							onCloseAutoFocus: afterClose
 						}, {
 							default: withCtx(() => [createVNode(unref(SelectViewport), { class: normalizeClass(unref(partClasses)("select__list", _ctx.$props.classNames?.list)) }, {
@@ -2377,7 +2808,7 @@ var Select_default = /* @__PURE__ */ defineComponent({
 								_: 3
 							}, 8, ["class"])]),
 							_: 3
-						}, 8, ["class"])]),
+						}, 8, ["style", "class"])]),
 						_: 3
 					})]),
 					_: 3
@@ -2416,7 +2847,7 @@ var Select_default = /* @__PURE__ */ defineComponent({
 					"has-value": ids.value.length > 0,
 					required: __props.required,
 					disabled: __props.disabled,
-					onInvalid: _cache[0] || (_cache[0] = ($event) => {
+					onInvalid: _cache[1] || (_cache[1] = ($event) => {
 						tried.value = true;
 						focus();
 					}),
@@ -2497,7 +2928,7 @@ var SelectGroup_default = /* @__PURE__ */ defineComponent({
 //#endregion
 //#region src/Input.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1$38 = ["dir"];
-var _hoisted_2$25 = ["disabled"];
+var _hoisted_2$26 = ["disabled"];
 var _hoisted_3$20 = ["data-invalid", "data-readonly"];
 var _hoisted_4$14 = [
 	"id",
@@ -2705,7 +3136,7 @@ var Input_default = /* @__PURE__ */ defineComponent({
 						disabled: __props.disabled,
 						onClick: clear
 					}, [createVNode(CloseIcon_default)], 10, _hoisted_5$10)) : createCommentVNode("", true)
-				], 42, _hoisted_3$20)], 10, _hoisted_2$25),
+				], 42, _hoisted_3$20)], 10, _hoisted_2$26),
 				__props.description ? (openBlock(), createElementBlock("span", {
 					key: 0,
 					id: `${controlId.value}-description`,
@@ -2723,7 +3154,7 @@ var Input_default = /* @__PURE__ */ defineComponent({
 //#endregion
 //#region src/Textarea.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1$37 = ["data-resize", "dir"];
-var _hoisted_2$24 = [
+var _hoisted_2$25 = [
 	"id",
 	"rows",
 	"name",
@@ -2825,7 +3256,7 @@ var Textarea_default = /* @__PURE__ */ defineComponent({
 					autocomplete: __props.autoComplete,
 					maxlength: __props.maxLength,
 					onInput
-				}, null, 42, _hoisted_2$24),
+				}, null, 42, _hoisted_2$25),
 				__props.description ? (openBlock(), createElementBlock("span", {
 					key: 0,
 					id: `${controlId.value}-description`,
@@ -2871,7 +3302,7 @@ var Label_default = /* @__PURE__ */ defineComponent({
 //#endregion
 //#region src/Checkbox.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1$36 = ["dir"];
-var _hoisted_2$23 = ["data-disabled"];
+var _hoisted_2$24 = ["data-disabled"];
 var _hoisted_3$18 = ["name", "value"];
 //#endregion
 //#region src/Checkbox.vue
@@ -2966,7 +3397,7 @@ var Checkbox_default = /* @__PURE__ */ defineComponent({
 				}, {
 					default: withCtx(() => [createTextVNode(toDisplayString(__props.label), 1)]),
 					_: 1
-				}, 8, ["class", "for"])], 10, _hoisted_2$23),
+				}, 8, ["class", "for"])], 10, _hoisted_2$24),
 				__props.indeterminate && selected.value && __props.name && !__props.disabled ? (openBlock(), createElementBlock("input", {
 					key: 0,
 					type: "hidden",
@@ -2996,7 +3427,7 @@ var Checkbox_default = /* @__PURE__ */ defineComponent({
 //#endregion
 //#region src/RadioGroup.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1$35 = ["id"];
-var _hoisted_2$22 = ["data-orientation"];
+var _hoisted_2$23 = ["data-orientation"];
 var _hoisted_3$17 = ["data-disabled"];
 //#endregion
 //#region src/RadioGroup.vue
@@ -3092,7 +3523,7 @@ var RadioGroup_default = /* @__PURE__ */ defineComponent({
 							default: withCtx(() => [createTextVNode(toDisplayString(option.label), 1)]),
 							_: 2
 						}, 1032, ["class", "for"])], 10, _hoisted_3$17);
-					}), 128))], 10, _hoisted_2$22),
+					}), 128))], 10, _hoisted_2$23),
 					createVNode(FieldFeedback_default, {
 						"class-names": {
 							description: __props.classNames?.description,
@@ -3130,7 +3561,7 @@ var RadioGroup_default = /* @__PURE__ */ defineComponent({
 //#endregion
 //#region src/Switch.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1$34 = ["dir"];
-var _hoisted_2$21 = ["data-disabled"];
+var _hoisted_2$22 = ["data-disabled"];
 var _hoisted_3$16 = {
 	key: 0,
 	class: "switch__icon"
@@ -3235,7 +3666,7 @@ var Switch_default = /* @__PURE__ */ defineComponent({
 			}, {
 				default: withCtx(() => [createTextVNode(toDisplayString(__props.label), 1)]),
 				_: 1
-			}, 8, ["class", "for"])], 10, _hoisted_2$21), createVNode(FieldFeedback_default, {
+			}, 8, ["class", "for"])], 10, _hoisted_2$22), createVNode(FieldFeedback_default, {
 				"class-names": {
 					description: __props.classNames?.description,
 					error: __props.classNames?.error
@@ -3440,7 +3871,7 @@ function listboxSelection(value, options, mode) {
 //#endregion
 //#region src/Listbox.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1$31 = ["dir"];
-var _hoisted_2$20 = ["id"];
+var _hoisted_2$21 = ["id"];
 var _hoisted_3$15 = [
 	"name",
 	"value",
@@ -3498,7 +3929,7 @@ var Listbox_default = /* @__PURE__ */ defineComponent({
 				createElementVNode("span", {
 					id: labelId.value,
 					class: normalizeClass(unref(partClasses)("label", _ctx.$props.classNames?.label))
-				}, toDisplayString(__props.label), 11, _hoisted_2$20),
+				}, toDisplayString(__props.label), 11, _hoisted_2$21),
 				createVNode(unref(ListboxRoot$1), {
 					"model-value": model.value,
 					multiple: __props.selectionMode === "multiple",
@@ -3590,7 +4021,7 @@ var Listbox_default = /* @__PURE__ */ defineComponent({
 //#endregion
 //#region src/NumberField.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1$30 = ["dir"];
-var _hoisted_2$19 = [
+var _hoisted_2$20 = [
 	"name",
 	"value",
 	"disabled"
@@ -3740,7 +4171,7 @@ var NumberField_default = /* @__PURE__ */ defineComponent({
 					name: __props.name,
 					value: selected.value === null ? "" : String(selected.value),
 					disabled: __props.disabled
-				}, null, 8, _hoisted_2$19)) : createCommentVNode("", true)
+				}, null, 8, _hoisted_2$20)) : createCommentVNode("", true)
 			], 16, _hoisted_1$30);
 		};
 	}
@@ -3753,7 +4184,7 @@ var _hoisted_1$29 = [
 	"data-disabled",
 	"data-selected"
 ];
-var _hoisted_2$18 = ["data-align", "data-divided"];
+var _hoisted_2$19 = ["data-align", "data-divided"];
 var _hoisted_3$14 = ["data-flush"];
 //#endregion
 //#region src/Card.vue
@@ -3839,7 +4270,7 @@ var Card_default = /* @__PURE__ */ defineComponent({
 				}, toDisplayString(__props.description), 3)) : createCommentVNode("", true)])], 2)) : createCommentVNode("", true), _ctx.$slots.actions ? (openBlock(), createElementBlock("div", {
 					key: 1,
 					class: normalizeClass(unref(partClasses)("card__actions", _ctx.$props.classNames?.actions))
-				}, [renderSlot(_ctx.$slots, "actions")], 2)) : createCommentVNode("", true)], 10, _hoisted_2$18)) : createCommentVNode("", true),
+				}, [renderSlot(_ctx.$slots, "actions")], 2)) : createCommentVNode("", true)], 10, _hoisted_2$19)) : createCommentVNode("", true),
 				createElementVNode("div", { class: normalizeClass(unref(partClasses)("card__content", _ctx.$props.classNames?.content)) }, [renderSlot(_ctx.$slots, "default")], 2),
 				_ctx.$slots.footer ? (openBlock(), createElementBlock("div", {
 					key: 1,
@@ -4366,7 +4797,7 @@ function mountTabsIndicator(container) {
 //#endregion
 //#region src/TabsListView.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1$24 = ["aria-label"];
-var _hoisted_2$17 = ["aria-label"];
+var _hoisted_2$18 = ["aria-label"];
 //#endregion
 //#region src/TabsListView.vue
 var TabsListView_default = /* @__PURE__ */ defineComponent({
@@ -4444,7 +4875,7 @@ var TabsListView_default = /* @__PURE__ */ defineComponent({
 				}, [..._cache[1] || (_cache[1] = [createElementVNode("svg", {
 					viewBox: "0 0 24 24",
 					"aria-hidden": "true"
-				}, [createElementVNode("path", { d: "m10 6 6 6-6 6" })], -1)])], 10, _hoisted_2$17)
+				}, [createElementVNode("path", { d: "m10 6 6 6-6 6" })], -1)])], 10, _hoisted_2$18)
 			], 2);
 		};
 	}
@@ -4620,7 +5051,7 @@ var _hoisted_1$23 = [
 	"aria-label",
 	"dir"
 ];
-var _hoisted_2$16 = ["disabled"];
+var _hoisted_2$17 = ["disabled"];
 var _hoisted_3$13 = [
 	"aria-label",
 	"aria-current",
@@ -4674,7 +5105,7 @@ var Pagination_default = /* @__PURE__ */ defineComponent({
 					class: normalizeClass(unref(partClasses)("pagination__button", _ctx.$props.classNames?.button)),
 					disabled: __props.disabled || model.value.current === 1,
 					onClick: _cache[0] || (_cache[0] = ($event) => change(model.value.current - 1))
-				}, toDisplayString(__props.previousLabel), 11, _hoisted_2$16),
+				}, toDisplayString(__props.previousLabel), 11, _hoisted_2$17),
 				(openBlock(true), createElementBlock(Fragment, null, renderList(model.value.entries, (entry) => {
 					return openBlock(), createElementBlock(Fragment, { key: entry }, [typeof entry === "string" ? (openBlock(), createElementBlock("span", {
 						key: 0,
@@ -4730,7 +5161,7 @@ var Table_default = /* @__PURE__ */ defineComponent({
 //#endregion
 //#region src/DataTable.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1$21 = ["id", "dir"];
-var _hoisted_2$15 = ["aria-sort"];
+var _hoisted_2$16 = ["aria-sort"];
 var _hoisted_3$12 = ["disabled", "onClick"];
 var _hoisted_4$11 = { "aria-hidden": "true" };
 var _hoisted_5$9 = { key: 0 };
@@ -4798,7 +5229,7 @@ var DataTable_default = /* @__PURE__ */ defineComponent({
 							class: normalizeClass(unref(partClasses)("table__sort", _ctx.$props.classNames?.sort)),
 							disabled: __props.loading || __props.disabled,
 							onClick: ($event) => requestSort(column)
-						}, [createTextVNode(toDisplayString(column.label), 1), createElementVNode("span", _hoisted_4$11, toDisplayString(__props.sort?.columnId === column.id ? __props.sort.direction === "ascending" ? "↑" : "↓" : "↕"), 1)], 10, _hoisted_3$12)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [createTextVNode(toDisplayString(column.label), 1)], 64))], 10, _hoisted_2$15);
+						}, [createTextVNode(toDisplayString(column.label), 1), createElementVNode("span", _hoisted_4$11, toDisplayString(__props.sort?.columnId === column.id ? __props.sort.direction === "ascending" ? "↑" : "↓" : "↕"), 1)], 10, _hoisted_3$12)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [createTextVNode(toDisplayString(column.label), 1)], 64))], 10, _hoisted_2$16);
 					}), 128))], 2)], 2), createElementVNode("tbody", { class: normalizeClass(__props.classNames?.body) }, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.rows, (row) => {
 						return openBlock(), createElementBlock("tr", {
 							key: row.id,
@@ -5484,7 +5915,7 @@ var _hoisted_1$17 = [
 	"aria-label",
 	"dir"
 ];
-var _hoisted_2$14 = {
+var _hoisted_2$15 = {
 	key: 1,
 	"aria-current": "page"
 };
@@ -5514,7 +5945,7 @@ var Breadcrumb_default = /* @__PURE__ */ defineComponent({
 					key: 0,
 					class: normalizeClass(unref(partClasses)("breadcrumb__separator", _ctx.$props.classNames?.separator)),
 					"aria-hidden": "true"
-				}, "/", 2)) : createCommentVNode("", true), index === __props.items.length - 1 ? (openBlock(), createElementBlock("span", _hoisted_2$14, toDisplayString(item.label), 1)) : item.href ? (openBlock(), createElementBlock("a", {
+				}, "/", 2)) : createCommentVNode("", true), index === __props.items.length - 1 ? (openBlock(), createElementBlock("span", _hoisted_2$15, toDisplayString(item.label), 1)) : item.href ? (openBlock(), createElementBlock("a", {
 					key: 2,
 					href: item.href
 				}, toDisplayString(item.label), 9, _hoisted_3$11)) : (openBlock(), createElementBlock("span", _hoisted_4$10, toDisplayString(item.label), 1))]);
@@ -5540,7 +5971,7 @@ function useDisclosure(props, emit) {
 //#endregion
 //#region src/Sidebar.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1$16 = ["id", "dir"];
-var _hoisted_2$13 = [
+var _hoisted_2$14 = [
 	"aria-label",
 	"aria-expanded",
 	"aria-controls"
@@ -5592,7 +6023,7 @@ var Sidebar_default = /* @__PURE__ */ defineComponent({
 				"aria-expanded": unref(visible),
 				"aria-controls": navId.value,
 				onClick: _cache[0] || (_cache[0] = ($event) => unref(change)(!unref(visible)))
-			}, [createElementVNode("span", _hoisted_3$10, toDisplayString(unref(visible) ? "−" : "+"), 1)], 10, _hoisted_2$13)], 2), createElementVNode("nav", {
+			}, [createElementVNode("span", _hoisted_3$10, toDisplayString(unref(visible) ? "−" : "+"), 1)], 10, _hoisted_2$14)], 2), createElementVNode("nav", {
 				id: navId.value,
 				class: normalizeClass(__props.classNames?.navigation),
 				"aria-label": __props.label,
@@ -5640,7 +6071,7 @@ var _hoisted_1$15 = [
 	"dir",
 	"aria-labelledby"
 ];
-var _hoisted_2$12 = ["id"];
+var _hoisted_2$13 = ["id"];
 var _hoisted_3$9 = ["y1", "y2"];
 var _hoisted_4$8 = ["points"];
 var _hoisted_5$7 = [
@@ -5653,7 +6084,7 @@ var _hoisted_6$7 = ["cx", "cy"];
 var _hoisted_7$6 = ["x"];
 var _hoisted_8$5 = { scope: "col" };
 var _hoisted_9$3 = { scope: "col" };
-var _hoisted_10$3 = { scope: "row" };
+var _hoisted_10$2 = { scope: "row" };
 //#endregion
 //#region src/Chart.vue
 var Chart_default = /* @__PURE__ */ defineComponent({
@@ -5687,7 +6118,7 @@ var Chart_default = /* @__PURE__ */ defineComponent({
 				createElementVNode("figcaption", {
 					id: labelId.value,
 					class: normalizeClass(unref(partClasses)("chart__title", _ctx.$props.classNames?.title))
-				}, toDisplayString(__props.label), 11, _hoisted_2$12),
+				}, toDisplayString(__props.label), 11, _hoisted_2$13),
 				__props.description ? (openBlock(), createElementBlock("p", {
 					key: 0,
 					class: normalizeClass(unref(partClasses)("chart__description", _ctx.$props.classNames?.description))
@@ -5734,7 +6165,7 @@ var Chart_default = /* @__PURE__ */ defineComponent({
 					}), 128))
 				], 2)), createVNode(Table_default, { caption: __props.label }, {
 					default: withCtx(() => [createElementVNode("thead", null, [createElementVNode("tr", null, [createElementVNode("th", _hoisted_8$5, toDisplayString(__props.categoryLabel), 1), createElementVNode("th", _hoisted_9$3, toDisplayString(__props.valueLabel), 1)])]), createElementVNode("tbody", null, [(openBlock(true), createElementBlock(Fragment, null, renderList(model.value.items, (item) => {
-						return openBlock(), createElementBlock("tr", { key: item.id }, [createElementVNode("th", _hoisted_10$3, toDisplayString(item.label), 1), createElementVNode("td", null, toDisplayString(format.value.format(item.value)), 1)]);
+						return openBlock(), createElementBlock("tr", { key: item.id }, [createElementVNode("th", _hoisted_10$2, toDisplayString(item.label), 1), createElementVNode("td", null, toDisplayString(format.value.format(item.value)), 1)]);
 					}), 128))])]),
 					_: 1
 				}, 8, ["caption"])], 64)) : (openBlock(), createBlock(Empty_default, {
@@ -5747,7 +6178,8 @@ var Chart_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/Dialog.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$14 = ["data-close-button"];
+var _hoisted_1$14 = ["data-close-button", "data-divided"];
+var _hoisted_2$12 = ["data-divided"];
 //#endregion
 //#region src/Dialog.vue
 var Dialog_default = /* @__PURE__ */ defineComponent({
@@ -5794,7 +6226,9 @@ var Dialog_default = /* @__PURE__ */ defineComponent({
 			type: Boolean,
 			default: true
 		},
-		closeIconLabel: { default: void 0 }
+		closeIconLabel: { default: void 0 },
+		dividedHeader: { type: Boolean },
+		dividedFooter: { type: Boolean }
 	},
 	emits: ["update:open"],
 	setup(__props, { emit: __emit }) {
@@ -5846,7 +6280,8 @@ var Dialog_default = /* @__PURE__ */ defineComponent({
 							default: withCtx(() => [createElementVNode("div", { class: normalizeClass(unref(partClasses)("dialog__content", _ctx.$props.classNames?.content)) }, [
 								createElementVNode("div", {
 									class: normalizeClass(unref(partClasses)("overlay__header", _ctx.$props.classNames?.header)),
-									"data-close-button": __props.showCloseButton || void 0
+									"data-close-button": __props.showCloseButton || void 0,
+									"data-divided": __props.dividedHeader || void 0
 								}, [
 									createVNode(unref(DialogTitle$1), { class: normalizeClass(unref(partClasses)("overlay__title", _ctx.$props.classNames?.title)) }, {
 										default: withCtx(() => [createTextVNode(toDisplayString(__props.title), 1)]),
@@ -5871,14 +6306,15 @@ var Dialog_default = /* @__PURE__ */ defineComponent({
 								createElementVNode("div", { class: normalizeClass(unref(partClasses)("overlay__body", _ctx.$props.classNames?.body)) }, [renderSlot(_ctx.$slots, "default")], 2),
 								_ctx.$slots.footer || __props.showFooterClose ? (openBlock(), createElementBlock("div", {
 									key: 0,
-									class: normalizeClass(unref(partClasses)("overlay__footer", _ctx.$props.classNames?.footer))
+									class: normalizeClass(unref(partClasses)("overlay__footer", _ctx.$props.classNames?.footer)),
+									"data-divided": __props.dividedFooter || void 0
 								}, [renderSlot(_ctx.$slots, "footer"), __props.showFooterClose ? (openBlock(), createBlock(unref(DialogClose), {
 									key: 0,
 									class: normalizeClass(unref(partClasses)("button button--secondary", _ctx.$props.classNames?.footerClose))
 								}, {
 									default: withCtx(() => [createTextVNode(toDisplayString(__props.closeLabel), 1)]),
 									_: 1
-								}, 8, ["class"])) : createCommentVNode("", true)], 2)) : createCommentVNode("", true)
+								}, 8, ["class"])) : createCommentVNode("", true)], 10, _hoisted_2$12)) : createCommentVNode("", true)
 							], 2)]),
 							_: 3
 						}, 16, ["class", "dir"])]),
@@ -6537,22 +6973,33 @@ var Combobox_default = /* @__PURE__ */ defineComponent({
 	props: {
 		classNames: {},
 		label: {},
+		size: { default: "md" },
+		variant: { default: "primary" },
+		hideLabel: { type: Boolean },
+		fullWidth: {
+			type: Boolean,
+			default: true
+		},
+		maxHeight: { default: void 0 },
+		menuTrigger: { default: "input" },
+		selectOnFocus: { type: Boolean },
+		disallowEmptySelection: { type: Boolean },
 		options: {},
-		modelValue: {},
-		defaultValue: {},
-		placeholder: {},
-		name: {},
+		modelValue: { default: void 0 },
+		defaultValue: { default: void 0 },
+		placeholder: { default: void 0 },
+		name: { default: void 0 },
 		disabled: { type: Boolean },
 		required: { type: Boolean },
 		invalid: { type: Boolean },
-		description: {},
-		errorMessage: {},
-		requiredMessage: {},
+		description: { default: void 0 },
+		errorMessage: { default: void 0 },
+		requiredMessage: { default: void 0 },
 		clearable: { type: Boolean },
-		clearLabel: {},
-		toggleLabel: {},
-		emptyMessage: {},
-		dir: {}
+		clearLabel: { default: void 0 },
+		toggleLabel: { default: void 0 },
+		emptyMessage: { default: void 0 },
+		dir: { default: void 0 }
 	},
 	emits: ["update:modelValue"],
 	setup(__props, { emit: __emit }) {
@@ -6563,6 +7010,46 @@ var Combobox_default = /* @__PURE__ */ defineComponent({
 		const local = ref(props.defaultValue);
 		const draft = ref(null);
 		const tried = ref(false);
+		const open = ref(false);
+		let inputInteraction = false;
+		let selectClick = false;
+		function inputPointerDown(event) {
+			selectClick = !!props.selectOnFocus && document.activeElement !== event.target;
+			if (selectClick && !event.defaultPrevented && !props.disabled) {
+				event.preventDefault();
+				event.target.focus();
+				event.target.select();
+			}
+		}
+		function inputClick(event) {
+			if (selectClick && !props.disabled) event.target.select();
+			selectClick = false;
+		}
+		function inputBlur(event) {
+			const next = event.relatedTarget;
+			const popupId = event.target.getAttribute("aria-controls");
+			if (next && (wrapper.value?.contains(next) || popupId && document.getElementById(popupId)?.contains(next))) return;
+			if (!open.value || next) changeOpen(false);
+		}
+		function changeOpen(next) {
+			if (next && props.menuTrigger === "manual" && inputInteraction) return;
+			open.value = next;
+			if (!next || !inputInteraction) draft.value = null;
+		}
+		function keydown(event) {
+			if (event.isComposing) return;
+			if (event.key === "Escape" && open.value) {
+				event.preventDefault();
+				event.stopPropagation();
+				changeOpen(false);
+			}
+			if (event.key === "ArrowDown" || event.key === "ArrowUp") inputInteraction = false;
+		}
+		function inputFocus(event) {
+			inputInteraction = false;
+			if (props.selectOnFocus && !props.disabled) event.target.select();
+		}
+		const popoverStyle = computed(() => ({ "--selection-max-height": props.maxHeight && Number.isFinite(props.maxHeight) && props.maxHeight > 0 ? `${props.maxHeight}px` : void 0 }));
 		const wrapper = ref();
 		const id = computed(() => selectionIds(controlled() ? props.modelValue : local.value, props.options, false)[0]);
 		const selected = computed(() => props.options.find((o) => o.id === id.value));
@@ -6590,6 +7077,7 @@ var Combobox_default = /* @__PURE__ */ defineComponent({
 		function change(value) {
 			if (props.disabled) return;
 			const next = selectionIds(value, props.options, false)[0];
+			if (props.disallowEmptySelection && next === void 0) return;
 			local.value = next;
 			emit("update:modelValue", next);
 			draft.value = null;
@@ -6597,7 +7085,7 @@ var Combobox_default = /* @__PURE__ */ defineComponent({
 		function search(value) {
 			if (props.disabled) return;
 			draft.value = value;
-			if (value === "" && id.value) {
+			if (value === "" && id.value && !props.disallowEmptySelection) {
 				local.value = void 0;
 				emit("update:modelValue", void 0);
 			}
@@ -6613,7 +7101,13 @@ var Combobox_default = /* @__PURE__ */ defineComponent({
 			return openBlock(), createElementBlock("div", {
 				ref_key: "wrapper",
 				ref: wrapper,
-				class: normalizeClass(unref(partClasses)("select combobox", _ctx.$props.classNames?.root)),
+				class: normalizeClass(unref(partClasses)([
+					"select combobox",
+					`select--${__props.size ?? "md"}`,
+					`select--${__props.variant ?? "primary"}`,
+					__props.hideLabel && "select--label-hidden",
+					__props.fullWidth === false && "select--fit"
+				].filter(Boolean).join(" "), _ctx.$props.classNames?.root)),
 				dir: __props.dir
 			}, [
 				createElementVNode("label", {
@@ -6624,22 +7118,24 @@ var Combobox_default = /* @__PURE__ */ defineComponent({
 					class: normalizeClass(unref(partClasses)("selection__required", _ctx.$props.classNames?.required)),
 					"aria-hidden": "true"
 				}, " *", 2)) : createCommentVNode("", true)], 10, _hoisted_2$9),
-				createVNode(unref(ComboboxRoot$1), {
+				createVNode(unref(ComboboxRoot), {
 					"model-value": id.value ?? null,
+					open: open.value,
+					"open-on-focus": __props.menuTrigger === "focus",
+					"open-on-click": __props.menuTrigger === "focus",
 					disabled: __props.disabled,
 					dir: __props.dir,
 					"ignore-filter": "",
 					"reset-search-term-on-blur": false,
 					"reset-search-term-on-select": false,
 					"onUpdate:modelValue": change,
-					"onUpdate:open": _cache[1] || (_cache[1] = (open) => {
-						if (!open) draft.value = null;
-					})
+					"onUpdate:open": changeOpen
 				}, {
-					default: withCtx(() => [createVNode(unref(ComboboxAnchor$1), {
+					default: withCtx(() => [createVNode(unref(ComboboxAnchor), {
 						class: normalizeClass(unref(partClasses)("combobox__control", _ctx.$props.classNames?.control)),
 						"data-invalid": invalid.value || void 0,
-						"data-disabled": __props.disabled || void 0
+						"data-disabled": __props.disabled || void 0,
+						onKeydownCapture: keydown
 					}, {
 						default: withCtx(() => [
 							_ctx.$slots.start ? (openBlock(), createElementBlock("span", {
@@ -6647,7 +7143,7 @@ var Combobox_default = /* @__PURE__ */ defineComponent({
 								class: normalizeClass(unref(partClasses)("selection__leading", _ctx.$props.classNames?.leading)),
 								"aria-hidden": "true"
 							}, [renderSlot(_ctx.$slots, "start")], 2)) : createCommentVNode("", true),
-							createVNode(unref(ComboboxInput$1), {
+							createVNode(unref(ComboboxInput), {
 								id: unref(controlId),
 								"model-value": text.value,
 								"display-value": () => selected.value?.label ?? "",
@@ -6656,7 +7152,13 @@ var Combobox_default = /* @__PURE__ */ defineComponent({
 								"aria-required": __props.required || void 0,
 								"aria-invalid": invalid.value || void 0,
 								"aria-describedby": unref(describedBy),
-								"onUpdate:modelValue": search
+								"onUpdate:modelValue": search,
+								onInputCapture: _cache[0] || (_cache[0] = ($event) => isRef(inputInteraction) ? inputInteraction.value = true : inputInteraction = true),
+								onFocus: inputFocus,
+								onClickCapture: _cache[1] || (_cache[1] = ($event) => isRef(inputInteraction) ? inputInteraction.value = false : inputInteraction = false),
+								onBlur: inputBlur,
+								onPointerdownCapture: inputPointerDown,
+								onClick: inputClick
 							}, null, 8, [
 								"id",
 								"model-value",
@@ -6667,7 +7169,7 @@ var Combobox_default = /* @__PURE__ */ defineComponent({
 								"aria-invalid",
 								"aria-describedby"
 							]),
-							__props.clearable ? (openBlock(), createElementBlock("button", {
+							__props.clearable && !__props.disallowEmptySelection ? (openBlock(), createElementBlock("button", {
 								key: 1,
 								type: "button",
 								class: normalizeClass(unref(partClasses)("combobox__clear", _ctx.$props.classNames?.clear)),
@@ -6676,14 +7178,16 @@ var Combobox_default = /* @__PURE__ */ defineComponent({
 								tabindex: !id.value && !text.value ? -1 : void 0,
 								disabled: __props.disabled || !id.value && !text.value,
 								"aria-label": __props.clearLabel ?? "Hapus pilihan",
-								onClick: _cache[0] || (_cache[0] = ($event) => {
+								onClick: _cache[2] || (_cache[2] = ($event) => {
 									change(void 0);
 									focus();
 								})
 							}, [createVNode(CloseIcon_default, { class: normalizeClass(unref(partClasses)("selection__close-icon", _ctx.$props.classNames?.closeIcon)) }, null, 8, ["class"])], 10, _hoisted_3$8)) : createCommentVNode("", true),
 							createVNode(unref(ComboboxTrigger$1), {
 								class: normalizeClass(unref(partClasses)("combobox__toggle", _ctx.$props.classNames?.toggle)),
-								"aria-label": __props.toggleLabel ?? "Buka pilihan"
+								"aria-label": __props.toggleLabel ?? "Buka pilihan",
+								onPointerdownCapture: _cache[3] || (_cache[3] = ($event) => isRef(inputInteraction) ? inputInteraction.value = false : inputInteraction = false),
+								onClickCapture: _cache[4] || (_cache[4] = ($event) => isRef(inputInteraction) ? inputInteraction.value = false : inputInteraction = false)
 							}, {
 								default: withCtx(() => [createVNode(ChevronIcon_default, { class: normalizeClass(unref(partClasses)("select__icon", _ctx.$props.classNames?.icon)) }, null, 8, ["class"])]),
 								_: 1
@@ -6695,10 +7199,14 @@ var Combobox_default = /* @__PURE__ */ defineComponent({
 						"data-invalid",
 						"data-disabled"
 					]), createVNode(unref(ComboboxPortal$1), null, {
-						default: withCtx(() => [createVNode(unref(ComboboxContent$1), {
+						default: withCtx(() => [createVNode(unref(ComboboxContent), {
 							class: normalizeClass(unref(partClasses)("select__popover combobox__popover", _ctx.$props.classNames?.popover)),
+							style: normalizeStyle(popoverStyle.value),
 							position: "popper",
-							"side-offset": 4
+							"side-offset": 4,
+							onEscapeKeyDown: _cache[5] || (_cache[5] = (event) => {
+								if (!event.isComposing) event.stopPropagation();
+							})
 						}, {
 							default: withCtx(() => [createVNode(unref(ComboboxViewport), { class: normalizeClass(unref(partClasses)("select__list", _ctx.$props.classNames?.list)) }, {
 								default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(filtered.value, (option) => {
@@ -6728,12 +7236,15 @@ var Combobox_default = /* @__PURE__ */ defineComponent({
 								_: 3
 							}, 8, ["class"])]),
 							_: 3
-						}, 8, ["class"])]),
+						}, 8, ["class", "style"])]),
 						_: 3
 					})]),
 					_: 3
 				}, 8, [
 					"model-value",
+					"open",
+					"open-on-focus",
+					"open-on-click",
 					"disabled",
 					"dir"
 				]),
@@ -6764,7 +7275,7 @@ var Combobox_default = /* @__PURE__ */ defineComponent({
 					"has-value": !!id.value,
 					required: __props.required,
 					disabled: __props.disabled,
-					onInvalid: _cache[2] || (_cache[2] = ($event) => {
+					onInvalid: _cache[6] || (_cache[6] = ($event) => {
 						tried.value = true;
 						focus();
 					}),
@@ -6904,8 +7415,8 @@ var _hoisted_6$6 = {
 var _hoisted_7$5 = { class: "calendar__year-navigation" };
 var _hoisted_8$4 = ["disabled", "aria-label"];
 var _hoisted_9$2 = ["disabled", "aria-label"];
-var _hoisted_10$2 = ["aria-label"];
-var _hoisted_11$1 = [
+var _hoisted_10$1 = ["aria-label"];
+var _hoisted_11 = [
 	"disabled",
 	"aria-pressed",
 	"onClick"
@@ -7059,8 +7570,8 @@ var MonthYearNavigation_default = /* @__PURE__ */ defineComponent({
 						choose(year, current.value.month);
 						if (__props.mode === "header") view.value = "month";
 					}
-				}, toDisplayString(year), 9, _hoisted_11$1);
-			}), 128))], 8, _hoisted_10$2)])), __props.mode === "header" ? (openBlock(), createElementBlock("button", {
+				}, toDisplayString(year), 9, _hoisted_11);
+			}), 128))], 8, _hoisted_10$1)])), __props.mode === "header" ? (openBlock(), createElementBlock("button", {
 				key: 2,
 				type: "button",
 				class: "calendar__back",
@@ -7201,25 +7712,19 @@ function createDateRangePresets(referenceDate = currentDate(), locale = "id-ID",
 //#region src/DateRangePanel.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1$8 = ["data-readonly"];
 var _hoisted_2$7 = ["id"];
-var _hoisted_3$6 = ["aria-label"];
-var _hoisted_4$5 = [
-	"disabled",
-	"aria-pressed",
-	"onClick"
-];
-var _hoisted_5$5 = [
+var _hoisted_3$6 = [
 	"aria-label",
 	"disabled",
 	"value"
 ];
-var _hoisted_6$5 = ["value"];
-var _hoisted_7$4 = [
+var _hoisted_4$5 = ["value"];
+var _hoisted_5$5 = [
 	"disabled",
 	"value",
 	"min",
 	"max"
 ];
-var _hoisted_8$3 = [
+var _hoisted_6$5 = [
 	"value",
 	"min",
 	"max",
@@ -7229,10 +7734,9 @@ var _hoisted_8$3 = [
 	"aria-describedby",
 	"onInput"
 ];
-var _hoisted_9$1 = ["id"];
-var _hoisted_10$1 = ["disabled"];
-var _hoisted_11 = ["disabled"];
-var _hoisted_12 = ["disabled"];
+var _hoisted_7$4 = ["id"];
+var _hoisted_8$3 = ["disabled"];
+var _hoisted_9$1 = ["disabled"];
 //#endregion
 //#region src/DateRangePanel.vue
 var DateRangePanel_default = /* @__PURE__ */ defineComponent({
@@ -7296,25 +7800,11 @@ var DateRangePanel_default = /* @__PURE__ */ defineComponent({
 				class: normalizeClass(unref(partClasses)("date-range__content", _ctx.$props.classNames?.content)),
 				"data-readonly": __props.readonly || void 0
 			}, [
-				createElementVNode("header", { class: normalizeClass(unref(partClasses)("date-range__intro", _ctx.$props.classNames?.intro)) }, [createElementVNode("h2", { id: `${__props.id}-title` }, toDisplayString(__props.labels.title), 9, _hoisted_2$7), createElementVNode("p", {
+				createElementVNode("header", { class: normalizeClass(unref(partClasses)("date-range__intro temporal__sr-only", _ctx.$props.classNames?.intro)) }, [createElementVNode("h2", { id: `${__props.id}-title` }, toDisplayString(__props.labels.title), 9, _hoisted_2$7), createElementVNode("p", {
 					class: normalizeClass(unref(partClasses)("date-range__summary", _ctx.$props.classNames?.summary)),
 					"aria-live": "polite"
 				}, toDisplayString(unref(rangeText)(nullable.value, locale.value) || __props.labels.incomplete), 3)], 2),
-				createElementVNode("div", { class: normalizeClass(unref(partClasses)("date-range__body", _ctx.$props.classNames?.body)) }, [__props.options.presets?.length ? (openBlock(), createElementBlock("div", {
-					key: 0,
-					class: normalizeClass(unref(partClasses)("date-range__presets", _ctx.$props.classNames?.presets)),
-					role: "group",
-					"aria-label": __props.labels.presets
-				}, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.options.presets, (preset) => {
-					return openBlock(), createElementBlock("button", {
-						key: preset.id,
-						type: "button",
-						class: normalizeClass(unref(partClasses)("date-range__preset", _ctx.$props.classNames?.preset)),
-						disabled: __props.disabled || __props.readonly || !!unref(rangeError)(preset.value, __props.options),
-						"aria-pressed": __props.draft.start === preset.value.start && __props.draft.end === preset.value.end,
-						onClick: ($event) => emit("draft", { ...preset.value })
-					}, toDisplayString(preset.label), 11, _hoisted_4$5);
-				}), 128))], 10, _hoisted_3$6)) : createCommentVNode("", true), createElementVNode("div", { class: normalizeClass(unref(partClasses)("date-range__main", _ctx.$props.classNames?.main)) }, [
+				createElementVNode("div", { class: normalizeClass(unref(partClasses)("date-range__body", _ctx.$props.classNames?.body)) }, [createElementVNode("div", { class: normalizeClass(unref(partClasses)("date-range__main", _ctx.$props.classNames?.main)) }, [
 					__props.options.showMonthYearPicker ? (openBlock(), createElementBlock("div", {
 						key: 0,
 						class: normalizeClass(unref(partClasses)("date-range__jump", _ctx.$props.classNames?.jump))
@@ -7335,8 +7825,8 @@ var DateRangePanel_default = /* @__PURE__ */ defineComponent({
 						}).format(focused.value.set({
 							month,
 							day: 1
-						}).toDate("UTC"))), 9, _hoisted_6$5);
-					}), 64))], 40, _hoisted_5$5)]), createElementVNode("label", null, [createElementVNode("span", null, toDisplayString(locale.value.startsWith("id") ? "Tahun" : "Year"), 1), createElementVNode("input", {
+						}).toDate("UTC"))), 9, _hoisted_4$5);
+					}), 64))], 40, _hoisted_3$6)]), createElementVNode("label", null, [createElementVNode("span", null, toDisplayString(locale.value.startsWith("id") ? "Tahun" : "Year"), 1), createElementVNode("input", {
 						type: "number",
 						form: "",
 						disabled: __props.disabled,
@@ -7344,7 +7834,7 @@ var DateRangePanel_default = /* @__PURE__ */ defineComponent({
 						min: unref(asDate)(__props.options.minDate)?.year ?? 1,
 						max: unref(asDate)(__props.options.maxDate)?.year ?? 9999,
 						onChange: jumpYear
-					}, null, 40, _hoisted_7$4)])], 2)) : createCommentVNode("", true),
+					}, null, 40, _hoisted_5$5)])], 2)) : createCommentVNode("", true),
 					__props.options.showInputs !== false ? (openBlock(), createElementBlock("div", {
 						key: 1,
 						class: normalizeClass(unref(partClasses)("date-range__inputs", _ctx.$props.classNames?.inputs))
@@ -7363,7 +7853,7 @@ var DateRangePanel_default = /* @__PURE__ */ defineComponent({
 							"aria-invalid": !!errorCode.value,
 							"aria-describedby": error.value ? `${__props.id}-draft-error` : void 0,
 							onInput: ($event) => edit(part, $event)
-						}, null, 40, _hoisted_8$3)], 2);
+						}, null, 40, _hoisted_6$5)], 2);
 					}), 64))], 2)) : createCommentVNode("", true),
 					createVNode(unref(RangeCalendarRoot), {
 						placeholder: focused.value,
@@ -7484,7 +7974,7 @@ var DateRangePanel_default = /* @__PURE__ */ defineComponent({
 						key: 0,
 						id: `${__props.id}-draft-error`,
 						role: "alert"
-					}, toDisplayString(error.value), 9, _hoisted_9$1)) : createCommentVNode("", true)], 2)
+					}, toDisplayString(error.value), 9, _hoisted_7$4)) : createCommentVNode("", true)], 2)
 				], 2)], 2),
 				__props.options.showActions !== false ? (openBlock(), createElementBlock("footer", {
 					key: 0,
@@ -7497,32 +7987,17 @@ var DateRangePanel_default = /* @__PURE__ */ defineComponent({
 						start: "",
 						end: ""
 					}))
-				}, toDisplayString(__props.labels.clear), 11, _hoisted_10$1), createElementVNode("div", null, [
-					createElementVNode("button", {
-						type: "button",
-						class: "button button--ghost button--sm",
-						disabled: __props.disabled || __props.readonly || !!unref(rangeError)({
-							start: unref(currentDate)(),
-							end: unref(currentDate)()
-						}, __props.options),
-						onClick: _cache[3] || (_cache[3] = ($event) => emit("draft", {
-							start: unref(currentDate)(),
-							end: unref(currentDate)()
-						}))
-					}, toDisplayString(locale.value.startsWith("id") ? "Hari ini" : "Today"), 9, _hoisted_11),
-					createElementVNode("button", {
-						type: "button",
-						class: normalizeClass(unref(partClasses)("button button--secondary button--sm date-range__cancel", _ctx.$props.classNames?.cancel)),
-						onClick: _cache[4] || (_cache[4] = ($event) => emit("cancel"))
-					}, toDisplayString(__props.labels.cancel), 3),
-					__props.options.commitMode !== "immediate" ? (openBlock(), createElementBlock("button", {
-						key: 0,
-						type: "button",
-						class: normalizeClass(unref(partClasses)("button button--primary button--sm date-range__apply", _ctx.$props.classNames?.apply)),
-						disabled: __props.disabled || __props.readonly || !!errorCode.value,
-						onClick: _cache[5] || (_cache[5] = ($event) => emit("apply"))
-					}, toDisplayString(__props.labels.apply), 11, _hoisted_12)) : createCommentVNode("", true)
-				])], 2)) : createCommentVNode("", true)
+				}, toDisplayString(__props.labels.clear), 11, _hoisted_8$3), createElementVNode("div", null, [createElementVNode("button", {
+					type: "button",
+					class: normalizeClass(unref(partClasses)("button button--secondary button--sm date-range__cancel", _ctx.$props.classNames?.cancel)),
+					onClick: _cache[3] || (_cache[3] = ($event) => emit("cancel"))
+				}, toDisplayString(__props.labels.cancel), 3), __props.options.commitMode !== "immediate" ? (openBlock(), createElementBlock("button", {
+					key: 0,
+					type: "button",
+					class: normalizeClass(unref(partClasses)("button button--primary button--sm date-range__apply", _ctx.$props.classNames?.apply)),
+					disabled: __props.disabled || __props.readonly || !!errorCode.value,
+					onClick: _cache[4] || (_cache[4] = ($event) => emit("apply"))
+				}, toDisplayString(__props.labels.apply), 11, _hoisted_9$1)) : createCommentVNode("", true)])], 2)) : createCommentVNode("", true)
 			], 10, _hoisted_1$8);
 		};
 	}
@@ -9960,9 +10435,9 @@ var Dialog = /* @__PURE__ */ Object.assign(Dialog_default, {
 	Title: DialogTitle,
 	Description: DialogDescription,
 	CloseButton: DialogCloseButton,
-	Header: DialogHeader,
+	Header: DialogHeader_default,
 	Body: DialogBody,
-	Footer: DialogFooter
+	Footer: DialogFooter_default
 });
 var DropdownMenu = /* @__PURE__ */ Object.assign(DropdownMenu_default, {
 	Root: DropdownMenuRoot,
@@ -10001,16 +10476,16 @@ var Tooltip = /* @__PURE__ */ Object.assign(Tooltip_default, {
 	Arrow: TooltipArrow
 });
 var Combobox = /* @__PURE__ */ Object.assign(Combobox_default, {
-	Root: ComboboxRoot,
-	Input: ComboboxInput,
+	Root: ComboboxRoot_default,
+	Input: ComboboxInput_default,
 	Trigger: ComboboxTrigger,
-	Content: ComboboxContent,
+	Content: ComboboxContent_default,
 	Item: ComboboxItem,
 	ItemIndicator: ComboboxItemIndicator,
 	Section: ComboboxSection,
 	SectionLabel: ComboboxSectionLabel,
-	Anchor: ComboboxAnchor,
-	ClearButton: ComboboxClearButton,
+	Anchor: ComboboxAnchor_default,
+	ClearButton: ComboboxClearButton_default,
 	Portal: ComboboxPortal
 });
 var ToggleGroup = /* @__PURE__ */ Object.assign(ToggleGroup_default, {
@@ -10046,6 +10521,6 @@ var ListBox = /* @__PURE__ */ Object.assign(CompositionListBox_default, {
 	Section: CompositionListBoxSection_default
 });
 //#endregion
-export { Alert, AlertActions, AlertContent, AlertDescription, AlertIndicator, AlertRoot, AlertTitle, Avatar, AvatarBadge_default as AvatarBadge, AvatarFallback_default as AvatarFallback, AvatarGroup, AvatarGroupCount_default as AvatarGroupCount, AvatarGroupRoot, AvatarImage_default as AvatarImage, Avatar_default as AvatarRoot, Badge, BadgeAnchor_default as BadgeAnchor, BadgeLabel, Breadcrumb, BreadcrumbCurrent, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbRoot, BreadcrumbSeparator, Button_default as Button, ButtonGroup_default as ButtonGroup, ButtonGroupSeparator_default as ButtonGroupSeparator, ButtonGroupSeparator_default as ToggleButtonGroupSeparator, Calendar, Card, CardActions, CardContent, CardDescription, CardFooter_default as CardFooter, CardHeader_default as CardHeader, CardHeading, CardRoot_default as CardRoot, CardTitle_default as CardTitle, Chart, ChartDescription, ChartRoot, ChartTitle, Checkbox, CheckboxContent, CheckboxIndicator_default as CheckboxIndicator, CheckboxRoot, Combobox, ComboboxAnchor, ComboboxClearButton, ComboboxContent, ComboboxInput, ComboboxItem, ComboboxItemIndicator, ComboboxPortal, ComboboxRoot, ComboboxSection, ComboboxSectionLabel, ComboboxTrigger, DataTable, DataTableError, DataTableRoot_default as DataTableRoot, DataTableSortButton_default as DataTableSortButton, DataTableStatus, DateField, DatePicker, DateRangeField, DateRangePicker, DateRangePickerAnchor, DateRangePickerArrow, DateRangePickerCalendar, DateRangePickerCell, DateRangePickerCellTrigger, DateRangePickerClose, DateRangePickerContent, DateRangePickerField, DateRangePickerGrid, DateRangePickerGridBody, DateRangePickerGridHead, DateRangePickerGridRow, DateRangePickerHeadCell, DateRangePickerHeader, DateRangePickerHeading, DateRangePickerInput, DateRangePickerNext, DateRangePickerPrev, DateRangePickerRoot, DateRangePickerTrigger, DateTimeField, DateTimePicker, DateTimeRangeField, DateTimeRangePicker, Description_default as Description, Dialog, DialogBackdrop, DialogBody, DialogCloseButton, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogPortal, DialogRoot, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuItem, DropdownMenuItemIndicator, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuRoot, DropdownMenuSection, DropdownMenuSectionLabel, DropdownMenuSeparator, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Empty, EmptyActions, EmptyDescription, EmptyRoot, EmptyTitle, Field, FieldError_default as FieldError, Form, Header, Input, InputClearButton_default as InputClearButton, InputControl_default as InputControl, InputGroup, InputLabel_default as InputLabel, InputPrefix, InputRoot_default as InputRoot, InputSuffix, Label_default as Label, ListBox, Listbox, ListboxContent, ListboxItem, ListboxItemIndicator, ListboxRoot, ListboxSection, ListboxSectionLabel, MonthPicker, MonthYearNavigation_default as MonthYearNavigation, NumberField, NumberFieldDecrementButton, NumberFieldGroup, NumberFieldIncrementButton, NumberFieldInput, NumberFieldRoot, Pagination, PaginationContent, PaginationEllipsis, PaginationFirst, PaginationItem, PaginationLast, PaginationList, PaginationNext, PaginationPrevious, PaginationRoot, PaginationSummary, Popover, PopoverArrow, PopoverBody, PopoverCloseButton, PopoverContent, PopoverFooter, PopoverHeading, PopoverPortal, PopoverRoot, PopoverTrigger, RadioGroup, RadioGroupContent, RadioGroupIndicator, RadioGroupItem, RadioGroupRoot, RangeCalendar, Select, SelectClearButton_default as SelectClearButton, SelectControl, SelectGroup_default as SelectGroup, SelectIndicator, SelectItem, SelectItemIndicator, SelectItemText, SelectListbox, SelectPopover_default as SelectPopover, SelectRoot_default as SelectRoot, SelectSection, SelectSectionLabel, SelectTrigger_default as SelectTrigger, SelectValue_default as SelectValue, Separator_default as Separator, Sidebar, SidebarContent, SidebarFooter, SidebarHeader, SidebarItem, SidebarList, SidebarNavigation_default as SidebarNavigation, SidebarRoot_default as SidebarRoot, SidebarTitle, SidebarToggle_default as SidebarToggle, Skeleton_default as Skeleton, Spinner_default as Spinner, Switch, SwitchContent, SwitchControl, SwitchGroup_default as SwitchGroup, SwitchIcon, SwitchRoot_default as SwitchRoot, SwitchThumb, Table, TableBody, TableCaption, TableCell, TableColumn, TableFooter, TableHeader, TableRoot, TableRow, TableScrollContainer, Tabs, TabsIndicator, TabsList, TabsListContainer, TabsPanel, TabsRoot_default as TabsRoot, TabsSeparator, TabsTab, Textarea, TextareaControl_default as TextareaControl, TimeClock, TimeField, TimeList, TimePicker, TimeRangeField, TimeRangePicker, Toast, ToastActionButton_default as ToastActionButton, ToastActions, ToastCloseButton_default as ToastCloseButton, ToastContent, ToastDescription, ToastIndicator, ToastProgress, ToastProvider_default as ToastProvider, ToastRoot, ToastTitle, ToastViewport, ToggleButton_default as ToggleButton, ToggleButtonGroup_default as ToggleButtonGroup, ToggleGroup, ToggleGroupItem, ToggleGroupRoot, Tooltip, TooltipArrow, TooltipContent, TooltipPortal, TooltipProvider, TooltipRoot, TooltipTrigger, YearPicker, createDateRangePresets, createToastManager, rangeText as formatDateRange, useToast };
+export { Alert, AlertActions, AlertContent, AlertDescription, AlertIndicator, AlertRoot, AlertTitle, Avatar, AvatarBadge_default as AvatarBadge, AvatarFallback_default as AvatarFallback, AvatarGroup, AvatarGroupCount_default as AvatarGroupCount, AvatarGroupRoot, AvatarImage_default as AvatarImage, Avatar_default as AvatarRoot, Badge, BadgeAnchor_default as BadgeAnchor, BadgeLabel, Breadcrumb, BreadcrumbCurrent, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbRoot, BreadcrumbSeparator, Button_default as Button, ButtonGroup_default as ButtonGroup, ButtonGroupSeparator_default as ButtonGroupSeparator, ButtonGroupSeparator_default as ToggleButtonGroupSeparator, Calendar, Card, CardActions, CardContent, CardDescription, CardFooter_default as CardFooter, CardHeader_default as CardHeader, CardHeading, CardRoot_default as CardRoot, CardTitle_default as CardTitle, Chart, ChartDescription, ChartRoot, ChartTitle, Checkbox, CheckboxContent, CheckboxIndicator_default as CheckboxIndicator, CheckboxRoot, Combobox, ComboboxAnchor_default as ComboboxAnchor, ComboboxClearButton_default as ComboboxClearButton, ComboboxContent_default as ComboboxContent, ComboboxInput_default as ComboboxInput, ComboboxItem, ComboboxItemIndicator, ComboboxPortal, ComboboxRoot_default as ComboboxRoot, ComboboxSection, ComboboxSectionLabel, ComboboxTrigger, DataTable, DataTableError, DataTableRoot_default as DataTableRoot, DataTableSortButton_default as DataTableSortButton, DataTableStatus, DateField, DatePicker, DateRangeField, DateRangePicker, DateRangePickerAnchor, DateRangePickerArrow, DateRangePickerCalendar, DateRangePickerCell, DateRangePickerCellTrigger, DateRangePickerClose, DateRangePickerContent, DateRangePickerField, DateRangePickerGrid, DateRangePickerGridBody, DateRangePickerGridHead, DateRangePickerGridRow, DateRangePickerHeadCell, DateRangePickerHeader, DateRangePickerHeading, DateRangePickerInput, DateRangePickerNext, DateRangePickerPrev, DateRangePickerRoot, DateRangePickerTrigger, DateTimeField, DateTimePicker, DateTimeRangeField, DateTimeRangePicker, Description_default as Description, Dialog, DialogBackdrop, DialogBody, DialogCloseButton, DialogContent, DialogDescription, DialogFooter_default as DialogFooter, DialogHeader_default as DialogHeader, DialogPortal, DialogRoot, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuItem, DropdownMenuItemIndicator, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuRoot, DropdownMenuSection, DropdownMenuSectionLabel, DropdownMenuSeparator, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Empty, EmptyActions, EmptyDescription, EmptyRoot, EmptyTitle, Field, FieldError_default as FieldError, Form, Header, Input, InputClearButton_default as InputClearButton, InputControl_default as InputControl, InputGroup, InputLabel_default as InputLabel, InputPrefix, InputRoot_default as InputRoot, InputSuffix, Label_default as Label, ListBox, Listbox, ListboxContent, ListboxItem, ListboxItemIndicator, ListboxRoot, ListboxSection, ListboxSectionLabel, MonthPicker, MonthYearNavigation_default as MonthYearNavigation, NumberField, NumberFieldDecrementButton, NumberFieldGroup, NumberFieldIncrementButton, NumberFieldInput, NumberFieldRoot, Pagination, PaginationContent, PaginationEllipsis, PaginationFirst, PaginationItem, PaginationLast, PaginationList, PaginationNext, PaginationPrevious, PaginationRoot, PaginationSummary, Popover, PopoverArrow, PopoverBody, PopoverCloseButton, PopoverContent, PopoverFooter, PopoverHeading, PopoverPortal, PopoverRoot, PopoverTrigger, RadioGroup, RadioGroupContent, RadioGroupIndicator, RadioGroupItem, RadioGroupRoot, RangeCalendar, Select, SelectClearButton_default as SelectClearButton, SelectControl, SelectGroup_default as SelectGroup, SelectIndicator, SelectItem, SelectItemIndicator, SelectItemText, SelectListbox, SelectPopover_default as SelectPopover, SelectRoot_default as SelectRoot, SelectSection, SelectSectionLabel, SelectTrigger_default as SelectTrigger, SelectValue_default as SelectValue, Separator_default as Separator, Sidebar, SidebarContent, SidebarFooter, SidebarHeader, SidebarItem, SidebarList, SidebarNavigation_default as SidebarNavigation, SidebarRoot_default as SidebarRoot, SidebarTitle, SidebarToggle_default as SidebarToggle, Skeleton_default as Skeleton, Spinner_default as Spinner, Switch, SwitchContent, SwitchControl, SwitchGroup_default as SwitchGroup, SwitchIcon, SwitchRoot_default as SwitchRoot, SwitchThumb, Table, TableBody, TableCaption, TableCell, TableColumn, TableFooter, TableHeader, TableRoot, TableRow, TableScrollContainer, Tabs, TabsIndicator, TabsList, TabsListContainer, TabsPanel, TabsRoot_default as TabsRoot, TabsSeparator, TabsTab, Textarea, TextareaControl_default as TextareaControl, TimeClock, TimeField, TimeList, TimePicker, TimeRangeField, TimeRangePicker, Toast, ToastActionButton_default as ToastActionButton, ToastActions, ToastCloseButton_default as ToastCloseButton, ToastContent, ToastDescription, ToastIndicator, ToastProgress, ToastProvider_default as ToastProvider, ToastRoot, ToastTitle, ToastViewport, ToggleButton_default as ToggleButton, ToggleButtonGroup_default as ToggleButtonGroup, ToggleGroup, ToggleGroupItem, ToggleGroupRoot, Tooltip, TooltipArrow, TooltipContent, TooltipPortal, TooltipProvider, TooltipRoot, TooltipTrigger, YearPicker, createDateRangePresets, createToastManager, rangeText as formatDateRange, useToast };
 
 //# sourceMappingURL=index.js.map