cisse-vue-ui 0.7.2 → 0.7.3

package/dist/ConfirmDialog.vue_vue_type_script_setup_true_lang-Bine-xfp.cjs

@@ -1,928 +0,0 @@
-"use strict";
-const vue = require("vue");
-const vue$1 = require("@iconify/vue");
-const _pluginVue_exportHelper = require("./_plugin-vue_export-helper-DM9IkUGy.cjs");
-const useId = require("./useId-nxrBaIC9.cjs");
-const useFocusTrap = require("./useFocusTrap-kcxO8AeU.cjs");
-const Button_vue_vue_type_script_setup_true_lang = require("./Button.vue_vue_type_script_setup_true_lang-CXRj7LEP.cjs");
-const _hoisted_1$9 = ["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 _hoisted_4$6 = {
-  key: 1,
-  class: "sr-only"
-};
-const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
-  __name: "LoadingSpinner",
-  props: {
-    text: {},
-    size: { default: "md" },
-    ariaLabel: { default: "Loading" }
-  },
-  setup(__props) {
-    const props = __props;
-    const sizeClasses = {
-      sm: "size-8",
-      md: "size-12",
-      lg: "size-16"
-    };
-    const accessibleLabel = vue.computed(() => props.text || props.ariaLabel);
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", {
-        class: "flex items-center justify-center py-12",
-        role: "status",
-        "aria-live": "polite",
-        "aria-label": accessibleLabel.value
-      }, [
-        vue.createElementVNode("div", _hoisted_2$8, [
-          vue.createElementVNode("div", {
-            class: vue.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 ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_3$8, vue.toDisplayString(__props.text), 1)) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_4$6, vue.toDisplayString(accessibleLabel.value), 1))
-        ])
-      ], 8, _hoisted_1$9);
-    };
-  }
-});
-const _hoisted_1$8 = ["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_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$a = /* @__PURE__ */ vue.defineComponent({
-  __name: "Modal",
-  props: {
-    title: { default: "" },
-    size: { default: "default" },
-    closeOnBackdrop: { type: Boolean, default: true },
-    closeOnEscape: { type: Boolean, default: true },
-    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 = vue.computed(() => props.teleport === false);
-    const teleportTarget = vue.computed(() => props.teleport === false ? "body" : props.teleport);
-    const emit = __emit;
-    const { id: modalId, related } = useId.useId({ prefix: "modal", id: props.id });
-    const titleId = vue.computed(() => related("title"));
-    const isActive = vue.ref(true);
-    const { containerRef: dialogRef } = useFocusTrap.useFocusTrap({
-      active: isActive,
-      focusFirst: true,
-      restoreFocus: true
-    });
-    const hasTitle = vue.computed(() => Boolean(props.title));
-    const sizeClasses = {
-      sm: "max-w-md",
-      default: "max-w-3xl",
-      lg: "max-w-5xl",
-      xl: "max-w-7xl",
-      full: "max-w-full mx-4"
-    };
-    const handleBackdropClick = () => {
-      if (closeOnBackdrop) {
-        emit("close");
-      }
-    };
-    const handleEscape = (e) => {
-      if (e.key === "Escape" && closeOnEscape) {
-        emit("close");
-      }
-    };
-    vue.onMounted(() => {
-      document.addEventListener("keydown", handleEscape);
-      document.body.style.overflow = "hidden";
-    });
-    vue.onUnmounted(() => {
-      document.removeEventListener("keydown", handleEscape);
-      document.body.style.overflow = "";
-    });
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(vue.Teleport, {
-        to: teleportTarget.value,
-        disabled: teleportDisabled.value
-      }, [
-        vue.createElementVNode("div", {
-          class: "fixed inset-0 z-50 flex items-center justify-center bg-black/50 p-4",
-          onClick: vue.withModifiers(handleBackdropClick, ["self"])
-        }, [
-          vue.createElementVNode("div", {
-            ref_key: "dialogRef",
-            ref: dialogRef,
-            id: vue.unref(modalId),
-            role: "dialog",
-            "aria-modal": "true",
-            "aria-labelledby": hasTitle.value ? titleId.value : void 0,
-            class: vue.normalizeClass([sizeClasses[vue.unref(size)], "flex max-h-[90vh] w-full flex-col rounded-lg bg-white shadow-xl dark:bg-gray-900"])
-          }, [
-            vue.unref(title) || _ctx.$slots.header || _ctx.$slots.title ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$7, [
-              vue.createElementVNode("h3", {
-                id: titleId.value,
-                class: "text-xl font-semibold text-gray-900 dark:text-gray-100"
-              }, [
-                vue.renderSlot(_ctx.$slots, "header", {}, () => [
-                  vue.renderSlot(_ctx.$slots, "title", {}, () => [
-                    vue.createTextVNode(vue.toDisplayString(vue.unref(title)), 1)
-                  ])
-                ])
-              ], 8, _hoisted_3$7),
-              vue.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"))
-              }, [
-                vue.createVNode(vue.unref(vue$1.Icon), {
-                  class: "size-5",
-                  icon: "lucide:x",
-                  "aria-hidden": "true"
-                }),
-                vue.createElementVNode("span", _hoisted_4$5, vue.toDisplayString(vue.unref(closeButtonLabel)), 1)
-              ])
-            ])) : vue.createCommentVNode("", true),
-            vue.createElementVNode("div", _hoisted_5$2, [
-              vue.renderSlot(_ctx.$slots, "default")
-            ]),
-            _ctx.$slots.footer ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6$1, [
-              vue.renderSlot(_ctx.$slots, "footer")
-            ])) : vue.createCommentVNode("", true)
-          ], 10, _hoisted_1$8)
-        ])
-      ], 8, ["to", "disabled"]);
-    };
-  }
-});
-const _hoisted_1$7 = {
-  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$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$1 = {
-  class: "text-sm text-gray-600 dark:text-gray-400 hidden sm:inline",
-  for: "page-size"
-};
-const _hoisted_6 = ["value"];
-const _hoisted_7 = ["value"];
-const _hoisted_8 = { class: "flex justify-center sm:justify-end gap-2" };
-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$9 = /* @__PURE__ */ vue.defineComponent({
-  __name: "PaginationControls",
-  props: {
-    currentPage: {},
-    totalPages: {},
-    loading: { type: Boolean, default: false },
-    pageSize: { default: 10 },
-    pageSizeOptions: { default: () => [10, 20, 50, 100] },
-    showPageSize: { type: Boolean, default: true },
-    pageLabel: { default: "Page" },
-    ofLabel: { default: "of" },
-    itemsPerPageLabel: { default: "Items per page:" },
-    previousLabel: { default: "Previous" },
-    nextLabel: { default: "Next" }
-  },
-  emits: ["update:page", "update:pageSize"],
-  setup(__props, { emit: __emit }) {
-    const emit = __emit;
-    const changePage = (page) => {
-      if (page >= 1 && page <= __props.totalPages && !__props.loading) {
-        emit("update:page", page);
-      }
-    };
-    const changePageSize = (event) => {
-      const target = event.target;
-      emit("update:pageSize", Number(target.value));
-    };
-    return (_ctx, _cache) => {
-      return __props.totalPages > 1 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$7, [
-        vue.createElementVNode("div", _hoisted_2$6, [
-          vue.createElementVNode("div", _hoisted_3$6, vue.toDisplayString(__props.pageLabel) + " " + vue.toDisplayString(__props.currentPage) + " " + vue.toDisplayString(__props.ofLabel) + " " + vue.toDisplayString(__props.totalPages), 1),
-          __props.showPageSize ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$4, [
-            vue.createElementVNode("label", _hoisted_5$1, vue.toDisplayString(__props.itemsPerPageLabel), 1),
-            vue.createElementVNode("select", {
-              id: "page-size",
-              value: __props.pageSize,
-              class: "focus:border-primary focus:ring-primary rounded border border-gray-300 bg-white px-2 py-1 text-sm text-gray-900 dark:border-gray-600 dark:bg-gray-800 dark:text-gray-100",
-              onChange: changePageSize
-            }, [
-              (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.pageSizeOptions, (size) => {
-                return vue.openBlock(), vue.createElementBlock("option", {
-                  key: size,
-                  value: size
-                }, vue.toDisplayString(size), 9, _hoisted_7);
-              }), 128))
-            ], 40, _hoisted_6)
-          ])) : vue.createCommentVNode("", true)
-        ]),
-        vue.createElementVNode("div", _hoisted_8, [
-          vue.createElementVNode("button", {
-            disabled: __props.currentPage === 1 || __props.loading,
-            class: "focus:ring-primary inline-flex items-center gap-1 rounded-lg border border-gray-300 bg-white px-3 sm:px-4 py-2 text-sm font-medium text-gray-700 hover:bg-gray-50 disabled:cursor-not-allowed disabled:opacity-50 dark:border-gray-600 dark:bg-gray-800 dark:text-gray-200 dark:hover:bg-gray-700",
-            onClick: _cache[0] || (_cache[0] = ($event) => changePage(__props.currentPage - 1))
-          }, [
-            vue.createVNode(vue.unref(vue$1.Icon), {
-              class: "size-4",
-              icon: "lucide:chevron-left"
-            }),
-            vue.createElementVNode("span", _hoisted_10, vue.toDisplayString(__props.previousLabel), 1)
-          ], 8, _hoisted_9),
-          vue.createElementVNode("button", {
-            disabled: __props.currentPage === __props.totalPages || __props.loading,
-            class: "focus:ring-primary inline-flex items-center gap-1 rounded-lg border border-gray-300 bg-white px-3 sm:px-4 py-2 text-sm font-medium text-gray-700 hover:bg-gray-50 disabled:cursor-not-allowed disabled:opacity-50 dark:border-gray-600 dark:bg-gray-800 dark:text-gray-200 dark:hover:bg-gray-700",
-            onClick: _cache[1] || (_cache[1] = ($event) => changePage(__props.currentPage + 1))
-          }, [
-            vue.createElementVNode("span", _hoisted_12, vue.toDisplayString(__props.nextLabel), 1),
-            vue.createVNode(vue.unref(vue$1.Icon), {
-              class: "size-4",
-              icon: "lucide:chevron-right"
-            })
-          ], 8, _hoisted_11)
-        ])
-      ])) : vue.createCommentVNode("", true);
-    };
-  }
-});
-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$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$3 = {
-  key: 1,
-  class: "mt-1 text-sm text-gray-600 dark:text-gray-400"
-};
-const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
-  __name: "NotificationComponent",
-  props: {
-    notification: {},
-    autoDismiss: { type: Boolean },
-    duration: {}
-  },
-  emits: ["dismiss"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const iconName = vue.computed(() => {
-      switch (props.notification.type) {
-        case "success":
-          return "lucide:check-circle";
-        case "info":
-          return "lucide:info";
-        case "warning":
-          return "lucide:alert-triangle";
-        case "error":
-          return "lucide:x-circle";
-        default:
-          return "lucide:bell";
-      }
-    });
-    const iconColor = vue.computed(() => {
-      switch (props.notification.type) {
-        case "success":
-          return "text-green-600 dark:text-green-400";
-        case "info":
-          return "text-blue-600 dark:text-blue-400";
-        case "warning":
-          return "text-yellow-600 dark:text-yellow-400";
-        case "error":
-          return "text-red-600 dark:text-red-400";
-        default:
-          return "text-gray-600 dark:text-gray-400";
-      }
-    });
-    const bgColor = vue.computed(() => {
-      switch (props.notification.type) {
-        case "success":
-          return "bg-green-50 dark:bg-green-950";
-        case "info":
-          return "bg-blue-50 dark:bg-blue-950";
-        case "warning":
-          return "bg-yellow-50 dark:bg-yellow-950";
-        case "error":
-          return "bg-red-50 dark:bg-red-950";
-        default:
-          return "bg-gray-50 dark:bg-gray-950";
-      }
-    });
-    const handleDismiss = () => {
-      if (props.notification.id) {
-        emit("dismiss", props.notification.id);
-      }
-    };
-    vue.onMounted(() => {
-      const duration = props.notification.duration ?? props.duration ?? 5e3;
-      if (props.autoDismiss !== false && duration > 0) {
-        setTimeout(() => {
-          handleDismiss();
-        }, duration);
-      }
-    });
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$6, [
-        vue.createElementVNode("div", {
-          class: vue.normalizeClass([bgColor.value, "flex items-center justify-center rounded-full p-2"])
-        }, [
-          vue.createVNode(vue.unref(vue$1.Icon), {
-            class: vue.normalizeClass([iconColor.value, "size-5"]),
-            icon: iconName.value
-          }, null, 8, ["class", "icon"])
-        ], 2),
-        vue.createElementVNode("div", _hoisted_2$5, [
-          __props.notification.title ? (vue.openBlock(), vue.createElementBlock("h4", _hoisted_3$5, vue.toDisplayString(__props.notification.title), 1)) : vue.createCommentVNode("", true),
-          __props.notification.message ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_4$3, vue.toDisplayString(__props.notification.message), 1)) : vue.createCommentVNode("", true)
-        ]),
-        vue.createElementVNode("button", {
-          class: "shrink-0 text-gray-400 transition-colors hover:text-gray-600 dark:text-gray-600 dark:hover:text-gray-400",
-          onClick: handleDismiss
-        }, [
-          vue.createVNode(vue.unref(vue$1.Icon), {
-            class: "size-4",
-            icon: "lucide:x"
-          })
-        ])
-      ]);
-    };
-  }
-});
-const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
-  __name: "NotificationList",
-  props: {
-    notifications: {},
-    autoDismiss: { type: Boolean },
-    duration: {},
-    position: { default: "top-right" },
-    topOffset: {}
-  },
-  emits: ["dismiss"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const positionClasses = {
-      "top-right": "top-5 right-5",
-      "top-left": "top-5 left-5",
-      "bottom-right": "bottom-5 right-5",
-      "bottom-left": "bottom-5 left-5"
-    };
-    const isTopPosition = vue.computed(() => {
-      var _a;
-      return (_a = props.position) == null ? void 0 : _a.startsWith("top");
-    });
-    const topStyle = vue.computed(() => {
-      if (!isTopPosition.value || !props.topOffset) return {};
-      return { top: props.topOffset };
-    });
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(vue.Teleport, { to: "body" }, [
-        vue.createElementVNode("div", {
-          class: vue.normalizeClass(["fixed z-50 flex flex-col gap-3 w-full max-w-sm", positionClasses[__props.position]]),
-          style: vue.normalizeStyle(topStyle.value)
-        }, [
-          vue.createVNode(vue.TransitionGroup, {
-            "enter-active-class": "transition duration-300 ease-out",
-            "enter-from-class": "opacity-0 translate-x-4",
-            "enter-to-class": "opacity-100 translate-x-0",
-            "leave-active-class": "transition duration-200 ease-in",
-            "leave-from-class": "opacity-100 translate-x-0",
-            "leave-to-class": "opacity-0 translate-x-4"
-          }, {
-            default: vue.withCtx(() => [
-              (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.notifications, (notification) => {
-                return vue.openBlock(), vue.createBlock(_sfc_main$8, {
-                  key: notification.id,
-                  notification,
-                  "auto-dismiss": __props.autoDismiss,
-                  duration: __props.duration,
-                  onDismiss: _cache[0] || (_cache[0] = ($event) => emit("dismiss", $event))
-                }, null, 8, ["notification", "auto-dismiss", "duration"]);
-              }), 128))
-            ]),
-            _: 1
-          })
-        ], 6)
-      ]);
-    };
-  }
-});
-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$4 = { class: "text-sm text-gray-700 dark:text-gray-300" };
-const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
-  __name: "Alert",
-  props: {
-    variant: { default: "info" },
-    title: {},
-    dismissible: { type: Boolean },
-    icon: {}
-  },
-  emits: ["dismiss"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const variantStyles = {
-      info: {
-        bg: "bg-blue-50 dark:bg-blue-900/20",
-        border: "border-blue-200 dark:border-blue-800",
-        icon: "lucide:info",
-        iconColor: "text-blue-500"
-      },
-      success: {
-        bg: "bg-green-50 dark:bg-green-900/20",
-        border: "border-green-200 dark:border-green-800",
-        icon: "lucide:check-circle",
-        iconColor: "text-green-500"
-      },
-      warning: {
-        bg: "bg-yellow-50 dark:bg-yellow-900/20",
-        border: "border-yellow-200 dark:border-yellow-800",
-        icon: "lucide:alert-triangle",
-        iconColor: "text-yellow-500"
-      },
-      error: {
-        bg: "bg-red-50 dark:bg-red-900/20",
-        border: "border-red-200 dark:border-red-800",
-        icon: "lucide:alert-circle",
-        iconColor: "text-red-500"
-      }
-    };
-    const styles = variantStyles[props.variant];
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", {
-        class: vue.normalizeClass([
-          "flex gap-3 rounded-lg border p-4",
-          vue.unref(styles).bg,
-          vue.unref(styles).border
-        ]),
-        role: "alert"
-      }, [
-        vue.createVNode(vue.unref(vue$1.Icon), {
-          icon: __props.icon || vue.unref(styles).icon,
-          class: vue.normalizeClass(["size-5 shrink-0", vue.unref(styles).iconColor]),
-          "aria-hidden": "true"
-        }, null, 8, ["icon", "class"]),
-        vue.createElementVNode("div", _hoisted_1$5, [
-          __props.title ? (vue.openBlock(), vue.createElementBlock("h4", _hoisted_2$4, vue.toDisplayString(__props.title), 1)) : vue.createCommentVNode("", true),
-          vue.createElementVNode("div", _hoisted_3$4, [
-            vue.renderSlot(_ctx.$slots, "default")
-          ])
-        ]),
-        __props.dismissible ? (vue.openBlock(), vue.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 alert",
-          onClick: _cache[0] || (_cache[0] = ($event) => emit("dismiss"))
-        }, [
-          vue.createVNode(vue.unref(vue$1.Icon), {
-            icon: "lucide:x",
-            class: "size-4",
-            "aria-hidden": "true"
-          })
-        ])) : vue.createCommentVNode("", true)
-      ], 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$3 = { class: "text-gray-500 dark:text-gray-400" };
-const _hoisted_4$2 = {
-  key: 2,
-  class: "mt-4"
-};
-const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
-  __name: "EmptyState",
-  props: {
-    message: { default: "No results found" },
-    icon: { default: "lucide:inbox" },
-    title: {}
-  },
-  setup(__props) {
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$4, [
-        __props.icon ? (vue.openBlock(), vue.createBlock(vue.unref(vue$1.Icon), {
-          key: 0,
-          icon: __props.icon,
-          class: "mx-auto mb-4 size-12 text-gray-400 dark:text-gray-500"
-        }, null, 8, ["icon"])) : vue.createCommentVNode("", true),
-        __props.title ? (vue.openBlock(), vue.createElementBlock("h3", _hoisted_2$3, vue.toDisplayString(__props.title), 1)) : vue.createCommentVNode("", true),
-        vue.createElementVNode("p", _hoisted_3$3, [
-          vue.renderSlot(_ctx.$slots, "default", {}, () => [
-            vue.createTextVNode(vue.toDisplayString(__props.message), 1)
-          ])
-        ]),
-        _ctx.$slots.action ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$2, [
-          vue.renderSlot(_ctx.$slots, "action")
-        ])) : vue.createCommentVNode("", true)
-      ]);
-    };
-  }
-});
-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$2 = { class: "text-sm text-gray-700 dark:text-gray-300" };
-const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
-  __name: "Toast",
-  props: {
-    message: {},
-    type: { default: "info" },
-    title: {},
-    closable: { type: Boolean, default: true },
-    duration: { default: 5e3 }
-  },
-  emits: ["close"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const typeConfig = {
-      success: {
-        icon: "lucide:check-circle",
-        bg: "bg-green-50 border-green-200 dark:bg-green-950 dark:border-green-800",
-        iconColor: "text-green-500"
-      },
-      error: {
-        icon: "lucide:x-circle",
-        bg: "bg-red-50 border-red-200 dark:bg-red-950 dark:border-red-800",
-        iconColor: "text-red-500"
-      },
-      warning: {
-        icon: "lucide:alert-triangle",
-        bg: "bg-yellow-50 border-yellow-200 dark:bg-yellow-950 dark:border-yellow-800",
-        iconColor: "text-yellow-500"
-      },
-      info: {
-        icon: "lucide:info",
-        bg: "bg-blue-50 border-blue-200 dark:bg-blue-950 dark:border-blue-800",
-        iconColor: "text-blue-500"
-      }
-    };
-    const config = typeConfig[props.type];
-    if (props.duration > 0) {
-      setTimeout(() => {
-        emit("close");
-      }, props.duration);
-    }
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", {
-        class: vue.normalizeClass([
-          "flex items-start gap-3 rounded-lg border p-4 shadow-lg",
-          vue.unref(config).bg
-        ]),
-        role: "alert"
-      }, [
-        vue.createVNode(vue.unref(vue$1.Icon), {
-          icon: vue.unref(config).icon,
-          class: vue.normalizeClass(["size-5 shrink-0", vue.unref(config).iconColor]),
-          "aria-hidden": "true"
-        }, null, 8, ["icon", "class"]),
-        vue.createElementVNode("div", _hoisted_1$3, [
-          __props.title ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_2$2, vue.toDisplayString(__props.title), 1)) : vue.createCommentVNode("", true),
-          vue.createElementVNode("p", _hoisted_3$2, vue.toDisplayString(__props.message), 1)
-        ]),
-        __props.closable ? (vue.openBlock(), vue.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"))
-        }, [
-          vue.createVNode(vue.unref(vue$1.Icon), {
-            icon: "lucide:x",
-            class: "size-4",
-            "aria-hidden": "true"
-          })
-        ])) : vue.createCommentVNode("", true)
-      ], 2);
-    };
-  }
-});
-const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
-  __name: "ToastContainer",
-  props: {
-    toasts: {},
-    position: { default: "top-right" },
-    topOffset: {}
-  },
-  emits: ["close"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const positionClasses = {
-      "top-right": "right-4",
-      "top-left": "left-4",
-      "bottom-right": "bottom-4 right-4",
-      "bottom-left": "bottom-4 left-4",
-      "top-center": "left-1/2 -translate-x-1/2",
-      "bottom-center": "bottom-4 left-1/2 -translate-x-1/2"
-    };
-    const isTopPosition = vue.computed(() => {
-      var _a;
-      return (_a = props.position) == null ? void 0 : _a.startsWith("top");
-    });
-    const topStyle = vue.computed(() => {
-      if (!isTopPosition.value) return {};
-      return { top: props.topOffset || "1rem" };
-    });
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(vue.Teleport, { to: "body" }, [
-        vue.createElementVNode("div", {
-          class: vue.normalizeClass(["fixed z-9999 flex flex-col gap-2 w-full max-w-sm", positionClasses[__props.position]]),
-          style: vue.normalizeStyle(topStyle.value),
-          "aria-live": "polite",
-          "aria-atomic": "false"
-        }, [
-          vue.createVNode(vue.TransitionGroup, {
-            "enter-active-class": "transition duration-300 ease-out",
-            "enter-from-class": "opacity-0 translate-x-4",
-            "enter-to-class": "opacity-100 translate-x-0",
-            "leave-active-class": "transition duration-200 ease-in",
-            "leave-from-class": "opacity-100 translate-x-0",
-            "leave-to-class": "opacity-0 translate-x-4"
-          }, {
-            default: vue.withCtx(() => [
-              (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.toasts, (toast) => {
-                return vue.openBlock(), vue.createBlock(_sfc_main$4, {
-                  key: toast.id,
-                  message: toast.message,
-                  type: toast.type,
-                  title: toast.title,
-                  duration: toast.duration,
-                  onClose: ($event) => emit("close", toast.id)
-                }, null, 8, ["message", "type", "title", "duration", "onClose"]);
-              }), 128))
-            ]),
-            _: 1
-          })
-        ], 6)
-      ]);
-    };
-  }
-});
-const _hoisted_1$2 = { class: "w-full" };
-const _hoisted_2$1 = {
-  key: 0,
-  class: "mb-1 flex justify-between text-sm"
-};
-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__ */ vue.defineComponent({
-  __name: "Progress",
-  props: {
-    value: {},
-    max: { default: 100 },
-    size: { default: "md" },
-    variant: { default: "default" },
-    showLabel: { type: Boolean, default: false },
-    striped: { type: Boolean, default: false },
-    animated: { type: Boolean, default: false },
-    indeterminate: { type: Boolean, default: false }
-  },
-  setup(__props) {
-    const props = __props;
-    const percentage = vue.computed(() => {
-      if (props.indeterminate) return 100;
-      return Math.min(Math.max(props.value / props.max * 100, 0), 100);
-    });
-    const sizeClasses = {
-      sm: "h-1",
-      md: "h-2",
-      lg: "h-4"
-    };
-    const variantClasses = {
-      default: "bg-primary",
-      success: "bg-green-500",
-      warning: "bg-yellow-500",
-      error: "bg-red-500"
-    };
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$2, [
-        __props.showLabel && !__props.indeterminate ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$1, [
-          _cache[0] || (_cache[0] = vue.createElementVNode("span", { class: "text-gray-600 dark:text-gray-400" }, "Progress", -1)),
-          vue.createElementVNode("span", _hoisted_3$1, vue.toDisplayString(Math.round(percentage.value)) + "%", 1)
-        ])) : vue.createCommentVNode("", true),
-        vue.createElementVNode("div", {
-          class: vue.normalizeClass([
-            "w-full overflow-hidden rounded-full bg-gray-200 dark:bg-gray-700",
-            sizeClasses[__props.size]
-          ]),
-          role: "progressbar",
-          "aria-valuenow": __props.indeterminate ? void 0 : __props.value,
-          "aria-valuemin": 0,
-          "aria-valuemax": __props.max
-        }, [
-          vue.createElementVNode("div", {
-            class: vue.normalizeClass([
-              "h-full rounded-full transition-all duration-300",
-              variantClasses[__props.variant],
-              __props.striped && "bg-stripes",
-              __props.animated && "animate-stripes",
-              __props.indeterminate && "animate-indeterminate"
-            ]),
-            style: vue.normalizeStyle({ width: __props.indeterminate ? "30%" : `${percentage.value}%` })
-          }, null, 6)
-        ], 10, _hoisted_4$1)
-      ]);
-    };
-  }
-});
-const Progress = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main$2, [["__scopeId", "data-v-7ff636cf"]]);
-const _hoisted_1$1 = {
-  key: 0,
-  class: "space-y-2",
-  "aria-hidden": "true"
-};
-const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
-  __name: "Skeleton",
-  props: {
-    variant: { default: "text" },
-    width: {},
-    height: {},
-    lines: { default: 1 },
-    animate: { type: Boolean, default: true }
-  },
-  setup(__props) {
-    const variantClasses = {
-      text: "h-4 rounded",
-      circular: "rounded-full",
-      rectangular: "",
-      rounded: "rounded-lg"
-    };
-    return (_ctx, _cache) => {
-      return __props.variant === "text" && __props.lines > 1 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1, [
-        (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.lines, (i) => {
-          return vue.openBlock(), vue.createElementBlock("div", {
-            key: i,
-            class: vue.normalizeClass([
-              "bg-gray-200 dark:bg-gray-700",
-              variantClasses[__props.variant],
-              __props.animate && "animate-pulse"
-            ]),
-            style: vue.normalizeStyle({
-              width: i === __props.lines ? "75%" : __props.width || "100%",
-              height: __props.height
-            })
-          }, null, 6);
-        }), 128))
-      ])) : (vue.openBlock(), vue.createElementBlock("div", {
-        key: 1,
-        class: vue.normalizeClass([
-          "bg-gray-200 dark:bg-gray-700",
-          variantClasses[__props.variant],
-          __props.animate && "animate-pulse"
-        ]),
-        style: vue.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 size-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__ */ vue.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 ? (vue.openBlock(), vue.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: vue.withCtx(() => [
-          vue.createElementVNode("div", _hoisted_1, [
-            vue.createElementVNode("div", _hoisted_2, [
-              vue.createVNode(vue.unref(vue$1.Icon), {
-                icon: __props.icon || vue.unref(config).icon,
-                class: vue.normalizeClass([vue.unref(config).iconClass, "size-8"])
-              }, null, 8, ["icon", "class"])
-            ]),
-            vue.createElementVNode("h3", _hoisted_3, vue.toDisplayString(__props.title), 1),
-            vue.createElementVNode("p", _hoisted_4, [
-              vue.renderSlot(_ctx.$slots, "default", {}, () => [
-                vue.createTextVNode(vue.toDisplayString(__props.message), 1)
-              ])
-            ]),
-            vue.createElementVNode("div", _hoisted_5, [
-              vue.createVNode(Button_vue_vue_type_script_setup_true_lang._sfc_main, {
-                variant: "outline",
-                disabled: __props.loading,
-                onClick: _cache[0] || (_cache[0] = ($event) => emit("cancel"))
-              }, {
-                default: vue.withCtx(() => [
-                  vue.createTextVNode(vue.toDisplayString(__props.cancelText), 1)
-                ]),
-                _: 1
-              }, 8, ["disabled"]),
-              vue.createVNode(Button_vue_vue_type_script_setup_true_lang._sfc_main, {
-                variant: vue.unref(config).buttonVariant,
-                loading: __props.loading,
-                onClick: _cache[1] || (_cache[1] = ($event) => emit("confirm"))
-              }, {
-                default: vue.withCtx(() => [
-                  vue.createTextVNode(vue.toDisplayString(__props.confirmText), 1)
-                ]),
-                _: 1
-              }, 8, ["variant", "loading"])
-            ])
-          ])
-        ]),
-        _: 3
-      }, 8, ["close-on-backdrop", "close-on-escape", "teleport"])) : vue.createCommentVNode("", true);
-    };
-  }
-});
-exports.Progress = Progress;
-exports._sfc_main = _sfc_main$b;
-exports._sfc_main$1 = _sfc_main$a;
-exports._sfc_main$10 = _sfc_main;
-exports._sfc_main$2 = _sfc_main$9;
-exports._sfc_main$3 = _sfc_main$8;
-exports._sfc_main$4 = _sfc_main$7;
-exports._sfc_main$5 = _sfc_main$6;
-exports._sfc_main$6 = _sfc_main$5;
-exports._sfc_main$7 = _sfc_main$4;
-exports._sfc_main$8 = _sfc_main$3;
-exports._sfc_main$9 = _sfc_main$1;
-//# sourceMappingURL=ConfirmDialog.vue_vue_type_script_setup_true_lang-Bine-xfp.cjs.map