cisse-vue-ui 0.5.21 → 0.5.23

package/dist/{Skeleton.vue_vue_type_script_setup_true_lang-Q4PcIELi.js → ConfirmDialog.vue_vue_type_script_setup_true_lang-Dm4kLAnr.js}

@@ -1,59 +1,97 @@
-import { defineComponent, createElementBlock, openBlock, createElementVNode, createCommentVNode, normalizeClass, toDisplayString, onMounted, onUnmounted, withModifiers, renderSlot, createTextVNode, createVNode, unref, Fragment, renderList, computed, createBlock, Teleport, normalizeStyle, TransitionGroup, withCtx } from "vue";
+import { defineComponent, computed, createElementBlock, openBlock, createElementVNode, normalizeClass, toDisplayString, ref, onMounted, onUnmounted, createBlock, Teleport, withModifiers, unref, createCommentVNode, renderSlot, createTextVNode, createVNode, Fragment, renderList, normalizeStyle, TransitionGroup, withCtx } from "vue";
 import { Icon } from "@iconify/vue";
 import { _ as _export_sfc } from "./_plugin-vue_export-helper-1tPrXgE0.js";
-const _hoisted_1$9 = { class: "flex items-center justify-center py-12" };
-const _hoisted_2$7 = { class: "text-center" };
-const _hoisted_3$7 = {
+import { u as useId } from "./useId-xeHj7rkg.js";
+import { u as useFocusTrap } from "./useFocusTrap-AnlJsihM.js";
+import { _ as _sfc_main$c } from "./Button.vue_vue_type_script_setup_true_lang-CD9QPOeU.js";
+const _hoisted_1$a = ["aria-label"];
+const _hoisted_2$8 = { class: "text-center" };
+const _hoisted_3$8 = {
   key: 0,
   class: "mt-4 text-gray-600 dark:text-gray-400"
 };
-const _sfc_main$a = /* @__PURE__ */ defineComponent({
+const _hoisted_4$6 = {
+  key: 1,
+  class: "sr-only"
+};
+const _sfc_main$b = /* @__PURE__ */ defineComponent({
   __name: "LoadingSpinner",
   props: {
     text: {},
-    size: { default: "md" }
+    size: { default: "md" },
+    ariaLabel: { default: "Loading" }
   },
   setup(__props) {
+    const props = __props;
     const sizeClasses = {
       sm: "h-8 w-8",
       md: "h-12 w-12",
       lg: "h-16 w-16"
     };
+    const accessibleLabel = computed(() => props.text || props.ariaLabel);
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$9, [
-        createElementVNode("div", _hoisted_2$7, [
+      return openBlock(), createElementBlock("div", {
+        class: "flex items-center justify-center py-12",
+        role: "status",
+        "aria-live": "polite",
+        "aria-label": accessibleLabel.value
+      }, [
+        createElementVNode("div", _hoisted_2$8, [
           createElementVNode("div", {
-            class: normalizeClass([sizeClasses[__props.size], "border-primary inline-block animate-spin rounded-full border-4 border-solid border-r-transparent"])
+            class: normalizeClass([sizeClasses[__props.size], "border-primary inline-block animate-spin rounded-full border-4 border-solid border-r-transparent"]),
+            "aria-hidden": "true"
           }, null, 2),
-          __props.text ? (openBlock(), createElementBlock("p", _hoisted_3$7, toDisplayString(__props.text), 1)) : createCommentVNode("", true)
+          __props.text ? (openBlock(), createElementBlock("p", _hoisted_3$8, toDisplayString(__props.text), 1)) : (openBlock(), createElementBlock("span", _hoisted_4$6, toDisplayString(accessibleLabel.value), 1))
         ])
-      ]);
+      ], 8, _hoisted_1$a);
     };
   }
 });
-const _hoisted_1$8 = {
+const _hoisted_1$9 = ["id", "aria-labelledby"];
+const _hoisted_2$7 = {
   key: 0,
   class: "flex items-center justify-between border-b border-gray-200 px-6 py-4 dark:border-gray-700"
 };
-const _hoisted_2$6 = { class: "text-xl font-semibold text-gray-900 dark:text-gray-100" };
-const _hoisted_3$6 = { class: "sr-only" };
-const _hoisted_4$4 = { class: "flex-1 overflow-y-auto px-6 py-4" };
-const _hoisted_5$1 = {
+const _hoisted_3$7 = ["id"];
+const _hoisted_4$5 = { class: "sr-only" };
+const _hoisted_5$2 = { class: "flex-1 overflow-y-auto px-6 py-4" };
+const _hoisted_6$1 = {
   key: 1,
   class: "flex items-center justify-end gap-3 border-t border-gray-200 px-6 py-4 dark:border-gray-700"
 };
-const _sfc_main$9 = /* @__PURE__ */ defineComponent({
+const _sfc_main$a = /* @__PURE__ */ defineComponent({
   __name: "Modal",
   props: {
     title: { default: "" },
     size: { default: "default" },
     closeOnBackdrop: { type: Boolean, default: true },
     closeOnEscape: { type: Boolean, default: true },
-    closeButtonLabel: { default: "Close" }
+    closeButtonLabel: { default: "Close" },
+    teleport: { type: [String, Boolean], default: "body" },
+    id: {}
   },
   emits: ["close"],
   setup(__props, { emit: __emit }) {
+    const props = __props;
+    const {
+      title,
+      size,
+      closeOnBackdrop,
+      closeOnEscape,
+      closeButtonLabel
+    } = props;
+    const teleportDisabled = computed(() => props.teleport === false);
+    const teleportTarget = computed(() => props.teleport === false ? "body" : props.teleport);
     const emit = __emit;
+    const { id: modalId, related } = useId({ prefix: "modal", id: props.id });
+    const titleId = computed(() => related("title"));
+    const isActive = ref(true);
+    const { containerRef: dialogRef } = useFocusTrap({
+      active: isActive,
+      focusFirst: true,
+      restoreFocus: true
+    });
+    const hasTitle = computed(() => Boolean(props.title));
     const sizeClasses = {
       sm: "max-w-md",
       default: "max-w-3xl",
@@ -62,12 +100,12 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
       full: "max-w-full mx-4"
     };
     const handleBackdropClick = () => {
-      if (__props.closeOnBackdrop) {
+      if (closeOnBackdrop) {
         emit("close");
       }
     };
     const handleEscape = (e) => {
-      if (e.key === "Escape" && __props.closeOnEscape) {
+      if (e.key === "Escape" && closeOnEscape) {
         emit("close");
       }
     };
@@ -80,55 +118,71 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
       document.body.style.overflow = "";
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: "fixed inset-0 z-50 flex items-center justify-center bg-black/50 p-4",
-        onClick: withModifiers(handleBackdropClick, ["self"])
+      return openBlock(), createBlock(Teleport, {
+        to: teleportTarget.value,
+        disabled: teleportDisabled.value
       }, [
         createElementVNode("div", {
-          class: normalizeClass([sizeClasses[__props.size], "flex max-h-[90vh] w-full flex-col rounded-lg bg-white shadow-xl dark:bg-gray-900"])
+          class: "fixed inset-0 z-50 flex items-center justify-center bg-black/50 p-4",
+          onClick: withModifiers(handleBackdropClick, ["self"])
         }, [
-          __props.title || _ctx.$slots.header || _ctx.$slots.title ? (openBlock(), createElementBlock("div", _hoisted_1$8, [
-            createElementVNode("h3", _hoisted_2$6, [
-              renderSlot(_ctx.$slots, "header", {}, () => [
-                renderSlot(_ctx.$slots, "title", {}, () => [
-                  createTextVNode(toDisplayString(__props.title), 1)
+          createElementVNode("div", {
+            ref_key: "dialogRef",
+            ref: dialogRef,
+            id: unref(modalId),
+            role: "dialog",
+            "aria-modal": "true",
+            "aria-labelledby": hasTitle.value ? titleId.value : void 0,
+            class: normalizeClass([sizeClasses[unref(size)], "flex max-h-[90vh] w-full flex-col rounded-lg bg-white shadow-xl dark:bg-gray-900"])
+          }, [
+            unref(title) || _ctx.$slots.header || _ctx.$slots.title ? (openBlock(), createElementBlock("div", _hoisted_2$7, [
+              createElementVNode("h3", {
+                id: titleId.value,
+                class: "text-xl font-semibold text-gray-900 dark:text-gray-100"
+              }, [
+                renderSlot(_ctx.$slots, "header", {}, () => [
+                  renderSlot(_ctx.$slots, "title", {}, () => [
+                    createTextVNode(toDisplayString(unref(title)), 1)
+                  ])
                 ])
+              ], 8, _hoisted_3$7),
+              createElementVNode("button", {
+                class: "rounded-lg p-1.5 text-gray-400 hover:bg-gray-100 hover:text-gray-900 dark:hover:bg-gray-800 dark:hover:text-gray-100",
+                type: "button",
+                "aria-label": "Close dialog",
+                onClick: _cache[0] || (_cache[0] = ($event) => emit("close"))
+              }, [
+                createVNode(unref(Icon), {
+                  class: "h-5 w-5",
+                  icon: "lucide:x",
+                  "aria-hidden": "true"
+                }),
+                createElementVNode("span", _hoisted_4$5, toDisplayString(unref(closeButtonLabel)), 1)
               ])
+            ])) : createCommentVNode("", true),
+            createElementVNode("div", _hoisted_5$2, [
+              renderSlot(_ctx.$slots, "default")
             ]),
-            createElementVNode("button", {
-              class: "rounded-lg p-1.5 text-gray-400 hover:bg-gray-100 hover:text-gray-900 dark:hover:bg-gray-800 dark:hover:text-gray-100",
-              type: "button",
-              onClick: _cache[0] || (_cache[0] = ($event) => emit("close"))
-            }, [
-              createVNode(unref(Icon), {
-                class: "h-5 w-5",
-                icon: "lucide:x"
-              }),
-              createElementVNode("span", _hoisted_3$6, toDisplayString(__props.closeButtonLabel), 1)
-            ])
-          ])) : createCommentVNode("", true),
-          createElementVNode("div", _hoisted_4$4, [
-            renderSlot(_ctx.$slots, "default")
-          ]),
-          _ctx.$slots.footer ? (openBlock(), createElementBlock("div", _hoisted_5$1, [
-            renderSlot(_ctx.$slots, "footer")
-          ])) : createCommentVNode("", true)
-        ], 2)
-      ]);
+            _ctx.$slots.footer ? (openBlock(), createElementBlock("div", _hoisted_6$1, [
+              renderSlot(_ctx.$slots, "footer")
+            ])) : createCommentVNode("", true)
+          ], 10, _hoisted_1$9)
+        ])
+      ], 8, ["to", "disabled"]);
     };
   }
 });
-const _hoisted_1$7 = {
+const _hoisted_1$8 = {
   key: 0,
   class: "flex flex-col sm:flex-row sm:items-center sm:justify-between gap-3 border-t border-gray-200 px-4 sm:px-6 py-4 dark:border-gray-700"
 };
-const _hoisted_2$5 = { class: "flex flex-col sm:flex-row sm:items-center gap-3 sm:gap-4" };
-const _hoisted_3$5 = { class: "text-sm text-gray-700 dark:text-gray-300 text-center sm:text-left" };
-const _hoisted_4$3 = {
+const _hoisted_2$6 = { class: "flex flex-col sm:flex-row sm:items-center gap-3 sm:gap-4" };
+const _hoisted_3$6 = { class: "text-sm text-gray-700 dark:text-gray-300 text-center sm:text-left" };
+const _hoisted_4$4 = {
   key: 0,
   class: "flex items-center justify-center sm:justify-start gap-2"
 };
-const _hoisted_5 = {
+const _hoisted_5$1 = {
   class: "text-sm text-gray-600 dark:text-gray-400 hidden sm:inline",
   for: "page-size"
 };
@@ -139,7 +193,7 @@ const _hoisted_9 = ["disabled"];
 const _hoisted_10 = { class: "hidden sm:inline" };
 const _hoisted_11 = ["disabled"];
 const _hoisted_12 = { class: "hidden sm:inline" };
-const _sfc_main$8 = /* @__PURE__ */ defineComponent({
+const _sfc_main$9 = /* @__PURE__ */ defineComponent({
   __name: "PaginationControls",
   props: {
     currentPage: {},
@@ -167,11 +221,11 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
       emit("update:pageSize", Number(target.value));
     };
     return (_ctx, _cache) => {
-      return __props.totalPages > 1 ? (openBlock(), createElementBlock("div", _hoisted_1$7, [
-        createElementVNode("div", _hoisted_2$5, [
-          createElementVNode("div", _hoisted_3$5, toDisplayString(__props.pageLabel) + " " + toDisplayString(__props.currentPage) + " " + toDisplayString(__props.ofLabel) + " " + toDisplayString(__props.totalPages), 1),
-          __props.showPageSize ? (openBlock(), createElementBlock("div", _hoisted_4$3, [
-            createElementVNode("label", _hoisted_5, toDisplayString(__props.itemsPerPageLabel), 1),
+      return __props.totalPages > 1 ? (openBlock(), createElementBlock("div", _hoisted_1$8, [
+        createElementVNode("div", _hoisted_2$6, [
+          createElementVNode("div", _hoisted_3$6, toDisplayString(__props.pageLabel) + " " + toDisplayString(__props.currentPage) + " " + toDisplayString(__props.ofLabel) + " " + toDisplayString(__props.totalPages), 1),
+          __props.showPageSize ? (openBlock(), createElementBlock("div", _hoisted_4$4, [
+            createElementVNode("label", _hoisted_5$1, toDisplayString(__props.itemsPerPageLabel), 1),
             createElementVNode("select", {
               id: "page-size",
               value: __props.pageSize,
@@ -215,17 +269,17 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$6 = { class: "flex max-w-md items-start space-x-3 rounded-lg border border-gray-200 bg-white p-4 shadow-lg dark:border-gray-800 dark:bg-black" };
-const _hoisted_2$4 = { class: "flex min-w-0 flex-1 flex-col" };
-const _hoisted_3$4 = {
+const _hoisted_1$7 = { class: "flex max-w-md items-start space-x-3 rounded-lg border border-gray-200 bg-white p-4 shadow-lg dark:border-gray-800 dark:bg-black" };
+const _hoisted_2$5 = { class: "flex min-w-0 flex-1 flex-col" };
+const _hoisted_3$5 = {
   key: 0,
   class: "text-sm font-semibold text-gray-900 dark:text-gray-100"
 };
-const _hoisted_4$2 = {
+const _hoisted_4$3 = {
   key: 1,
   class: "mt-1 text-sm text-gray-600 dark:text-gray-400"
 };
-const _sfc_main$7 = /* @__PURE__ */ defineComponent({
+const _sfc_main$8 = /* @__PURE__ */ defineComponent({
   __name: "NotificationComponent",
   props: {
     notification: {},
@@ -292,7 +346,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
       }
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$6, [
+      return openBlock(), createElementBlock("div", _hoisted_1$7, [
         createElementVNode("div", {
           class: normalizeClass([bgColor.value, "flex items-center justify-center rounded-full p-2"])
         }, [
@@ -301,9 +355,9 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
             icon: iconName.value
           }, null, 8, ["class", "icon"])
         ], 2),
-        createElementVNode("div", _hoisted_2$4, [
-          __props.notification.title ? (openBlock(), createElementBlock("h4", _hoisted_3$4, toDisplayString(__props.notification.title), 1)) : createCommentVNode("", true),
-          __props.notification.message ? (openBlock(), createElementBlock("p", _hoisted_4$2, toDisplayString(__props.notification.message), 1)) : createCommentVNode("", true)
+        createElementVNode("div", _hoisted_2$5, [
+          __props.notification.title ? (openBlock(), createElementBlock("h4", _hoisted_3$5, toDisplayString(__props.notification.title), 1)) : createCommentVNode("", true),
+          __props.notification.message ? (openBlock(), createElementBlock("p", _hoisted_4$3, toDisplayString(__props.notification.message), 1)) : createCommentVNode("", true)
         ]),
         createElementVNode("button", {
           class: "shrink-0 text-gray-400 transition-colors hover:text-gray-600 dark:text-gray-600 dark:hover:text-gray-400",
@@ -318,8 +372,8 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$5 = { class: "fixed top-5 right-5 z-50 flex flex-col gap-3" };
-const _sfc_main$6 = /* @__PURE__ */ defineComponent({
+const _hoisted_1$6 = { class: "fixed top-5 right-5 z-50 flex flex-col gap-3" };
+const _sfc_main$7 = /* @__PURE__ */ defineComponent({
   __name: "NotificationList",
   props: {
     notifications: {},
@@ -330,9 +384,9 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
   setup(__props, { emit: __emit }) {
     const emit = __emit;
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$5, [
+      return openBlock(), createElementBlock("div", _hoisted_1$6, [
         (openBlock(true), createElementBlock(Fragment, null, renderList(__props.notifications, (notification) => {
-          return openBlock(), createBlock(_sfc_main$7, {
+          return openBlock(), createBlock(_sfc_main$8, {
             key: notification.id,
             notification,
             "auto-dismiss": __props.autoDismiss,
@@ -344,13 +398,13 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$4 = { class: "flex-1" };
-const _hoisted_2$3 = {
+const _hoisted_1$5 = { class: "flex-1" };
+const _hoisted_2$4 = {
   key: 0,
   class: "mb-1 font-medium text-gray-900 dark:text-white"
 };
-const _hoisted_3$3 = { class: "text-sm text-gray-700 dark:text-gray-300" };
-const _sfc_main$5 = /* @__PURE__ */ defineComponent({
+const _hoisted_3$4 = { class: "text-sm text-gray-700 dark:text-gray-300" };
+const _sfc_main$6 = /* @__PURE__ */ defineComponent({
   __name: "Alert",
   props: {
     variant: { default: "info" },
@@ -400,11 +454,12 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
       }, [
         createVNode(unref(Icon), {
           icon: __props.icon || unref(styles).icon,
-          class: normalizeClass(["size-5 shrink-0", unref(styles).iconColor])
+          class: normalizeClass(["size-5 shrink-0", unref(styles).iconColor]),
+          "aria-hidden": "true"
         }, null, 8, ["icon", "class"]),
-        createElementVNode("div", _hoisted_1$4, [
-          __props.title ? (openBlock(), createElementBlock("h4", _hoisted_2$3, toDisplayString(__props.title), 1)) : createCommentVNode("", true),
-          createElementVNode("div", _hoisted_3$3, [
+        createElementVNode("div", _hoisted_1$5, [
+          __props.title ? (openBlock(), createElementBlock("h4", _hoisted_2$4, toDisplayString(__props.title), 1)) : createCommentVNode("", true),
+          createElementVNode("div", _hoisted_3$4, [
             renderSlot(_ctx.$slots, "default")
           ])
         ]),
@@ -412,28 +467,30 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
           key: 0,
           type: "button",
           class: "shrink-0 rounded p-1 text-gray-400 hover:bg-gray-200 hover:text-gray-600 dark:hover:bg-gray-700 dark:hover:text-gray-300",
+          "aria-label": "Dismiss alert",
           onClick: _cache[0] || (_cache[0] = ($event) => emit("dismiss"))
         }, [
           createVNode(unref(Icon), {
             icon: "lucide:x",
-            class: "size-4"
+            class: "size-4",
+            "aria-hidden": "true"
           })
         ])) : createCommentVNode("", true)
       ], 2);
     };
   }
 });
-const _hoisted_1$3 = { class: "py-12 text-center" };
-const _hoisted_2$2 = {
+const _hoisted_1$4 = { class: "py-12 text-center" };
+const _hoisted_2$3 = {
   key: 1,
   class: "mb-2 text-lg font-medium text-gray-900 dark:text-white"
 };
-const _hoisted_3$2 = { class: "text-gray-500 dark:text-gray-400" };
-const _hoisted_4$1 = {
+const _hoisted_3$3 = { class: "text-gray-500 dark:text-gray-400" };
+const _hoisted_4$2 = {
   key: 2,
   class: "mt-4"
 };
-const _sfc_main$4 = /* @__PURE__ */ defineComponent({
+const _sfc_main$5 = /* @__PURE__ */ defineComponent({
   __name: "EmptyState",
   props: {
     message: { default: "No results found" },
@@ -442,32 +499,32 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$3, [
+      return openBlock(), createElementBlock("div", _hoisted_1$4, [
         __props.icon ? (openBlock(), createBlock(unref(Icon), {
           key: 0,
           icon: __props.icon,
           class: "mx-auto mb-4 size-12 text-gray-400 dark:text-gray-500"
         }, null, 8, ["icon"])) : createCommentVNode("", true),
-        __props.title ? (openBlock(), createElementBlock("h3", _hoisted_2$2, toDisplayString(__props.title), 1)) : createCommentVNode("", true),
-        createElementVNode("p", _hoisted_3$2, [
+        __props.title ? (openBlock(), createElementBlock("h3", _hoisted_2$3, toDisplayString(__props.title), 1)) : createCommentVNode("", true),
+        createElementVNode("p", _hoisted_3$3, [
           renderSlot(_ctx.$slots, "default", {}, () => [
             createTextVNode(toDisplayString(__props.message), 1)
           ])
         ]),
-        _ctx.$slots.action ? (openBlock(), createElementBlock("div", _hoisted_4$1, [
+        _ctx.$slots.action ? (openBlock(), createElementBlock("div", _hoisted_4$2, [
           renderSlot(_ctx.$slots, "action")
         ])) : createCommentVNode("", true)
       ]);
     };
   }
 });
-const _hoisted_1$2 = { class: "flex-1 min-w-0" };
-const _hoisted_2$1 = {
+const _hoisted_1$3 = { class: "flex-1 min-w-0" };
+const _hoisted_2$2 = {
   key: 0,
   class: "font-medium text-gray-900 dark:text-white"
 };
-const _hoisted_3$1 = { class: "text-sm text-gray-700 dark:text-gray-300" };
-const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+const _hoisted_3$2 = { class: "text-sm text-gray-700 dark:text-gray-300" };
+const _sfc_main$4 = /* @__PURE__ */ defineComponent({
   __name: "Toast",
   props: {
     message: {},
@@ -518,28 +575,31 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
       }, [
         createVNode(unref(Icon), {
           icon: unref(config).icon,
-          class: normalizeClass(["size-5 shrink-0", unref(config).iconColor])
+          class: normalizeClass(["size-5 shrink-0", unref(config).iconColor]),
+          "aria-hidden": "true"
         }, null, 8, ["icon", "class"]),
-        createElementVNode("div", _hoisted_1$2, [
-          __props.title ? (openBlock(), createElementBlock("p", _hoisted_2$1, toDisplayString(__props.title), 1)) : createCommentVNode("", true),
-          createElementVNode("p", _hoisted_3$1, toDisplayString(__props.message), 1)
+        createElementVNode("div", _hoisted_1$3, [
+          __props.title ? (openBlock(), createElementBlock("p", _hoisted_2$2, toDisplayString(__props.title), 1)) : createCommentVNode("", true),
+          createElementVNode("p", _hoisted_3$2, toDisplayString(__props.message), 1)
         ]),
         __props.closable ? (openBlock(), createElementBlock("button", {
           key: 0,
           type: "button",
           class: "shrink-0 rounded p-1 text-gray-400 hover:bg-gray-200 hover:text-gray-600 dark:hover:bg-gray-700 dark:hover:text-gray-300",
+          "aria-label": "Dismiss notification",
           onClick: _cache[0] || (_cache[0] = ($event) => emit("close"))
         }, [
           createVNode(unref(Icon), {
             icon: "lucide:x",
-            class: "size-4"
+            class: "size-4",
+            "aria-hidden": "true"
           })
         ])) : createCommentVNode("", true)
       ], 2);
     };
   }
 });
-const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+const _sfc_main$3 = /* @__PURE__ */ defineComponent({
   __name: "ToastContainer",
   props: {
     toasts: {},
@@ -570,7 +630,9 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
       return openBlock(), createBlock(Teleport, { to: "body" }, [
         createElementVNode("div", {
           class: normalizeClass(["fixed z-[9999] flex flex-col gap-2 w-full max-w-sm", positionClasses[__props.position]]),
-          style: normalizeStyle(topStyle.value)
+          style: normalizeStyle(topStyle.value),
+          "aria-live": "polite",
+          "aria-atomic": "false"
         }, [
           createVNode(TransitionGroup, {
             "enter-active-class": "transition duration-300 ease-out",
@@ -582,7 +644,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
           }, {
             default: withCtx(() => [
               (openBlock(true), createElementBlock(Fragment, null, renderList(__props.toasts, (toast) => {
-                return openBlock(), createBlock(_sfc_main$3, {
+                return openBlock(), createBlock(_sfc_main$4, {
                   key: toast.id,
                   message: toast.message,
                   type: toast.type,
@@ -599,14 +661,14 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$1 = { class: "w-full" };
-const _hoisted_2 = {
+const _hoisted_1$2 = { class: "w-full" };
+const _hoisted_2$1 = {
   key: 0,
   class: "mb-1 flex justify-between text-sm"
 };
-const _hoisted_3 = { class: "font-medium text-gray-900 dark:text-white" };
-const _hoisted_4 = ["aria-valuenow", "aria-valuemax"];
-const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+const _hoisted_3$1 = { class: "font-medium text-gray-900 dark:text-white" };
+const _hoisted_4$1 = ["aria-valuenow", "aria-valuemax"];
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   __name: "Progress",
   props: {
     value: {},
@@ -636,10 +698,10 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       error: "bg-red-500"
     };
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$1, [
-        __props.showLabel && !__props.indeterminate ? (openBlock(), createElementBlock("div", _hoisted_2, [
+      return openBlock(), createElementBlock("div", _hoisted_1$2, [
+        __props.showLabel && !__props.indeterminate ? (openBlock(), createElementBlock("div", _hoisted_2$1, [
           _cache[0] || (_cache[0] = createElementVNode("span", { class: "text-gray-600 dark:text-gray-400" }, "Progress", -1)),
-          createElementVNode("span", _hoisted_3, toDisplayString(Math.round(percentage.value)) + "%", 1)
+          createElementVNode("span", _hoisted_3$1, toDisplayString(Math.round(percentage.value)) + "%", 1)
         ])) : createCommentVNode("", true),
         createElementVNode("div", {
           class: normalizeClass([
@@ -661,17 +723,18 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
             ]),
             style: normalizeStyle({ width: __props.indeterminate ? "30%" : `${percentage.value}%` })
           }, null, 6)
-        ], 10, _hoisted_4)
+        ], 10, _hoisted_4$1)
       ]);
     };
   }
 });
-const Progress = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-546a3ae5"]]);
-const _hoisted_1 = {
+const Progress = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-546a3ae5"]]);
+const _hoisted_1$1 = {
   key: 0,
-  class: "space-y-2"
+  class: "space-y-2",
+  "aria-hidden": "true"
 };
-const _sfc_main = /* @__PURE__ */ defineComponent({
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   __name: "Skeleton",
   props: {
     variant: { default: "text" },
@@ -688,7 +751,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       rounded: "rounded-lg"
     };
     return (_ctx, _cache) => {
-      return __props.variant === "text" && __props.lines > 1 ? (openBlock(), createElementBlock("div", _hoisted_1, [
+      return __props.variant === "text" && __props.lines > 1 ? (openBlock(), createElementBlock("div", _hoisted_1$1, [
         (openBlock(true), createElementBlock(Fragment, null, renderList(__props.lines, (i) => {
           return openBlock(), createElementBlock("div", {
             key: i,
@@ -713,22 +776,121 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         style: normalizeStyle({
           width: __props.width || (__props.variant === "circular" ? "3rem" : "100%"),
           height: __props.height || (__props.variant === "circular" ? "3rem" : __props.variant === "text" ? "1rem" : "6rem")
-        })
+        }),
+        "aria-hidden": "true"
       }, null, 6));
     };
   }
 });
+const _hoisted_1 = { class: "text-center" };
+const _hoisted_2 = { class: "mx-auto mb-4 flex h-14 w-14 items-center justify-center rounded-full bg-gray-100 dark:bg-gray-800" };
+const _hoisted_3 = { class: "mb-2 text-lg font-semibold text-gray-900 dark:text-gray-100" };
+const _hoisted_4 = { class: "mb-6 text-gray-600 dark:text-gray-400" };
+const _hoisted_5 = { class: "flex justify-center gap-3" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ConfirmDialog",
+  props: {
+    open: { type: Boolean, default: false },
+    title: { default: "Confirm" },
+    message: { default: "Are you sure you want to proceed?" },
+    confirmText: { default: "Confirm" },
+    cancelText: { default: "Cancel" },
+    variant: { default: "info" },
+    loading: { type: Boolean, default: false },
+    icon: {},
+    teleport: { type: [String, Boolean], default: "body" }
+  },
+  emits: ["confirm", "cancel"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const variantConfig = {
+      info: {
+        icon: "lucide:info",
+        iconClass: "text-blue-500",
+        buttonVariant: "primary"
+      },
+      warning: {
+        icon: "lucide:alert-triangle",
+        iconClass: "text-yellow-500",
+        buttonVariant: "primary"
+      },
+      danger: {
+        icon: "lucide:alert-circle",
+        iconClass: "text-red-500",
+        buttonVariant: "danger"
+      },
+      success: {
+        icon: "lucide:check-circle",
+        iconClass: "text-green-500",
+        buttonVariant: "success"
+      }
+    };
+    const config = variantConfig[props.variant];
+    return (_ctx, _cache) => {
+      return __props.open ? (openBlock(), createBlock(_sfc_main$a, {
+        key: 0,
+        size: "sm",
+        "close-on-backdrop": !__props.loading,
+        "close-on-escape": !__props.loading,
+        teleport: __props.teleport,
+        onClose: _cache[2] || (_cache[2] = ($event) => emit("cancel"))
+      }, {
+        default: withCtx(() => [
+          createElementVNode("div", _hoisted_1, [
+            createElementVNode("div", _hoisted_2, [
+              createVNode(unref(Icon), {
+                icon: __props.icon || unref(config).icon,
+                class: normalizeClass([unref(config).iconClass, "h-8 w-8"])
+              }, null, 8, ["icon", "class"])
+            ]),
+            createElementVNode("h3", _hoisted_3, toDisplayString(__props.title), 1),
+            createElementVNode("p", _hoisted_4, [
+              renderSlot(_ctx.$slots, "default", {}, () => [
+                createTextVNode(toDisplayString(__props.message), 1)
+              ])
+            ]),
+            createElementVNode("div", _hoisted_5, [
+              createVNode(_sfc_main$c, {
+                variant: "outline",
+                disabled: __props.loading,
+                onClick: _cache[0] || (_cache[0] = ($event) => emit("cancel"))
+              }, {
+                default: withCtx(() => [
+                  createTextVNode(toDisplayString(__props.cancelText), 1)
+                ]),
+                _: 1
+              }, 8, ["disabled"]),
+              createVNode(_sfc_main$c, {
+                variant: unref(config).buttonVariant,
+                loading: __props.loading,
+                onClick: _cache[1] || (_cache[1] = ($event) => emit("confirm"))
+              }, {
+                default: withCtx(() => [
+                  createTextVNode(toDisplayString(__props.confirmText), 1)
+                ]),
+                _: 1
+              }, 8, ["variant", "loading"])
+            ])
+          ])
+        ]),
+        _: 3
+      }, 8, ["close-on-backdrop", "close-on-escape", "teleport"])) : createCommentVNode("", true);
+    };
+  }
+});
 export {
   Progress as P,
-  _sfc_main$a as _,
-  _sfc_main$9 as a,
-  _sfc_main$8 as b,
-  _sfc_main$7 as c,
-  _sfc_main$6 as d,
-  _sfc_main$5 as e,
-  _sfc_main$4 as f,
-  _sfc_main$3 as g,
-  _sfc_main$2 as h,
-  _sfc_main as i
+  _sfc_main$b as _,
+  _sfc_main$a as a,
+  _sfc_main$9 as b,
+  _sfc_main$8 as c,
+  _sfc_main$7 as d,
+  _sfc_main$6 as e,
+  _sfc_main$5 as f,
+  _sfc_main$4 as g,
+  _sfc_main$3 as h,
+  _sfc_main$1 as i,
+  _sfc_main as j
 };
-//# sourceMappingURL=Skeleton.vue_vue_type_script_setup_true_lang-Q4PcIELi.js.map
+//# sourceMappingURL=ConfirmDialog.vue_vue_type_script_setup_true_lang-Dm4kLAnr.js.map