@kazee-ds/vue 0.4.0 → 0.5.0

package/dist/index.js

@@ -1,8 +1,8 @@
-import { Fragment, cloneVNode, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createTextVNode, createVNode, defineComponent, getCurrentInstance, guardReactiveProps, h, inject, mergeModels, mergeProps, normalizeClass, normalizeProps, onBeforeUnmount, onMounted, openBlock, provide, ref, renderList, renderSlot, resolveComponent, resolveDynamicComponent, shallowRef, toDisplayString, unref, useModel, watch, withCtx, withModifiers } from "vue";
-import { CheckboxRoot, ComboboxAnchor, ComboboxContent, ComboboxInput, ComboboxItem, ComboboxPortal, ComboboxRoot, ComboboxTrigger, ComboboxViewport, DialogClose, DialogContent, DialogDescription, DialogOverlay, DialogPortal, DialogRoot, DialogTitle, DialogTrigger, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuRoot, DropdownMenuSeparator, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Label, ListboxContent, ListboxItem, ListboxRoot, NumberFieldDecrement, NumberFieldIncrement, NumberFieldInput, NumberFieldRoot, PopoverClose, PopoverContent, PopoverPortal, PopoverRoot, PopoverTrigger, RadioGroupItem, RadioGroupRoot, RangeCalendarCell, RangeCalendarCellTrigger, RangeCalendarGrid, RangeCalendarGridBody, RangeCalendarGridHead, RangeCalendarGridRow, RangeCalendarHeadCell, RangeCalendarNext, RangeCalendarPrev, RangeCalendarRoot, SelectContent, SelectItem, SelectItemText, SelectPortal, SelectRoot, SelectTrigger, SelectValue, SelectViewport, SwitchRoot, TabsContent, TabsList, TabsRoot, TabsTrigger, Toggle, ToggleGroupItem, ToggleGroupRoot, TooltipContent, TooltipPortal, TooltipProvider, TooltipRoot, TooltipTrigger, useId } from "reka-ui";
+import { Fragment, cloneVNode, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createTextVNode, createVNode, defineComponent, getCurrentInstance, guardReactiveProps, h, inject, mergeModels, mergeProps, nextTick, normalizeClass, normalizeProps, normalizeStyle, onBeforeUnmount, onMounted, openBlock, provide, ref, renderList, renderSlot, resolveComponent, resolveDynamicComponent, shallowRef, toDisplayString, unref, useModel, watch, withCtx, withModifiers } from "vue";
+import { CheckboxRoot, ComboboxAnchor, ComboboxContent, ComboboxInput, ComboboxItem, ComboboxPortal, ComboboxRoot, ComboboxTrigger, ComboboxViewport, DialogClose, DialogContent, DialogDescription, DialogOverlay, DialogPortal, DialogRoot, DialogTitle, DialogTrigger, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuRoot, DropdownMenuSeparator, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Label, ListboxContent, ListboxItem, ListboxRoot, NumberFieldDecrement, NumberFieldIncrement, NumberFieldInput, NumberFieldRoot, PopoverClose, PopoverContent, PopoverPortal, PopoverRoot, PopoverTrigger, RadioGroupItem, RadioGroupRoot, RangeCalendarCell, RangeCalendarCellTrigger, RangeCalendarGrid, RangeCalendarGridBody, RangeCalendarGridHead, RangeCalendarGridRow, RangeCalendarHeadCell, RangeCalendarNext, RangeCalendarPrev, RangeCalendarRoot, SelectContent, SelectItem, SelectItemText, SelectPortal, SelectRoot, SelectTrigger, SelectValue, SelectViewport, SwitchRoot, TabsContent, TabsList, TabsRoot, TabsTrigger, ToastAction, ToastClose, ToastDescription, ToastProvider, ToastRoot, ToastTitle, ToastViewport, Toggle, ToggleGroupItem, ToggleGroupRoot, TooltipContent, TooltipPortal, TooltipProvider, TooltipRoot, TooltipTrigger, useId } from "reka-ui";
 import { endOfMonth, getLocalTimeZone, parseDate, startOfMonth, startOfWeek, today } from "@internationalized/date";
 //#region src/Button.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$38 = [
+var _hoisted_1$40 = [
 	"aria-label",
 	"aria-labelledby",
 	"type",
@@ -122,7 +122,7 @@ var Button_default = /* @__PURE__ */ defineComponent({
 				pressed: pressed.value,
 				focused: focused.value,
 				focusVisible: focusVisible.value
-			})], 42, _hoisted_1$38);
+			})], 42, _hoisted_1$40);
 		};
 	}
 });
@@ -289,7 +289,7 @@ var ToggleButton_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/ToggleButtonGroup.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$37 = ["role"];
+var _hoisted_1$39 = ["role"];
 //#endregion
 //#region src/ToggleButtonGroup.vue
 var ToggleButtonGroup_default = /* @__PURE__ */ defineComponent({
@@ -353,7 +353,7 @@ var ToggleButtonGroup_default = /* @__PURE__ */ defineComponent({
 				dir: __props.dir,
 				"onUpdate:modelValue": update
 			}, {
-				default: withCtx(() => [createElementVNode("div", { role: radio.value ? "radiogroup" : "toolbar" }, [renderSlot(_ctx.$slots, "default")], 8, _hoisted_1$37)]),
+				default: withCtx(() => [createElementVNode("div", { role: radio.value ? "radiogroup" : "toolbar" }, [renderSlot(_ctx.$slots, "default")], 8, _hoisted_1$39)]),
 				_: 3
 			}, 8, [
 				"class",
@@ -380,7 +380,7 @@ var _plugin_vue_export_helper_default = (sfc, props) => {
 //#endregion
 //#region src/CheckIcon.vue
 var _sfc_main$2 = {};
-var _hoisted_1$36 = {
+var _hoisted_1$38 = {
 	viewBox: "0 0 16 16",
 	fill: "none",
 	stroke: "currentColor",
@@ -390,13 +390,13 @@ var _hoisted_1$36 = {
 	"aria-hidden": "true"
 };
 function _sfc_render$2(_ctx, _cache) {
-	return openBlock(), createElementBlock("svg", _hoisted_1$36, [..._cache[0] || (_cache[0] = [createElementVNode("path", { d: "M3.5 8.5l3 3 6-6.5" }, null, -1)])]);
+	return openBlock(), createElementBlock("svg", _hoisted_1$38, [..._cache[0] || (_cache[0] = [createElementVNode("path", { d: "M3.5 8.5l3 3 6-6.5" }, null, -1)])]);
 }
 var CheckIcon_default = /*#__PURE__*/ _plugin_vue_export_helper_default(_sfc_main$2, [["render", _sfc_render$2]]);
 //#endregion
 //#region src/ChevronIcon.vue
 var _sfc_main$1 = {};
-var _hoisted_1$35 = {
+var _hoisted_1$37 = {
 	viewBox: "0 0 16 16",
 	fill: "none",
 	stroke: "currentColor",
@@ -406,13 +406,13 @@ var _hoisted_1$35 = {
 	"aria-hidden": "true"
 };
 function _sfc_render$1(_ctx, _cache) {
-	return openBlock(), createElementBlock("svg", _hoisted_1$35, [..._cache[0] || (_cache[0] = [createElementVNode("path", { d: "M4 6l4 4 4-4" }, null, -1)])]);
+	return openBlock(), createElementBlock("svg", _hoisted_1$37, [..._cache[0] || (_cache[0] = [createElementVNode("path", { d: "M4 6l4 4 4-4" }, null, -1)])]);
 }
 var ChevronIcon_default = /*#__PURE__*/ _plugin_vue_export_helper_default(_sfc_main$1, [["render", _sfc_render$1]]);
 //#endregion
 //#region src/CloseIcon.vue
 var _sfc_main = {};
-var _hoisted_1$34 = {
+var _hoisted_1$36 = {
 	viewBox: "0 0 16 16",
 	fill: "none",
 	stroke: "currentColor",
@@ -422,17 +422,17 @@ var _hoisted_1$34 = {
 	"aria-hidden": "true"
 };
 function _sfc_render(_ctx, _cache) {
-	return openBlock(), createElementBlock("svg", _hoisted_1$34, [..._cache[0] || (_cache[0] = [createElementVNode("path", { d: "M4 4l8 8M12 4l-8 8" }, null, -1)])]);
+	return openBlock(), createElementBlock("svg", _hoisted_1$36, [..._cache[0] || (_cache[0] = [createElementVNode("path", { d: "M4 4l8 8M12 4l-8 8" }, null, -1)])]);
 }
 var CloseIcon_default = /*#__PURE__*/ _plugin_vue_export_helper_default(_sfc_main, [["render", _sfc_render]]);
 //#endregion
 //#region src/FieldFeedback.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$33 = {
+var _hoisted_1$35 = {
 	key: 0,
 	class: "field-feedback"
 };
-var _hoisted_2$27 = ["id"];
-var _hoisted_3$23 = ["id"];
+var _hoisted_2$28 = ["id"];
+var _hoisted_3$24 = ["id"];
 //#endregion
 //#region src/FieldFeedback.vue
 var FieldFeedback_default = /* @__PURE__ */ defineComponent({
@@ -445,21 +445,21 @@ var FieldFeedback_default = /* @__PURE__ */ defineComponent({
 	},
 	setup(__props) {
 		return (_ctx, _cache) => {
-			return __props.description || __props.showError ? (openBlock(), createElementBlock("div", _hoisted_1$33, [__props.description ? (openBlock(), createElementBlock("span", {
+			return __props.description || __props.showError ? (openBlock(), createElementBlock("div", _hoisted_1$35, [__props.description ? (openBlock(), createElementBlock("span", {
 				key: 0,
 				id: `${__props.controlId}-description`,
 				class: "input__description"
-			}, toDisplayString(__props.description), 9, _hoisted_2$27)) : createCommentVNode("", true), __props.showError ? (openBlock(), createElementBlock("span", {
+			}, toDisplayString(__props.description), 9, _hoisted_2$28)) : createCommentVNode("", true), __props.showError ? (openBlock(), createElementBlock("span", {
 				key: 1,
 				id: `${__props.controlId}-error`,
 				class: "input__error"
-			}, toDisplayString(__props.errorMessage), 9, _hoisted_3$23)) : createCommentVNode("", true)])) : createCommentVNode("", true);
+			}, toDisplayString(__props.errorMessage), 9, _hoisted_3$24)) : createCommentVNode("", true)])) : createCommentVNode("", true);
 		};
 	}
 });
 //#endregion
 //#region src/SelectionValidation.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$32 = [
+var _hoisted_1$34 = [
 	"required",
 	"disabled",
 	"value"
@@ -497,7 +497,7 @@ var SelectionValidation_default = /* @__PURE__ */ defineComponent({
 				disabled: __props.disabled,
 				value: __props.hasValue ? "selected" : "",
 				onInvalid: _cache[0] || (_cache[0] = withModifiers(($event) => emit("invalid"), ["prevent"]))
-			}, null, 40, _hoisted_1$32);
+			}, null, 40, _hoisted_1$34);
 		};
 	}
 });
@@ -527,20 +527,20 @@ function filterOptions(options, query) {
 }
 //#endregion
 //#region src/Select.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$31 = ["data-multiple", "dir"];
-var _hoisted_2$26 = ["for"];
-var _hoisted_3$22 = {
+var _hoisted_1$33 = ["data-multiple", "dir"];
+var _hoisted_2$27 = ["for"];
+var _hoisted_3$23 = {
 	key: 0,
 	class: "selection__required",
 	"aria-hidden": "true"
 };
-var _hoisted_4$18 = ["data-clearable"];
-var _hoisted_5$12 = {
+var _hoisted_4$19 = ["data-clearable"];
+var _hoisted_5$13 = {
 	key: 0,
 	class: "selection__leading",
 	"aria-hidden": "true"
 };
-var _hoisted_6$9 = [
+var _hoisted_6$10 = [
 	"data-empty",
 	"aria-hidden",
 	"tabindex",
@@ -655,7 +655,7 @@ var Select_default = /* @__PURE__ */ defineComponent({
 				createElementVNode("label", {
 					class: "select__label",
 					for: unref(controlId)
-				}, [createTextVNode(toDisplayString(__props.label), 1), __props.required ? (openBlock(), createElementBlock("span", _hoisted_3$22, " *")) : createCommentVNode("", true)], 8, _hoisted_2$26),
+				}, [createTextVNode(toDisplayString(__props.label), 1), __props.required ? (openBlock(), createElementBlock("span", _hoisted_3$23, " *")) : createCommentVNode("", true)], 8, _hoisted_2$27),
 				createVNode(unref(SelectRoot), {
 					"model-value": multiple.value ? ids.value : ids.value[0] ?? "",
 					multiple: multiple.value,
@@ -674,7 +674,7 @@ var Select_default = /* @__PURE__ */ defineComponent({
 						"aria-describedby": unref(describedBy)
 					}, {
 						default: withCtx(() => [
-							_ctx.$slots.start ? (openBlock(), createElementBlock("span", _hoisted_5$12, [renderSlot(_ctx.$slots, "start")])) : createCommentVNode("", true),
+							_ctx.$slots.start ? (openBlock(), createElementBlock("span", _hoisted_5$13, [renderSlot(_ctx.$slots, "start")])) : createCommentVNode("", true),
 							createVNode(unref(SelectValue), {
 								class: "select__value",
 								placeholder: __props.placeholder
@@ -700,7 +700,7 @@ var Select_default = /* @__PURE__ */ defineComponent({
 						"aria-label": __props.clearLabel ?? "Hapus pilihan",
 						disabled: __props.disabled || ids.value.length === 0,
 						onClick: clear
-					}, [createVNode(CloseIcon_default, { class: "selection__close-icon" })], 8, _hoisted_6$9)) : createCommentVNode("", true)], 8, _hoisted_4$18), createVNode(unref(SelectPortal), null, {
+					}, [createVNode(CloseIcon_default, { class: "selection__close-icon" })], 8, _hoisted_6$10)) : createCommentVNode("", true)], 8, _hoisted_4$19), createVNode(unref(SelectPortal), null, {
 						default: withCtx(() => [createVNode(unref(SelectContent), {
 							class: "select__popover",
 							position: "popper",
@@ -774,7 +774,7 @@ var Select_default = /* @__PURE__ */ defineComponent({
 					"required",
 					"disabled"
 				])
-			], 10, _hoisted_1$31);
+			], 10, _hoisted_1$33);
 		};
 	}
 });
@@ -834,14 +834,14 @@ var SelectGroup_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/Input.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$30 = ["dir"];
-var _hoisted_2$25 = ["disabled"];
-var _hoisted_3$21 = ["data-invalid", "data-readonly"];
-var _hoisted_4$17 = {
+var _hoisted_1$32 = ["dir"];
+var _hoisted_2$26 = ["disabled"];
+var _hoisted_3$22 = ["data-invalid", "data-readonly"];
+var _hoisted_4$18 = {
 	key: 0,
 	class: "input__prefix"
 };
-var _hoisted_5$11 = [
+var _hoisted_5$12 = [
 	"id",
 	"type",
 	"name",
@@ -863,7 +863,7 @@ var _hoisted_5$11 = [
 	"spellcheck",
 	"form"
 ];
-var _hoisted_6$8 = {
+var _hoisted_6$9 = {
 	key: 1,
 	class: "input__suffix"
 };
@@ -993,7 +993,7 @@ var Input_default = /* @__PURE__ */ defineComponent({
 					"data-readonly": __props.readonly || void 0,
 					onPointerdown: pointerdown
 				}, [
-					_ctx.$slots.prefix ? (openBlock(), createElementBlock("span", _hoisted_4$17, [renderSlot(_ctx.$slots, "prefix")])) : createCommentVNode("", true),
+					_ctx.$slots.prefix ? (openBlock(), createElementBlock("span", _hoisted_4$18, [renderSlot(_ctx.$slots, "prefix")])) : createCommentVNode("", true),
 					createElementVNode("input", {
 						id: controlId.value,
 						ref_key: "control",
@@ -1023,9 +1023,9 @@ var Input_default = /* @__PURE__ */ defineComponent({
 						onBlur: _cache[1] || (_cache[1] = ($event) => emit("blur", $event)),
 						onKeydown: _cache[2] || (_cache[2] = ($event) => emit("keydown", $event)),
 						onKeyup: _cache[3] || (_cache[3] = ($event) => emit("keyup", $event))
-					}, null, 40, _hoisted_5$11),
-					_ctx.$slots.suffix ? (openBlock(), createElementBlock("span", _hoisted_6$8, [renderSlot(_ctx.$slots, "suffix")])) : createCommentVNode("", true)
-				], 42, _hoisted_3$21)], 8, _hoisted_2$25),
+					}, null, 40, _hoisted_5$12),
+					_ctx.$slots.suffix ? (openBlock(), createElementBlock("span", _hoisted_6$9, [renderSlot(_ctx.$slots, "suffix")])) : createCommentVNode("", true)
+				], 42, _hoisted_3$22)], 8, _hoisted_2$26),
 				__props.description ? (openBlock(), createElementBlock("span", {
 					key: 0,
 					id: `${controlId.value}-description`,
@@ -1036,14 +1036,14 @@ var Input_default = /* @__PURE__ */ defineComponent({
 					id: `${controlId.value}-error`,
 					class: "input__error"
 				}, toDisplayString(__props.errorMessage), 9, _hoisted_8$7)) : createCommentVNode("", true)
-			], 10, _hoisted_1$30);
+			], 10, _hoisted_1$32);
 		};
 	}
 });
 //#endregion
 //#region src/Textarea.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$29 = ["data-resize", "dir"];
-var _hoisted_2$24 = [
+var _hoisted_1$31 = ["data-resize", "dir"];
+var _hoisted_2$25 = [
 	"id",
 	"rows",
 	"name",
@@ -1058,8 +1058,8 @@ var _hoisted_2$24 = [
 	"autocomplete",
 	"maxlength"
 ];
-var _hoisted_3$20 = ["id"];
-var _hoisted_4$16 = ["id"];
+var _hoisted_3$21 = ["id"];
+var _hoisted_4$17 = ["id"];
 //#endregion
 //#region src/Textarea.vue
 var Textarea_default = /* @__PURE__ */ defineComponent({
@@ -1144,18 +1144,18 @@ var Textarea_default = /* @__PURE__ */ defineComponent({
 					autocomplete: __props.autoComplete,
 					maxlength: __props.maxLength,
 					onInput
-				}, null, 40, _hoisted_2$24),
+				}, null, 40, _hoisted_2$25),
 				__props.description ? (openBlock(), createElementBlock("span", {
 					key: 0,
 					id: `${controlId.value}-description`,
 					class: "input__description"
-				}, toDisplayString(__props.description), 9, _hoisted_3$20)) : createCommentVNode("", true),
+				}, toDisplayString(__props.description), 9, _hoisted_3$21)) : createCommentVNode("", true),
 				showError.value ? (openBlock(), createElementBlock("div", {
 					key: 1,
 					id: `${controlId.value}-error`,
 					class: "input__error"
-				}, toDisplayString(__props.errorMessage), 9, _hoisted_4$16)) : createCommentVNode("", true)
-			], 8, _hoisted_1$29);
+				}, toDisplayString(__props.errorMessage), 9, _hoisted_4$17)) : createCommentVNode("", true)
+			], 8, _hoisted_1$31);
 		};
 	}
 });
@@ -1184,9 +1184,9 @@ var Label_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/Checkbox.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$28 = ["dir"];
-var _hoisted_2$23 = ["data-disabled"];
-var _hoisted_3$19 = ["name", "value"];
+var _hoisted_1$30 = ["dir"];
+var _hoisted_2$24 = ["data-disabled"];
+var _hoisted_3$20 = ["name", "value"];
 //#endregion
 //#region src/Checkbox.vue
 var Checkbox_default = /* @__PURE__ */ defineComponent({
@@ -1278,13 +1278,13 @@ var Checkbox_default = /* @__PURE__ */ defineComponent({
 				}, {
 					default: withCtx(() => [createTextVNode(toDisplayString(__props.label), 1)]),
 					_: 1
-				}, 8, ["for"])], 8, _hoisted_2$23),
+				}, 8, ["for"])], 8, _hoisted_2$24),
 				__props.indeterminate && selected.value && __props.name && !__props.disabled ? (openBlock(), createElementBlock("input", {
 					key: 0,
 					type: "hidden",
 					name: __props.name,
 					value: __props.value
-				}, null, 8, _hoisted_3$19)) : createCommentVNode("", true),
+				}, null, 8, _hoisted_3$20)) : createCommentVNode("", true),
 				createVNode(FieldFeedback_default, {
 					"control-id": unref(controlId),
 					description: __props.description,
@@ -1296,15 +1296,15 @@ var Checkbox_default = /* @__PURE__ */ defineComponent({
 					"error-message",
 					"show-error"
 				])
-			], 8, _hoisted_1$28);
+			], 8, _hoisted_1$30);
 		};
 	}
 });
 //#endregion
 //#region src/RadioGroup.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$27 = ["id"];
-var _hoisted_2$22 = ["data-orientation"];
-var _hoisted_3$18 = ["data-disabled"];
+var _hoisted_1$29 = ["id"];
+var _hoisted_2$23 = ["data-orientation"];
+var _hoisted_3$19 = ["data-disabled"];
 //#endregion
 //#region src/RadioGroup.vue
 var RadioGroup_default = /* @__PURE__ */ defineComponent({
@@ -1367,7 +1367,7 @@ var RadioGroup_default = /* @__PURE__ */ defineComponent({
 					createElementVNode("span", {
 						id: `${unref(controlId)}-label`,
 						class: "label"
-					}, toDisplayString(__props.label), 9, _hoisted_1$27),
+					}, toDisplayString(__props.label), 9, _hoisted_1$29),
 					createElementVNode("div", {
 						class: "radio-group__items",
 						"data-orientation": __props.orientation
@@ -1396,8 +1396,8 @@ var RadioGroup_default = /* @__PURE__ */ defineComponent({
 						}, {
 							default: withCtx(() => [createTextVNode(toDisplayString(option.label), 1)]),
 							_: 2
-						}, 1032, ["for"])], 8, _hoisted_3$18);
-					}), 128))], 8, _hoisted_2$22),
+						}, 1032, ["for"])], 8, _hoisted_3$19);
+					}), 128))], 8, _hoisted_2$23),
 					createVNode(FieldFeedback_default, {
 						"control-id": unref(controlId),
 						description: __props.description,
@@ -1428,8 +1428,8 @@ var RadioGroup_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/Switch.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$26 = ["dir"];
-var _hoisted_2$21 = ["data-disabled"];
+var _hoisted_1$28 = ["dir"];
+var _hoisted_2$22 = ["data-disabled"];
 //#endregion
 //#region src/Switch.vue
 var Switch_default = /* @__PURE__ */ defineComponent({
@@ -1510,7 +1510,7 @@ var Switch_default = /* @__PURE__ */ defineComponent({
 			}, {
 				default: withCtx(() => [createTextVNode(toDisplayString(__props.label), 1)]),
 				_: 1
-			}, 8, ["for"])], 8, _hoisted_2$21), createVNode(FieldFeedback_default, {
+			}, 8, ["for"])], 8, _hoisted_2$22), createVNode(FieldFeedback_default, {
 				"control-id": unref(controlId),
 				description: __props.description,
 				"error-message": __props.errorMessage,
@@ -1520,7 +1520,7 @@ var Switch_default = /* @__PURE__ */ defineComponent({
 				"description",
 				"error-message",
 				"show-error"
-			])], 8, _hoisted_1$26);
+			])], 8, _hoisted_1$28);
 		};
 	}
 });
@@ -1529,7 +1529,7 @@ var Switch_default = /* @__PURE__ */ defineComponent({
 var formErrorsKey = /* @__PURE__ */ Symbol("KazeeFormErrors");
 //#endregion
 //#region src/Field.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$25 = ["dir"];
+var _hoisted_1$27 = ["dir"];
 //#endregion
 //#region src/Field.vue
 var Field_default = /* @__PURE__ */ defineComponent({
@@ -1621,13 +1621,13 @@ var Field_default = /* @__PURE__ */ defineComponent({
 					"error-message",
 					"show-error"
 				])
-			], 8, _hoisted_1$25);
+			], 8, _hoisted_1$27);
 		};
 	}
 });
 //#endregion
 //#region src/Form.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$24 = [
+var _hoisted_1$26 = [
 	"id",
 	"dir",
 	"aria-label",
@@ -1682,7 +1682,7 @@ var Form_default = /* @__PURE__ */ defineComponent({
 				novalidate: __props.noValidate,
 				onSubmit: submit,
 				onReset: _cache[0] || (_cache[0] = ($event) => emit("reset", $event))
-			}, [renderSlot(_ctx.$slots, "default")], 40, _hoisted_1$24);
+			}, [renderSlot(_ctx.$slots, "default")], 40, _hoisted_1$26);
 		};
 	}
 });
@@ -1702,17 +1702,17 @@ function listboxSelection(value, options, mode) {
 }
 //#endregion
 //#region src/Listbox.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$23 = ["dir"];
-var _hoisted_2$20 = ["id"];
-var _hoisted_3$17 = { class: "listbox__text" };
-var _hoisted_4$15 = {
+var _hoisted_1$25 = ["dir"];
+var _hoisted_2$21 = ["id"];
+var _hoisted_3$18 = { class: "listbox__text" };
+var _hoisted_4$16 = {
 	key: 0,
 	class: "listbox__empty",
 	role: "option",
 	"aria-disabled": "true",
 	"aria-selected": "false"
 };
-var _hoisted_5$10 = [
+var _hoisted_5$11 = [
 	"name",
 	"value",
 	"disabled"
@@ -1768,7 +1768,7 @@ var Listbox_default = /* @__PURE__ */ defineComponent({
 				createElementVNode("span", {
 					id: labelId.value,
 					class: "label"
-				}, toDisplayString(__props.label), 9, _hoisted_2$20),
+				}, toDisplayString(__props.label), 9, _hoisted_2$21),
 				createVNode(unref(ListboxRoot), {
 					"model-value": model.value,
 					multiple: __props.selectionMode === "multiple",
@@ -1795,14 +1795,14 @@ var Listbox_default = /* @__PURE__ */ defineComponent({
 								"aria-disabled": __props.disabled || option.isDisabled || void 0,
 								class: "listbox__item"
 							}, {
-								default: withCtx(() => [createElementVNode("span", _hoisted_3$17, toDisplayString(option.label), 1), createVNode(CheckIcon_default, { class: "listbox__check" })]),
+								default: withCtx(() => [createElementVNode("span", _hoisted_3$18, toDisplayString(option.label), 1), createVNode(CheckIcon_default, { class: "listbox__check" })]),
 								_: 2
 							}, 1032, [
 								"value",
 								"disabled",
 								"aria-disabled"
 							]);
-						}), 128)), !__props.options.length ? (openBlock(), createElementBlock("span", _hoisted_4$15, toDisplayString(__props.emptyMessage), 1)) : createCommentVNode("", true)]),
+						}), 128)), !__props.options.length ? (openBlock(), createElementBlock("span", _hoisted_4$16, toDisplayString(__props.emptyMessage), 1)) : createCommentVNode("", true)]),
 						_: 1
 					}, 8, [
 						"id",
@@ -1838,17 +1838,17 @@ var Listbox_default = /* @__PURE__ */ defineComponent({
 						name: __props.name,
 						value: key,
 						disabled: __props.disabled
-					}, null, 8, _hoisted_5$10);
+					}, null, 8, _hoisted_5$11);
 				}), 128)) : createCommentVNode("", true)
-			], 8, _hoisted_1$23);
+			], 8, _hoisted_1$25);
 		};
 	}
 });
 //#endregion
 //#region src/NumberField.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$22 = ["dir"];
-var _hoisted_2$19 = { class: "number-field__group" };
-var _hoisted_3$16 = [
+var _hoisted_1$24 = ["dir"];
+var _hoisted_2$20 = { class: "number-field__group" };
+var _hoisted_3$17 = [
 	"name",
 	"value",
 	"disabled"
@@ -1933,7 +1933,7 @@ var NumberField_default = /* @__PURE__ */ defineComponent({
 					"disable-wheel-change": "",
 					"onUpdate:modelValue": update
 				}, {
-					default: withCtx(() => [createElementVNode("div", _hoisted_2$19, [
+					default: withCtx(() => [createElementVNode("div", _hoisted_2$20, [
 						createVNode(unref(NumberFieldDecrement), {
 							class: "number-field__step",
 							"aria-label": __props.decrementLabel ?? `Kurangi ${__props.label}`
@@ -1991,31 +1991,31 @@ var NumberField_default = /* @__PURE__ */ defineComponent({
 					name: __props.name,
 					value: selected.value === null ? "" : String(selected.value),
 					disabled: __props.disabled
-				}, null, 8, _hoisted_3$16)) : createCommentVNode("", true)
-			], 8, _hoisted_1$22);
+				}, null, 8, _hoisted_3$17)) : createCommentVNode("", true)
+			], 8, _hoisted_1$24);
 		};
 	}
 });
 //#endregion
 //#region src/Card.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$21 = { class: "card" };
-var _hoisted_2$18 = {
+var _hoisted_1$23 = { class: "card" };
+var _hoisted_2$19 = {
 	key: 0,
 	class: "card__header"
 };
-var _hoisted_3$15 = {
+var _hoisted_3$16 = {
 	key: 0,
 	class: "card__heading"
 };
-var _hoisted_4$14 = {
+var _hoisted_4$15 = {
 	key: 0,
 	class: "card__title-row"
 };
-var _hoisted_5$9 = {
+var _hoisted_5$10 = {
 	key: 2,
 	class: "card__description"
 };
-var _hoisted_6$7 = {
+var _hoisted_6$8 = {
 	key: 1,
 	class: "card__actions"
 };
@@ -2035,8 +2035,8 @@ var Card_default = /* @__PURE__ */ defineComponent({
 	},
 	setup(__props) {
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", _hoisted_1$21, [
-				__props.title || __props.description || _ctx.$slots.actions || _ctx.$slots.header || _ctx.$slots["title-extras"] ? (openBlock(), createElementBlock("div", _hoisted_2$18, [__props.title || __props.description || _ctx.$slots.header || _ctx.$slots["title-extras"] ? (openBlock(), createElementBlock("div", _hoisted_3$15, [renderSlot(_ctx.$slots, "header", {}, () => [_ctx.$slots["title-extras"] ? (openBlock(), createElementBlock("div", _hoisted_4$14, [__props.title ? (openBlock(), createBlock(resolveDynamicComponent(`h${__props.headingLevel}`), {
+			return openBlock(), createElementBlock("div", _hoisted_1$23, [
+				__props.title || __props.description || _ctx.$slots.actions || _ctx.$slots.header || _ctx.$slots["title-extras"] ? (openBlock(), createElementBlock("div", _hoisted_2$19, [__props.title || __props.description || _ctx.$slots.header || _ctx.$slots["title-extras"] ? (openBlock(), createElementBlock("div", _hoisted_3$16, [renderSlot(_ctx.$slots, "header", {}, () => [_ctx.$slots["title-extras"] ? (openBlock(), createElementBlock("div", _hoisted_4$15, [__props.title ? (openBlock(), createBlock(resolveDynamicComponent(`h${__props.headingLevel}`), {
 					key: 0,
 					class: "card__title"
 				}, {
@@ -2048,7 +2048,7 @@ var Card_default = /* @__PURE__ */ defineComponent({
 				}, {
 					default: withCtx(() => [createTextVNode(toDisplayString(__props.title), 1)]),
 					_: 1
-				})) : createCommentVNode("", true), __props.description ? (openBlock(), createElementBlock("p", _hoisted_5$9, toDisplayString(__props.description), 1)) : createCommentVNode("", true)])])) : createCommentVNode("", true), _ctx.$slots.actions ? (openBlock(), createElementBlock("div", _hoisted_6$7, [renderSlot(_ctx.$slots, "actions")])) : createCommentVNode("", true)])) : createCommentVNode("", true),
+				})) : createCommentVNode("", true), __props.description ? (openBlock(), createElementBlock("p", _hoisted_5$10, toDisplayString(__props.description), 1)) : createCommentVNode("", true)])])) : createCommentVNode("", true), _ctx.$slots.actions ? (openBlock(), createElementBlock("div", _hoisted_6$8, [renderSlot(_ctx.$slots, "actions")])) : createCommentVNode("", true)])) : createCommentVNode("", true),
 				createElementVNode("div", _hoisted_7$6, [renderSlot(_ctx.$slots, "default")]),
 				_ctx.$slots.footer ? (openBlock(), createElementBlock("div", _hoisted_8$6, [renderSlot(_ctx.$slots, "footer")])) : createCommentVNode("", true)
 			]);
@@ -2057,7 +2057,7 @@ var Card_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/Badge.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$20 = ["data-tone"];
+var _hoisted_1$22 = ["data-tone"];
 //#endregion
 //#region src/Badge.vue
 var Badge_default = /* @__PURE__ */ defineComponent({
@@ -2068,13 +2068,13 @@ var Badge_default = /* @__PURE__ */ defineComponent({
 			return openBlock(), createElementBlock("span", {
 				class: "badge",
 				"data-tone": __props.tone
-			}, [renderSlot(_ctx.$slots, "default")], 8, _hoisted_1$20);
+			}, [renderSlot(_ctx.$slots, "default")], 8, _hoisted_1$22);
 		};
 	}
 });
 //#endregion
 //#region src/Skeleton.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$19 = ["data-shape", "data-animated"];
+var _hoisted_1$21 = ["data-shape", "data-animated"];
 //#endregion
 //#region src/Skeleton.vue
 var Skeleton_default = /* @__PURE__ */ defineComponent({
@@ -2094,13 +2094,13 @@ var Skeleton_default = /* @__PURE__ */ defineComponent({
 				"data-shape": __props.shape,
 				"data-animated": __props.animated ? "true" : void 0,
 				"aria-hidden": "true"
-			}), null, 16, _hoisted_1$19);
+			}), null, 16, _hoisted_1$21);
 		};
 	}
 });
 //#endregion
 //#region src/Separator.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$18 = [
+var _hoisted_1$20 = [
 	"data-orientation",
 	"role",
 	"aria-hidden",
@@ -2126,7 +2126,7 @@ var Separator_default = /* @__PURE__ */ defineComponent({
 				role: __props.decorative ? "presentation" : "separator",
 				"aria-hidden": __props.decorative ? "true" : void 0,
 				"aria-orientation": __props.decorative ? void 0 : __props.orientation
-			}), null, 16, _hoisted_1$18);
+			}), null, 16, _hoisted_1$20);
 		};
 	}
 });
@@ -2229,19 +2229,19 @@ function mountTabsIndicator(container) {
 }
 //#endregion
 //#region src/TabsListView.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$17 = ["aria-label"];
-var _hoisted_2$17 = {
+var _hoisted_1$19 = ["aria-label"];
+var _hoisted_2$18 = {
 	key: 0,
 	class: "tabs__separator",
 	"aria-hidden": "true"
 };
-var _hoisted_3$14 = {
+var _hoisted_3$15 = {
 	key: 1,
 	class: "tabs__icon",
 	"aria-hidden": "true"
 };
-var _hoisted_4$13 = { class: "tabs__label" };
-var _hoisted_5$8 = ["aria-label"];
+var _hoisted_4$14 = { class: "tabs__label" };
+var _hoisted_5$9 = ["aria-label"];
 //#endregion
 //#region src/TabsListView.vue
 var TabsListView_default = /* @__PURE__ */ defineComponent({
@@ -2275,7 +2275,7 @@ var TabsListView_default = /* @__PURE__ */ defineComponent({
 				}, [..._cache[0] || (_cache[0] = [createElementVNode("svg", {
 					viewBox: "0 0 24 24",
 					"aria-hidden": "true"
-				}, [createElementVNode("path", { d: "m14 6-6 6 6 6" })], -1)])], 8, _hoisted_1$17),
+				}, [createElementVNode("path", { d: "m14 6-6 6 6 6" })], -1)])], 8, _hoisted_1$19),
 				createVNode(unref(TabsList), {
 					class: "tabs__list",
 					"aria-label": __props.label
@@ -2288,9 +2288,9 @@ var TabsListView_default = /* @__PURE__ */ defineComponent({
 							disabled: item.isDisabled
 						}, {
 							default: withCtx(() => [
-								__props.showSeparators && index > 0 ? (openBlock(), createElementBlock("span", _hoisted_2$17)) : createCommentVNode("", true),
-								_ctx.$slots.icon ? (openBlock(), createElementBlock("span", _hoisted_3$14, [renderSlot(_ctx.$slots, "icon", { item })])) : createCommentVNode("", true),
-								createElementVNode("span", _hoisted_4$13, toDisplayString(item.label), 1)
+								__props.showSeparators && index > 0 ? (openBlock(), createElementBlock("span", _hoisted_2$18)) : createCommentVNode("", true),
+								_ctx.$slots.icon ? (openBlock(), createElementBlock("span", _hoisted_3$15, [renderSlot(_ctx.$slots, "icon", { item })])) : createCommentVNode("", true),
+								createElementVNode("span", _hoisted_4$14, toDisplayString(item.label), 1)
 							]),
 							_: 2
 						}, 1032, ["value", "disabled"]);
@@ -2306,23 +2306,23 @@ 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)])], 8, _hoisted_5$8)
+				}, [createElementVNode("path", { d: "m10 6 6 6-6 6" })], -1)])], 8, _hoisted_5$9)
 			], 512);
 		};
 	}
 });
 //#endregion
 //#region src/Tabs.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$16 = {
+var _hoisted_1$18 = {
 	key: 0,
 	class: "tabs__toolbar"
 };
-var _hoisted_2$16 = { class: "tabs__navigation" };
-var _hoisted_3$13 = {
+var _hoisted_2$17 = { class: "tabs__navigation" };
+var _hoisted_3$14 = {
 	key: 1,
 	class: "tabs__extras"
 };
-var _hoisted_4$12 = {
+var _hoisted_4$13 = {
 	key: 0,
 	class: "tabs__actions"
 };
@@ -2386,7 +2386,7 @@ var Tabs_default = /* @__PURE__ */ defineComponent({
 				"data-orientation": __props.orientation,
 				"onUpdate:modelValue": update
 			}, {
-				default: withCtx(() => [_ctx.$slots.extras || _ctx.$slots.actions ? (openBlock(), createElementBlock("div", _hoisted_1$16, [createElementVNode("div", _hoisted_2$16, [__props.items.length ? (openBlock(), createBlock(TabsListView_default, {
+				default: withCtx(() => [_ctx.$slots.extras || _ctx.$slots.actions ? (openBlock(), createElementBlock("div", _hoisted_1$18, [createElementVNode("div", _hoisted_2$17, [__props.items.length ? (openBlock(), createBlock(TabsListView_default, {
 					key: 0,
 					label: __props.label,
 					items: __props.items,
@@ -2403,7 +2403,7 @@ var Tabs_default = /* @__PURE__ */ defineComponent({
 					"show-separators",
 					"previous-label",
 					"next-label"
-				])) : createCommentVNode("", true), _ctx.$slots.extras ? (openBlock(), createElementBlock("div", _hoisted_3$13, [renderSlot(_ctx.$slots, "extras")])) : createCommentVNode("", true)]), _ctx.$slots.actions ? (openBlock(), createElementBlock("div", _hoisted_4$12, [renderSlot(_ctx.$slots, "actions")])) : createCommentVNode("", true)])) : __props.items.length ? (openBlock(), createBlock(TabsListView_default, {
+				])) : createCommentVNode("", true), _ctx.$slots.extras ? (openBlock(), createElementBlock("div", _hoisted_3$14, [renderSlot(_ctx.$slots, "extras")])) : createCommentVNode("", true)]), _ctx.$slots.actions ? (openBlock(), createElementBlock("div", _hoisted_4$13, [renderSlot(_ctx.$slots, "actions")])) : createCommentVNode("", true)])) : __props.items.length ? (openBlock(), createBlock(TabsListView_default, {
 					key: 1,
 					label: __props.label,
 					items: __props.items,
@@ -2472,25 +2472,25 @@ function paginationModel(totalItems, pageSize, value, siblingCount = 1) {
 }
 //#endregion
 //#region src/Pagination.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$15 = [
+var _hoisted_1$17 = [
 	"id",
 	"aria-label",
 	"dir"
 ];
-var _hoisted_2$15 = ["disabled"];
-var _hoisted_3$12 = {
+var _hoisted_2$16 = ["disabled"];
+var _hoisted_3$13 = {
 	key: 0,
 	class: "pagination__gap",
 	"aria-hidden": "true"
 };
-var _hoisted_4$11 = [
+var _hoisted_4$12 = [
 	"aria-label",
 	"aria-current",
 	"disabled",
 	"onClick"
 ];
-var _hoisted_5$7 = ["disabled"];
-var _hoisted_6$6 = {
+var _hoisted_5$8 = ["disabled"];
+var _hoisted_6$7 = {
 	class: "pagination__summary",
 	"aria-live": "polite"
 };
@@ -2539,9 +2539,9 @@ var Pagination_default = /* @__PURE__ */ defineComponent({
 					class: "pagination__button",
 					disabled: __props.disabled || model.value.current === 1,
 					onClick: _cache[0] || (_cache[0] = ($event) => change(model.value.current - 1))
-				}, toDisplayString(__props.previousLabel), 9, _hoisted_2$15),
+				}, toDisplayString(__props.previousLabel), 9, _hoisted_2$16),
 				(openBlock(true), createElementBlock(Fragment, null, renderList(model.value.entries, (entry) => {
-					return openBlock(), createElementBlock(Fragment, { key: entry }, [typeof entry === "string" ? (openBlock(), createElementBlock("span", _hoisted_3$12, "...")) : (openBlock(), createElementBlock("button", {
+					return openBlock(), createElementBlock(Fragment, { key: entry }, [typeof entry === "string" ? (openBlock(), createElementBlock("span", _hoisted_3$13, "...")) : (openBlock(), createElementBlock("button", {
 						key: 1,
 						type: "button",
 						class: "pagination__button",
@@ -2549,23 +2549,23 @@ var Pagination_default = /* @__PURE__ */ defineComponent({
 						"aria-current": entry === model.value.current ? "page" : void 0,
 						disabled: __props.disabled,
 						onClick: ($event) => change(entry)
-					}, toDisplayString(entry), 9, _hoisted_4$11))], 64);
+					}, toDisplayString(entry), 9, _hoisted_4$12))], 64);
 				}), 128)),
 				createElementVNode("button", {
 					type: "button",
 					class: "pagination__button",
 					disabled: __props.disabled || model.value.current === model.value.count,
 					onClick: _cache[1] || (_cache[1] = ($event) => change(model.value.current + 1))
-				}, toDisplayString(__props.nextLabel), 9, _hoisted_5$7),
-				createElementVNode("span", _hoisted_6$6, toDisplayString(model.value.current) + " / " + toDisplayString(model.value.count), 1)
-			], 8, _hoisted_1$15);
+				}, toDisplayString(__props.nextLabel), 9, _hoisted_5$8),
+				createElementVNode("span", _hoisted_6$7, toDisplayString(model.value.current) + " / " + toDisplayString(model.value.count), 1)
+			], 8, _hoisted_1$17);
 		};
 	}
 });
 //#endregion
 //#region src/Table.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$14 = ["aria-label"];
-var _hoisted_2$14 = { class: "table__caption" };
+var _hoisted_1$16 = ["aria-label"];
+var _hoisted_2$15 = { class: "table__caption" };
 //#endregion
 //#region src/Table.vue
 var Table_default = /* @__PURE__ */ defineComponent({
@@ -2579,18 +2579,18 @@ var Table_default = /* @__PURE__ */ defineComponent({
 				role: "region",
 				"aria-label": __props.caption,
 				tabindex: "0"
-			}, [createElementVNode("table", mergeProps(_ctx.$attrs, { class: "table" }), [createElementVNode("caption", _hoisted_2$14, toDisplayString(__props.caption), 1), renderSlot(_ctx.$slots, "default")], 16)], 8, _hoisted_1$14);
+			}, [createElementVNode("table", mergeProps(_ctx.$attrs, { class: "table" }), [createElementVNode("caption", _hoisted_2$15, toDisplayString(__props.caption), 1), renderSlot(_ctx.$slots, "default")], 16)], 8, _hoisted_1$16);
 		};
 	}
 });
 //#endregion
 //#region src/DataTable.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$13 = ["id", "dir"];
-var _hoisted_2$13 = ["aria-sort"];
-var _hoisted_3$11 = ["disabled", "onClick"];
-var _hoisted_4$10 = { "aria-hidden": "true" };
-var _hoisted_5$6 = { key: 0 };
-var _hoisted_6$5 = ["colspan"];
+var _hoisted_1$15 = ["id", "dir"];
+var _hoisted_2$14 = ["aria-sort"];
+var _hoisted_3$12 = ["disabled", "onClick"];
+var _hoisted_4$11 = { "aria-hidden": "true" };
+var _hoisted_5$7 = { key: 0 };
+var _hoisted_6$6 = ["colspan"];
 var _hoisted_7$5 = {
 	key: 0,
 	class: "data-table__status",
@@ -2657,7 +2657,7 @@ var DataTable_default = /* @__PURE__ */ defineComponent({
 							class: "table__sort",
 							disabled: __props.loading || __props.disabled,
 							onClick: ($event) => requestSort(column)
-						}, [createTextVNode(toDisplayString(column.label), 1), createElementVNode("span", _hoisted_4$10, toDisplayString(__props.sort?.columnId === column.id ? __props.sort.direction === "ascending" ? "↑" : "↓" : "↕"), 1)], 8, _hoisted_3$11)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [createTextVNode(toDisplayString(column.label), 1)], 64))], 8, _hoisted_2$13);
+						}, [createTextVNode(toDisplayString(column.label), 1), createElementVNode("span", _hoisted_4$11, toDisplayString(__props.sort?.columnId === column.id ? __props.sort.direction === "ascending" ? "↑" : "↓" : "↕"), 1)], 8, _hoisted_3$12)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [createTextVNode(toDisplayString(column.label), 1)], 64))], 8, _hoisted_2$14);
 					}), 128))])]), createElementVNode("tbody", null, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.rows, (row) => {
 						return openBlock(), createElementBlock("tr", { key: row.id }, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.columns, (column) => {
 							return openBlock(), createElementBlock("td", { key: column.id }, [renderSlot(_ctx.$slots, "cell", {
@@ -2666,31 +2666,31 @@ var DataTable_default = /* @__PURE__ */ defineComponent({
 								value: row.cells[column.id]
 							}, () => [createTextVNode(toDisplayString(row.cells[column.id] ?? ""), 1)])]);
 						}), 128))]);
-					}), 128)), !__props.rows.length ? (openBlock(), createElementBlock("tr", _hoisted_5$6, [createElementVNode("td", {
+					}), 128)), !__props.rows.length ? (openBlock(), createElementBlock("tr", _hoisted_5$7, [createElementVNode("td", {
 						colspan: Math.max(1, __props.columns.length),
 						class: "table__empty"
-					}, toDisplayString(__props.loading ? __props.loadingMessage : __props.errorMessage || __props.emptyMessage), 9, _hoisted_6$5)])) : createCommentVNode("", true)])]),
+					}, toDisplayString(__props.loading ? __props.loadingMessage : __props.errorMessage || __props.emptyMessage), 9, _hoisted_6$6)])) : createCommentVNode("", true)])]),
 					_: 3
 				}, 8, ["caption", "aria-busy"]),
 				__props.loading ? (openBlock(), createElementBlock("p", _hoisted_7$5, toDisplayString(__props.loadingMessage), 1)) : createCommentVNode("", true),
 				__props.errorMessage && !__props.loading ? (openBlock(), createElementBlock("p", _hoisted_8$5, toDisplayString(__props.errorMessage), 1)) : createCommentVNode("", true)
-			], 8, _hoisted_1$13);
+			], 8, _hoisted_1$15);
 		};
 	}
 });
 //#endregion
 //#region src/Alert.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$12 = [
+var _hoisted_1$14 = [
 	"id",
 	"data-tone",
 	"role"
 ];
-var _hoisted_2$12 = { class: "alert__title" };
-var _hoisted_3$10 = {
+var _hoisted_2$13 = { class: "alert__title" };
+var _hoisted_3$11 = {
 	key: 0,
 	class: "alert__description"
 };
-var _hoisted_4$9 = {
+var _hoisted_4$10 = {
 	key: 1,
 	class: "alert__actions"
 };
@@ -2714,11 +2714,832 @@ var Alert_default = /* @__PURE__ */ defineComponent({
 				"data-tone": __props.tone,
 				role: __props.announcement === "polite" ? "status" : __props.announcement === "assertive" ? "alert" : void 0
 			}, [
-				createElementVNode("p", _hoisted_2$12, toDisplayString(__props.title), 1),
-				__props.description ? (openBlock(), createElementBlock("p", _hoisted_3$10, toDisplayString(__props.description), 1)) : createCommentVNode("", true),
+				createElementVNode("p", _hoisted_2$13, toDisplayString(__props.title), 1),
+				__props.description ? (openBlock(), createElementBlock("p", _hoisted_3$11, toDisplayString(__props.description), 1)) : createCommentVNode("", true),
 				renderSlot(_ctx.$slots, "default"),
-				_ctx.$slots.actions ? (openBlock(), createElementBlock("div", _hoisted_4$9, [renderSlot(_ctx.$slots, "actions")])) : createCommentVNode("", true)
-			], 8, _hoisted_1$12);
+				_ctx.$slots.actions ? (openBlock(), createElementBlock("div", _hoisted_4$10, [renderSlot(_ctx.$slots, "actions")])) : createCommentVNode("", true)
+			], 8, _hoisted_1$14);
+		};
+	}
+});
+//#endregion
+//#region src/useToast.ts
+var toastManagerKey = Symbol("KazeeToastManager");
+/** Access the nearest provider's manager. Create imperative managers per application. */
+function useToast() {
+	const manager = inject(toastManagerKey);
+	if (!manager) throw new Error("useToast must be used inside ToastProvider.");
+	return manager;
+}
+//#endregion
+//#region src/Toast.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$13 = [
+	"data-toast-id",
+	"data-tone",
+	"data-loading",
+	"data-state",
+	"data-placement",
+	"data-paused",
+	"data-swipe",
+	"dir",
+	"inert",
+	"aria-hidden",
+	"tabindex"
+];
+var _hoisted_2$12 = {
+	class: "toast__indicator",
+	"aria-hidden": "true"
+};
+var _hoisted_3$10 = {
+	viewBox: "0 0 24 24",
+	fill: "none",
+	stroke: "currentColor",
+	"stroke-width": "1.8",
+	"stroke-linecap": "round",
+	"stroke-linejoin": "round"
+};
+var _hoisted_4$9 = { class: "toast__body" };
+var _hoisted_5$6 = {
+	key: 1,
+	class: "toast__actions"
+};
+var _hoisted_6$5 = {
+	role: "status",
+	"aria-live": "polite",
+	"aria-atomic": "true",
+	style: {
+		"position": "absolute",
+		"width": "1px",
+		"height": "1px",
+		"padding": "0",
+		"margin": "-1px",
+		"overflow": "hidden",
+		"clip": "rect(0, 0, 0, 0)",
+		"white-space": "nowrap",
+		"border": "0"
+	}
+};
+//#endregion
+//#region src/Toast.vue
+var Toast_default = /* @__PURE__ */ defineComponent({
+	inheritAttrs: false,
+	__name: "Toast",
+	props: {
+		entry: {},
+		manager: { default: void 0 },
+		placement: { default: "bottom-end" },
+		closeLabel: { default: "Tutup" },
+		dir: { default: void 0 },
+		showProgress: {
+			type: Boolean,
+			default: false
+		},
+		swipeThreshold: { default: 50 }
+	},
+	setup(__props) {
+		const props = __props;
+		const manager = props.manager ?? useToast();
+		const closing = computed(() => props.entry.state === "closing");
+		const swipe = ref();
+		const delta = ref(0);
+		const announcement = ref("");
+		watch(() => [
+			props.entry.title,
+			props.entry.description,
+			props.entry.isLoading
+		], () => {
+			if (!closing.value) announcement.value = [props.entry.title, props.entry.description].filter(Boolean).join(". ");
+		});
+		const style = computed(() => ({
+			touchAction: "pan-y",
+			"--toast-progress": props.entry.duration > 0 ? props.entry.remaining / props.entry.duration : 0,
+			"--toast-remaining": `${props.entry.remaining}ms`,
+			"--toast-duration": `${props.entry.duration}ms`,
+			"--toast-swipe-x": `${delta.value}px`,
+			"--reka-toast-swipe-move-x": `${delta.value}px`,
+			"--reka-toast-swipe-end-x": `${delta.value}px`
+		}));
+		function viewport(element) {
+			return element?.closest(".toast-list");
+		}
+		function dismiss() {
+			const element = document.activeElement;
+			if (element instanceof HTMLElement && element.closest("[data-toast-id]")?.getAttribute("data-toast-id") === props.entry.id) viewport(element)?.focus({ preventScroll: true });
+			manager.dismiss(props.entry.id);
+		}
+		function action(value, reason, event) {
+			event.preventDefault();
+			value.onAction();
+			if (value.dismiss !== false) {
+				viewport(event.currentTarget)?.focus({ preventScroll: true });
+				manager.dismiss(props.entry.id, reason);
+			}
+		}
+		let pointer;
+		function pointerDown(event) {
+			if (closing.value || event.button !== 0 || event.isPrimary === false) return;
+			if (event.target.closest("button,a,input,textarea,select,[role=\"button\"],[contenteditable]:not([contenteditable=\"false\"]),[data-no-swipe]")) return;
+			const rtl = props.dir === "rtl" || !props.dir && getComputedStyle(event.currentTarget).direction === "rtl";
+			const start = props.placement.endsWith("start");
+			pointer = {
+				id: event.pointerId,
+				x: event.clientX,
+				y: event.clientY,
+				direction: start !== rtl ? -1 : 1,
+				started: false
+			};
+		}
+		function pointerMove(event) {
+			if (!pointer || pointer.id !== event.pointerId) return;
+			const x = event.clientX - pointer.x;
+			const y = event.clientY - pointer.y;
+			if (!pointer.started) {
+				if (Math.abs(y) > Math.abs(x) && Math.abs(y) > 8) {
+					pointer = void 0;
+					return;
+				}
+				if (Math.abs(x) < 8) return;
+				if (x * pointer.direction < 0) {
+					pointer = void 0;
+					return;
+				}
+				pointer.started = true;
+				event.currentTarget.setPointerCapture?.(event.pointerId);
+				swipe.value = "start";
+			}
+			delta.value = Math.max(0, x * pointer.direction) * pointer.direction;
+			swipe.value = "move";
+		}
+		function pointerEnd(event, cancel = false) {
+			if (!pointer || pointer.id !== event.pointerId) return;
+			const started = pointer.started;
+			pointer = void 0;
+			const node = event.currentTarget;
+			if (node.hasPointerCapture?.(event.pointerId)) node.releasePointerCapture(event.pointerId);
+			if (!started) return;
+			if (!cancel && Math.abs(delta.value) >= props.swipeThreshold) {
+				swipe.value = "end";
+				manager.dismiss(props.entry.id, "swipe");
+			} else {
+				swipe.value = "cancel";
+				delta.value = 0;
+			}
+			node.addEventListener("click", (click) => {
+				click.preventDefault();
+				click.stopPropagation();
+			}, { once: true });
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock(Fragment, null, [createVNode(unref(ToastRoot), {
+				open: !closing.value,
+				"force-mount": true,
+				duration: Infinity,
+				type: "background",
+				"as-child": ""
+			}, {
+				default: withCtx(() => [createElementVNode("li", {
+					class: "toast",
+					"data-toast-id": __props.entry.id,
+					"data-tone": __props.entry.tone,
+					"data-loading": __props.entry.isLoading || void 0,
+					"data-state": __props.entry.state,
+					"data-placement": __props.placement,
+					"data-paused": __props.entry.paused || void 0,
+					"data-swipe": swipe.value,
+					dir: __props.dir,
+					inert: closing.value || void 0,
+					"aria-hidden": closing.value || void 0,
+					tabindex: closing.value ? -1 : 0,
+					style: normalizeStyle(style.value),
+					onPointerdown: pointerDown,
+					onPointermove: pointerMove,
+					onPointerup: _cache[2] || (_cache[2] = ($event) => pointerEnd($event)),
+					onPointercancel: _cache[3] || (_cache[3] = ($event) => pointerEnd($event, true))
+				}, [
+					createElementVNode("span", _hoisted_2$12, [renderSlot(_ctx.$slots, "indicator", { entry: __props.entry }, () => [(openBlock(), createElementBlock("svg", _hoisted_3$10, [__props.entry.isLoading ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [_cache[4] || (_cache[4] = createElementVNode("circle", {
+						cx: "12",
+						cy: "12",
+						r: "9",
+						opacity: ".25"
+					}, null, -1)), _cache[5] || (_cache[5] = createElementVNode("path", { d: "M12 3a9 9 0 0 1 9 9" }, null, -1))], 64)) : __props.entry.tone === "success" ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [_cache[6] || (_cache[6] = createElementVNode("circle", {
+						cx: "12",
+						cy: "12",
+						r: "9"
+					}, null, -1)), _cache[7] || (_cache[7] = createElementVNode("path", { d: "m8 12 3 3 5-6" }, null, -1))], 64)) : __props.entry.tone === "warning" ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [_cache[8] || (_cache[8] = createElementVNode("path", { d: "m12 3 10 18H2L12 3Z" }, null, -1)), _cache[9] || (_cache[9] = createElementVNode("path", { d: "M12 9v4m0 4h.01" }, null, -1))], 64)) : __props.entry.tone === "danger" ? (openBlock(), createElementBlock(Fragment, { key: 3 }, [_cache[10] || (_cache[10] = createElementVNode("circle", {
+						cx: "12",
+						cy: "12",
+						r: "9"
+					}, null, -1)), _cache[11] || (_cache[11] = createElementVNode("path", { d: "m9 9 6 6m0-6-6 6" }, null, -1))], 64)) : (openBlock(), createElementBlock(Fragment, { key: 4 }, [_cache[12] || (_cache[12] = createElementVNode("circle", {
+						cx: "12",
+						cy: "12",
+						r: "9"
+					}, null, -1)), _cache[13] || (_cache[13] = createElementVNode("path", { d: "M12 11v6m0-10h.01" }, null, -1))], 64))]))])]),
+					createElementVNode("div", _hoisted_4$9, [renderSlot(_ctx.$slots, "default", {
+						entry: __props.entry,
+						dismiss
+					}, () => [
+						createVNode(unref(ToastTitle), { class: "toast__title" }, {
+							default: withCtx(() => [createTextVNode(toDisplayString(__props.entry.title), 1)]),
+							_: 1
+						}),
+						__props.entry.description ? (openBlock(), createBlock(unref(ToastDescription), {
+							key: 0,
+							class: "toast__description"
+						}, {
+							default: withCtx(() => [createTextVNode(toDisplayString(__props.entry.description), 1)]),
+							_: 1
+						})) : createCommentVNode("", true),
+						__props.entry.action || __props.entry.cancel ? (openBlock(), createElementBlock("div", _hoisted_5$6, [__props.entry.action ? (openBlock(), createBlock(unref(ToastAction), {
+							key: 0,
+							class: "toast__action",
+							"alt-text": __props.entry.action.altText,
+							"close-on-click": false,
+							disabled: closing.value,
+							onClick: _cache[0] || (_cache[0] = ($event) => action(__props.entry.action, "action", $event))
+						}, {
+							default: withCtx(() => [createTextVNode(toDisplayString(__props.entry.action.label), 1)]),
+							_: 1
+						}, 8, ["alt-text", "disabled"])) : createCommentVNode("", true), __props.entry.cancel ? (openBlock(), createBlock(unref(ToastAction), {
+							key: 1,
+							class: "toast__action",
+							"data-cancel": "",
+							"alt-text": __props.entry.cancel.altText,
+							"close-on-click": false,
+							disabled: closing.value,
+							onClick: _cache[1] || (_cache[1] = ($event) => action(__props.entry.cancel, "cancel", $event))
+						}, {
+							default: withCtx(() => [createTextVNode(toDisplayString(__props.entry.cancel.label), 1)]),
+							_: 1
+						}, 8, ["alt-text", "disabled"])) : createCommentVNode("", true)])) : createCommentVNode("", true)
+					])]),
+					createVNode(unref(ToastClose), {
+						class: "toast__close",
+						"aria-label": __props.closeLabel,
+						disabled: closing.value,
+						onClick: dismiss
+					}, {
+						default: withCtx(() => [..._cache[14] || (_cache[14] = [createElementVNode("svg", {
+							"aria-hidden": "true",
+							viewBox: "0 0 24 24",
+							fill: "none",
+							stroke: "currentColor",
+							"stroke-width": "1.8",
+							"stroke-linecap": "round"
+						}, [createElementVNode("path", { d: "m6 6 12 12M6 18 18 6" })], -1)])]),
+						_: 1
+					}, 8, ["aria-label", "disabled"]),
+					__props.showProgress && __props.entry.duration > 0 && !__props.entry.isLoading ? (openBlock(), createElementBlock("span", {
+						key: `${__props.entry.generation}-${__props.entry.remaining}-${__props.entry.paused}`,
+						class: "toast__progress",
+						"aria-hidden": "true"
+					})) : createCommentVNode("", true)
+				], 44, _hoisted_1$13)]),
+				_: 3
+			}, 8, ["open"]), createElementVNode("span", _hoisted_6$5, toDisplayString(announcement.value), 1)], 64);
+		};
+	}
+});
+//#endregion
+//#region src/toast-model.ts
+var EMPTY = Object.freeze([]);
+var messageOptions = (message) => typeof message === "string" ? { title: message } : message;
+var milliseconds = (value, fallback) => Number.isFinite(value) && value >= 0 ? value : fallback;
+/** Complete required notifications/cleanup before reporting user callback failures. */
+var complete = (operations) => {
+	const errors = [];
+	for (const operation of operations) try {
+		operation();
+	} catch (error) {
+		errors.push(error);
+	}
+	if (errors.length === 1) throw errors[0];
+	if (errors.length > 1) throw new AggregateError(errors, "Toast lifecycle callbacks failed.");
+};
+/** Create per application/provider; no browser globals or timers are used until attached. */
+function createToastManager(options = {}) {
+	const maxVisible = Math.max(1, Math.floor(options.maxVisible ?? 3));
+	const maxPending = Math.max(0, Math.floor(options.maxPending ?? 50));
+	const duration = milliseconds(options.duration ?? 5e3, 5e3);
+	const exitDuration = milliseconds(options.exitDuration ?? 200, 200);
+	const records = /* @__PURE__ */ new Map();
+	const visible = [];
+	const pending = [];
+	const listeners = /* @__PURE__ */ new Set();
+	const pauses = /* @__PURE__ */ new Map();
+	let snapshot = EMPTY;
+	let attached = false;
+	let disposed = false;
+	let sequence = 0;
+	let generation = 0;
+	const paused = () => !attached || pauses.size > 0;
+	const freeze = (entry) => Object.freeze({
+		...entry,
+		action: entry.action ? Object.freeze({ ...entry.action }) : void 0,
+		cancel: entry.cancel ? Object.freeze({ ...entry.cancel }) : void 0
+	});
+	const publish = () => {
+		const next = visible.map((id) => records.get(id).entry);
+		if (next.length === snapshot.length && next.every((entry, index) => entry === snapshot[index])) return;
+		snapshot = Object.freeze(next);
+		complete([...listeners]);
+	};
+	const stop = (record) => {
+		if (record.timer !== void 0) clearTimeout(record.timer);
+		record.timer = void 0;
+		if (record.startedAt !== null) {
+			const elapsed = Math.max(0, Date.now() - record.startedAt);
+			if (record.entry.state === "closing") record.exitRemaining = Math.max(0, record.exitRemaining - elapsed);
+			else record.entry = freeze({
+				...record.entry,
+				remaining: Math.max(0, record.entry.remaining - elapsed)
+			});
+		}
+		record.startedAt = null;
+	};
+	const promote = () => {
+		while (visible.length < maxVisible && pending.length) {
+			const id = pending.shift();
+			const record = records.get(id);
+			visible.push(id);
+			record.entry = freeze({
+				...record.entry,
+				visibleAt: Date.now(),
+				paused: paused()
+			});
+			start(record);
+		}
+	};
+	const remove = (id) => {
+		const record = records.get(id);
+		if (!record) return;
+		stop(record);
+		records.delete(id);
+		const index = visible.indexOf(id);
+		if (index >= 0) visible.splice(index, 1);
+		const waiting = pending.indexOf(id);
+		if (waiting >= 0) pending.splice(waiting, 1);
+		promote();
+		publish();
+	};
+	const start = (record) => {
+		if (!attached || record.entry.visibleAt === null || record.timer !== void 0) return;
+		const closing = record.entry.state === "closing";
+		if (!closing && (paused() || record.entry.isLoading || record.entry.duration === 0)) return;
+		record.startedAt = Date.now();
+		record.timer = setTimeout(() => {
+			record.timer = void 0;
+			record.startedAt = null;
+			if (closing) remove(record.entry.id);
+			else manager.dismiss(record.entry.id, "timeout");
+		}, closing ? record.exitRemaining : record.entry.remaining);
+	};
+	const refreshPause = () => {
+		for (const id of visible) {
+			const record = records.get(id);
+			stop(record);
+			record.entry = freeze({
+				...record.entry,
+				paused: paused() || record.entry.state === "closing"
+			});
+			start(record);
+		}
+		publish();
+	};
+	const update = (id, changes, invalidate, onGeneration) => {
+		const record = records.get(id);
+		if (!record || record.entry.state === "closing" || disposed) return false;
+		stop(record);
+		const before = record.entry;
+		const settled = before.isLoading && changes.isLoading === false;
+		const nextDuration = changes.duration !== void 0 ? milliseconds(changes.duration, duration) : settled ? duration : before.duration;
+		record.entry = freeze({
+			...before,
+			...changes,
+			id,
+			tone: changes.tone ?? before.tone,
+			duration: nextDuration,
+			isLoading: changes.isLoading ?? before.isLoading,
+			remaining: changes.duration !== void 0 || settled ? nextDuration : before.remaining,
+			generation: invalidate ? ++generation : before.generation
+		});
+		onGeneration?.(record.entry.generation);
+		start(record);
+		publish();
+		return true;
+	};
+	const add = (value, onGeneration) => {
+		if (disposed) return null;
+		if (value.id !== void 0 && records.has(value.id)) return update(value.id, value, true, onGeneration) ? value.id : null;
+		if (visible.length >= maxVisible && pending.length >= maxPending) return null;
+		let id = value.id;
+		if (id === void 0) do
+			id = `toast-${++sequence}`;
+		while (records.has(id));
+		const entry = freeze({
+			...value,
+			id,
+			tone: value.tone ?? "neutral",
+			duration: milliseconds(value.duration ?? duration, duration),
+			isLoading: value.isLoading ?? false,
+			generation: ++generation,
+			state: "open",
+			createdAt: Date.now(),
+			visibleAt: visible.length < maxVisible ? Date.now() : null,
+			remaining: milliseconds(value.duration ?? duration, duration),
+			paused: paused()
+		});
+		const record = {
+			entry,
+			startedAt: null,
+			exitRemaining: exitDuration
+		};
+		records.set(id, record);
+		if (visible.length < maxVisible) {
+			visible.push(id);
+			start(record);
+		} else pending.push(id);
+		onGeneration?.(entry.generation);
+		publish();
+		return id;
+	};
+	const manager = {
+		add,
+		update: (id, changes) => update(id, changes, true),
+		dismiss(id, reason = "dismiss") {
+			const record = records.get(id);
+			if (!record || record.entry.state === "closing") return;
+			stop(record);
+			record.entry = freeze({
+				...record.entry,
+				state: "closing",
+				paused: true,
+				remaining: reason === "timeout" ? 0 : record.entry.remaining
+			});
+			complete([() => {
+				if (record.entry.visibleAt === null) remove(id);
+				else {
+					start(record);
+					publish();
+				}
+			}, () => record.entry.onClose?.(reason)]);
+		},
+		clear(reason = "clear") {
+			complete([...pending, ...visible].map((id) => () => manager.dismiss(id, reason)));
+		},
+		pause(reason) {
+			if (disposed) return;
+			pauses.set(reason, (pauses.get(reason) ?? 0) + 1);
+			if (pauses.size === 1 && pauses.get(reason) === 1) refreshPause();
+		},
+		resume(reason) {
+			const count = pauses.get(reason);
+			if (!count || disposed) return;
+			if (count === 1) pauses.delete(reason);
+			else pauses.set(reason, count - 1);
+			if (!pauses.size) refreshPause();
+		},
+		attach() {
+			if (disposed) throw new Error("Cannot attach a disposed ToastManager.");
+			if (attached) throw new Error("A ToastManager may attach to only one provider.");
+			attached = true;
+			try {
+				refreshPause();
+			} catch (error) {
+				attached = false;
+				complete([() => {
+					throw error;
+				}, refreshPause]);
+			}
+			let detached = false;
+			return () => {
+				if (detached || disposed) return;
+				detached = true;
+				attached = false;
+				refreshPause();
+			};
+		},
+		dispose() {
+			if (disposed) return;
+			disposed = true;
+			attached = false;
+			const closing = [...records.values()].filter((record) => record.entry.state === "open");
+			for (const record of records.values()) stop(record);
+			records.clear();
+			visible.length = 0;
+			pending.length = 0;
+			pauses.clear();
+			complete([
+				publish,
+				() => listeners.clear(),
+				...closing.map((record) => () => record.entry.onClose?.("unmount"))
+			]);
+		},
+		subscribe(listener) {
+			if (!disposed) listeners.add(listener);
+			return () => {
+				listeners.delete(listener);
+			};
+		},
+		getSnapshot: () => snapshot,
+		getServerSnapshot: () => EMPTY,
+		promise(task, messages, promiseOptions = {}) {
+			let expected;
+			const id = add({
+				...promiseOptions,
+				...messageOptions(messages.loading),
+				isLoading: true
+			}, (value) => {
+				expected = value;
+			});
+			const settle = (message, tone) => {
+				if (id === null || records.get(id)?.entry.generation !== expected || records.get(id)?.entry.state !== "open") return;
+				const content = typeof message === "function" ? message() : message;
+				if (records.get(id)?.entry.generation !== expected || records.get(id)?.entry.state !== "open") return;
+				update(id, {
+					tone,
+					duration: promiseOptions.duration ?? duration,
+					...messageOptions(content),
+					isLoading: false
+				}, false);
+			};
+			return {
+				id,
+				promise: task.then((value) => {
+					const message = messages.success;
+					settle(typeof message === "function" ? () => message(value) : message, "success");
+					return value;
+				}, (error) => {
+					const message = messages.error;
+					settle(typeof message === "function" ? () => message(error) : message, "danger");
+					throw error;
+				})
+			};
+		}
+	};
+	return manager;
+}
+//#endregion
+//#region src/ToastProvider.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$12 = ["data-placement", "dir"];
+//#endregion
+//#region src/ToastProvider.vue
+var ToastProvider_default = /* @__PURE__ */ defineComponent({
+	inheritAttrs: false,
+	__name: "ToastProvider",
+	props: {
+		manager: { default: void 0 },
+		placement: { default: "bottom-end" },
+		label: { default: "Notifikasi" },
+		closeLabel: { default: "Tutup" },
+		hotkey: { default: () => ["altKey", "KeyT"] },
+		dir: { default: void 0 },
+		showProgress: {
+			type: Boolean,
+			default: false
+		},
+		swipeThreshold: { default: 50 }
+	},
+	setup(__props) {
+		const props = __props;
+		const manager = props.manager ?? createToastManager();
+		const owned = !props.manager;
+		provide(toastManagerKey, manager);
+		const entries = shallowRef(manager.getServerSnapshot());
+		const region = ref();
+		const active = ref(false);
+		const causes = /* @__PURE__ */ new Set();
+		let unsubscribe;
+		let detach;
+		let previousFocus;
+		const positions = /* @__PURE__ */ new Map();
+		const movements = /* @__PURE__ */ new Map();
+		let reflowQueued = false;
+		const hotkeyText = computed(() => props.hotkey.map((key) => ({
+			altKey: "Alt",
+			ctrlKey: "Ctrl",
+			metaKey: "Meta",
+			shiftKey: "Shift"
+		})[key] ?? key.replace(/^Key|^Digit/, "")).join("+"));
+		const viewportLabel = computed(() => hotkeyText.value ? `${props.label} (${hotkeyText.value})` : props.label);
+		function pause(cause) {
+			if (!causes.has(cause)) {
+				causes.add(cause);
+				manager.pause(`vue:${cause}`);
+			}
+		}
+		function resume(cause) {
+			if (causes.delete(cause)) manager.resume(`vue:${cause}`);
+		}
+		function focusOut(event) {
+			if (!region.value?.contains(event.relatedTarget)) resume("focus");
+		}
+		function focusIn(event) {
+			if (event.relatedTarget instanceof HTMLElement && !region.value?.contains(event.relatedTarget)) previousFocus = event.relatedTarget;
+			pause("focus");
+		}
+		function windowBlur() {
+			pause("window");
+		}
+		function windowFocus() {
+			resume("window");
+		}
+		function visibility() {
+			if (document.hidden) pause("document");
+			else resume("document");
+		}
+		function list() {
+			return region.value?.querySelector(".toast-list");
+		}
+		function restoreIfEmpty() {
+			const focused = document.activeElement;
+			if (!region.value?.contains(focused)) return;
+			if (!entries.value.some((entry) => entry.state === "open")) {
+				if (previousFocus?.isConnected) previousFocus.focus({ preventScroll: true });
+				else if (focused instanceof HTMLElement) focused.blur();
+				return;
+			}
+			const id = focused instanceof Element ? focused.closest("[data-toast-id]")?.dataset.toastId : void 0;
+			if (id && !entries.value.some((entry) => entry.id === id && entry.state === "open")) list()?.focus({ preventScroll: true });
+		}
+		function keyboard(event) {
+			if (!props.hotkey.length || event.defaultPrevented || !entries.value.some((entry) => entry.state === "open")) return;
+			const modifiers = [
+				"altKey",
+				"ctrlKey",
+				"metaKey",
+				"shiftKey"
+			];
+			if (!props.hotkey.every((key) => modifiers.includes(key) ? event[key] : event.code === key || event.key.toLowerCase() === key.toLowerCase()) || modifiers.some((key) => event[key] !== props.hotkey.includes(key))) return;
+			previousFocus = document.activeElement instanceof HTMLElement ? document.activeElement : void 0;
+			list()?.focus({ preventScroll: true });
+			event.preventDefault();
+		}
+		function escape(event) {
+			if (event.key !== "Escape" || event.defaultPrevented) return;
+			const target = event.target instanceof Element ? event.target.closest("[data-toast-id]") : null;
+			const entry = target ? entries.value.find((item) => item.id === target.dataset.toastId && item.state === "open") : [...entries.value].reverse().find((item) => item.state === "open");
+			if (!entry) return;
+			event.preventDefault();
+			event.stopPropagation();
+			list()?.focus({ preventScroll: true });
+			manager.dismiss(entry.id);
+			restoreIfEmpty();
+		}
+		function capturePositions() {
+			positions.clear();
+			if (!active.value || window.matchMedia("(prefers-reduced-motion: reduce)").matches) return;
+			const origin = region.value?.getBoundingClientRect();
+			region.value?.querySelectorAll(".toast").forEach((element) => {
+				if (element.dataset.toastId) positions.set(element.dataset.toastId, {
+					x: element.offsetLeft + (origin?.left ?? 0),
+					y: element.offsetTop + (origin?.top ?? 0)
+				});
+			});
+		}
+		function animateMovement(previous) {
+			if (!active.value) return;
+			if (window.matchMedia("(prefers-reduced-motion: reduce)").matches) {
+				for (const animation of movements.values()) animation.cancel();
+				movements.clear();
+				return;
+			}
+			const origin = region.value?.getBoundingClientRect();
+			region.value?.querySelectorAll(".toast").forEach((element) => {
+				const before = previous.get(element.dataset.toastId ?? "");
+				if (!before || element.dataset.state !== "open" || !element.animate) return;
+				const x = before.x - element.offsetLeft - (origin?.left ?? 0);
+				const y = before.y - element.offsetTop - (origin?.top ?? 0);
+				if (!x && !y) return;
+				movements.get(element)?.cancel();
+				const css = getComputedStyle(element);
+				const token = css.getPropertyValue("--ds-motion-duration-normal").trim();
+				const parsed = Number.parseFloat(token);
+				const duration = Number.isFinite(parsed) ? parsed * (token.endsWith("ms") ? 1 : 1e3) : 200;
+				const animation = element.animate([{ translate: `${x}px ${y}px` }, { translate: "0px 0px" }], {
+					duration,
+					easing: css.getPropertyValue("--ds-motion-ease-standard").trim() || "ease"
+				});
+				movements.set(element, animation);
+				const remove = () => {
+					if (movements.get(element) === animation) movements.delete(element);
+				};
+				animation.finished.then(remove, remove);
+			});
+			for (const [element, animation] of movements) if (!element.isConnected) {
+				animation.cancel();
+				movements.delete(element);
+			}
+		}
+		onMounted(() => {
+			detach = manager.attach();
+			active.value = true;
+			entries.value = manager.getSnapshot();
+			unsubscribe = manager.subscribe(() => {
+				if (!reflowQueued) {
+					capturePositions();
+					const previous = new Map(positions);
+					reflowQueued = true;
+					entries.value = manager.getSnapshot();
+					nextTick(() => {
+						reflowQueued = false;
+						animateMovement(previous);
+					});
+				}
+				entries.value = manager.getSnapshot();
+				restoreIfEmpty();
+			});
+			window.addEventListener("blur", windowBlur);
+			window.addEventListener("focus", windowFocus);
+			document.addEventListener("visibilitychange", visibility);
+			document.addEventListener("keydown", keyboard);
+			visibility();
+			if (!document.hasFocus()) pause("window");
+		});
+		onBeforeUnmount(() => {
+			for (const animation of movements.values()) animation.cancel();
+			movements.clear();
+			if (!active.value) return;
+			active.value = false;
+			const errors = [];
+			const cleanup = (operation) => {
+				try {
+					operation?.();
+				} catch (error) {
+					errors.push(error);
+				}
+			};
+			cleanup(unsubscribe);
+			cleanup(detach);
+			[...causes].forEach((cause) => cleanup(() => resume(cause)));
+			if (owned) cleanup(() => manager.dispose());
+			window.removeEventListener("blur", windowBlur);
+			window.removeEventListener("focus", windowFocus);
+			document.removeEventListener("visibilitychange", visibility);
+			document.removeEventListener("keydown", keyboard);
+			if (errors.length === 1) throw errors[0];
+			if (errors.length > 1) throw new AggregateError(errors, "Toast provider cleanup failed.");
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(ToastProvider), {
+				duration: Infinity,
+				"disable-swipe": true,
+				label: __props.label
+			}, {
+				default: withCtx(() => [
+					renderSlot(_ctx.$slots, "default", { toast: unref(manager) }),
+					createElementVNode("div", {
+						ref_key: "region",
+						ref: region,
+						class: "toast-region",
+						"data-placement": __props.placement,
+						dir: __props.dir,
+						onPointerenter: _cache[0] || (_cache[0] = ($event) => pause("hover")),
+						onPointerleave: _cache[1] || (_cache[1] = ($event) => resume("hover")),
+						onFocusin: focusIn,
+						onFocusout: focusOut,
+						onKeydownCapture: escape
+					}, [createVNode(unref(ToastViewport), {
+						class: "toast-list",
+						hotkey: [],
+						label: viewportLabel.value,
+						"data-placement": __props.placement,
+						dir: __props.dir
+					}, null, 8, [
+						"label",
+						"data-placement",
+						"dir"
+					])], 40, _hoisted_1$12),
+					(openBlock(true), createElementBlock(Fragment, null, renderList(entries.value, (entry) => {
+						return openBlock(), createBlock(Toast_default, {
+							key: entry.generation,
+							entry,
+							manager: unref(manager),
+							placement: __props.placement,
+							dir: __props.dir,
+							"close-label": __props.closeLabel,
+							"show-progress": __props.showProgress,
+							"swipe-threshold": __props.swipeThreshold
+						}, createSlots({ _: 2 }, [_ctx.$slots.toast ? {
+							name: "default",
+							fn: withCtx((slotProps) => [renderSlot(_ctx.$slots, "toast", mergeProps({ ref_for: true }, slotProps))]),
+							key: "0"
+						} : void 0, _ctx.$slots.indicator ? {
+							name: "indicator",
+							fn: withCtx((slotProps) => [renderSlot(_ctx.$slots, "indicator", mergeProps({ ref_for: true }, slotProps))]),
+							key: "1"
+						} : void 0]), 1032, [
+							"entry",
+							"manager",
+							"placement",
+							"dir",
+							"close-label",
+							"show-progress",
+							"swipe-threshold"
+						]);
+					}), 128))
+				]),
+				_: 3
+			}, 8, ["label"]);
 		};
 	}
 });
@@ -4877,6 +5698,6 @@ var DateRangePicker_default = /* @__PURE__ */ defineComponent({
 	}
 });
 //#endregion
-export { Alert_default as Alert, Badge_default as Badge, Breadcrumb_default as Breadcrumb, Button_default as Button, ButtonGroup_default as ButtonGroup, ButtonGroupSeparator_default as ButtonGroupSeparator, ButtonGroupSeparator_default as ToggleButtonGroupSeparator, Card_default as Card, Chart_default as Chart, Checkbox_default as Checkbox, Combobox_default as Combobox, DataTable_default as DataTable, DateRangePicker_default as DateRangePicker, Dialog_default as Dialog, DropdownMenu_default as DropdownMenu, Empty_default as Empty, Field_default as Field, Form_default as Form, Input_default as Input, Label_default as Label, Listbox_default as Listbox, NumberField_default as NumberField, Pagination_default as Pagination, Popover_default as Popover, RadioGroup_default as RadioGroup, Select_default as Select, SelectGroup_default as SelectGroup, Separator_default as Separator, Sidebar_default as Sidebar, Skeleton_default as Skeleton, Spinner_default as Spinner, Switch_default as Switch, Table_default as Table, Tabs_default as Tabs, Textarea_default as Textarea, ToggleButton_default as ToggleButton, ToggleButtonGroup_default as ToggleButtonGroup, ToggleGroup_default as ToggleGroup, Tooltip_default as Tooltip, createDateRangePresets, rangeText as formatDateRange };
+export { Alert_default as Alert, Badge_default as Badge, Breadcrumb_default as Breadcrumb, Button_default as Button, ButtonGroup_default as ButtonGroup, ButtonGroupSeparator_default as ButtonGroupSeparator, ButtonGroupSeparator_default as ToggleButtonGroupSeparator, Card_default as Card, Chart_default as Chart, Checkbox_default as Checkbox, Combobox_default as Combobox, DataTable_default as DataTable, DateRangePicker_default as DateRangePicker, Dialog_default as Dialog, DropdownMenu_default as DropdownMenu, Empty_default as Empty, Field_default as Field, Form_default as Form, Input_default as Input, Label_default as Label, Listbox_default as Listbox, NumberField_default as NumberField, Pagination_default as Pagination, Popover_default as Popover, RadioGroup_default as RadioGroup, Select_default as Select, SelectGroup_default as SelectGroup, Separator_default as Separator, Sidebar_default as Sidebar, Skeleton_default as Skeleton, Spinner_default as Spinner, Switch_default as Switch, Table_default as Table, Tabs_default as Tabs, Textarea_default as Textarea, Toast_default as Toast, ToastProvider_default as ToastProvider, ToggleButton_default as ToggleButton, ToggleButtonGroup_default as ToggleButtonGroup, ToggleGroup_default as ToggleGroup, Tooltip_default as Tooltip, createDateRangePresets, createToastManager, rangeText as formatDateRange, useToast };
 
 //# sourceMappingURL=index.js.map