cisse-vue-ui 0.2.7 → 0.3.0

package/dist/{EmptyState.vue_vue_type_script_setup_true_lang-CrVvFwXA.js → Skeleton.vue_vue_type_script_setup_true_lang-DRC4EADS.js}

@@ -1,12 +1,13 @@
-import { defineComponent, createElementBlock, openBlock, createElementVNode, createCommentVNode, normalizeClass, toDisplayString, onMounted, onUnmounted, withModifiers, renderSlot, createTextVNode, createVNode, unref, Fragment, renderList, computed, createBlock } from "vue";
+import { defineComponent, createElementBlock, openBlock, createElementVNode, createCommentVNode, normalizeClass, toDisplayString, onMounted, onUnmounted, withModifiers, renderSlot, createTextVNode, createVNode, unref, Fragment, renderList, computed, createBlock, Teleport, TransitionGroup, withCtx, normalizeStyle } from "vue";
 import { Icon } from "@iconify/vue";
-const _hoisted_1$6 = { class: "flex items-center justify-center py-12" };
-const _hoisted_2$5 = { class: "text-center" };
-const _hoisted_3$5 = {
+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 = {
   key: 0,
   class: "mt-4 text-gray-600 dark:text-gray-400"
 };
-const _sfc_main$6 = /* @__PURE__ */ defineComponent({
+const _sfc_main$a = /* @__PURE__ */ defineComponent({
   __name: "LoadingSpinner",
   props: {
     text: {},
@@ -19,29 +20,29 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
       lg: "h-16 w-16"
     };
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$6, [
-        createElementVNode("div", _hoisted_2$5, [
+      return openBlock(), createElementBlock("div", _hoisted_1$9, [
+        createElementVNode("div", _hoisted_2$7, [
           createElementVNode("div", {
             class: normalizeClass([sizeClasses[__props.size], "border-primary inline-block animate-spin rounded-full border-4 border-solid border-r-transparent"])
           }, null, 2),
-          __props.text ? (openBlock(), createElementBlock("p", _hoisted_3$5, toDisplayString(__props.text), 1)) : createCommentVNode("", true)
+          __props.text ? (openBlock(), createElementBlock("p", _hoisted_3$7, toDisplayString(__props.text), 1)) : createCommentVNode("", true)
         ])
       ]);
     };
   }
 });
-const _hoisted_1$5 = {
+const _hoisted_1$8 = {
   key: 0,
   class: "flex items-center justify-between border-b border-gray-200 px-6 py-4 dark:border-gray-700"
 };
-const _hoisted_2$4 = { class: "text-xl font-semibold text-gray-900 dark:text-gray-100" };
-const _hoisted_3$4 = { class: "sr-only" };
-const _hoisted_4$3 = { class: "flex-1 overflow-y-auto px-6 py-4" };
+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 = {
   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$5 = /* @__PURE__ */ defineComponent({
+const _sfc_main$9 = /* @__PURE__ */ defineComponent({
   __name: "Modal",
   props: {
     title: { default: "" },
@@ -86,8 +87,8 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
         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"])
         }, [
-          __props.title || _ctx.$slots.header || _ctx.$slots.title ? (openBlock(), createElementBlock("div", _hoisted_1$5, [
-            createElementVNode("h3", _hoisted_2$4, [
+          __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)
@@ -103,10 +104,10 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
                 class: "h-5 w-5",
                 icon: "lucide:x"
               }),
-              createElementVNode("span", _hoisted_3$4, toDisplayString(__props.closeButtonLabel), 1)
+              createElementVNode("span", _hoisted_3$6, toDisplayString(__props.closeButtonLabel), 1)
             ])
           ])) : createCommentVNode("", true),
-          createElementVNode("div", _hoisted_4$3, [
+          createElementVNode("div", _hoisted_4$4, [
             renderSlot(_ctx.$slots, "default")
           ]),
           _ctx.$slots.footer ? (openBlock(), createElementBlock("div", _hoisted_5$1, [
@@ -117,26 +118,28 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$4 = {
+const _hoisted_1$7 = {
   key: 0,
-  class: "flex items-center justify-between border-t border-gray-200 px-6 py-4 dark:border-gray-700"
+  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$3 = { class: "flex items-center gap-4" };
-const _hoisted_3$3 = { class: "text-sm text-gray-700 dark:text-gray-300" };
-const _hoisted_4$2 = {
+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 = {
   key: 0,
-  class: "flex items-center gap-2"
+  class: "flex items-center justify-center sm:justify-start gap-2"
 };
 const _hoisted_5 = {
-  class: "text-sm text-gray-600 dark:text-gray-400",
+  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 gap-2" };
+const _hoisted_8 = { class: "flex justify-center sm:justify-end gap-2" };
 const _hoisted_9 = ["disabled"];
-const _hoisted_10 = ["disabled"];
-const _sfc_main$4 = /* @__PURE__ */ defineComponent({
+const _hoisted_10 = { class: "hidden sm:inline" };
+const _hoisted_11 = ["disabled"];
+const _hoisted_12 = { class: "hidden sm:inline" };
+const _sfc_main$8 = /* @__PURE__ */ defineComponent({
   __name: "PaginationControls",
   props: {
     currentPage: {},
@@ -164,10 +167,10 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
       emit("update:pageSize", Number(target.value));
     };
     return (_ctx, _cache) => {
-      return __props.totalPages > 1 ? (openBlock(), createElementBlock("div", _hoisted_1$4, [
-        createElementVNode("div", _hoisted_2$3, [
-          createElementVNode("div", _hoisted_3$3, toDisplayString(__props.pageLabel) + " " + toDisplayString(__props.currentPage) + " " + toDisplayString(__props.ofLabel) + " " + toDisplayString(__props.totalPages), 1),
-          __props.showPageSize ? (openBlock(), createElementBlock("div", _hoisted_4$2, [
+      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),
             createElementVNode("select", {
               id: "page-size",
@@ -187,42 +190,42 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
         createElementVNode("div", _hoisted_8, [
           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-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",
+            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))
           }, [
             createVNode(unref(Icon), {
               class: "h-4 w-4",
               icon: "lucide:chevron-left"
             }),
-            createTextVNode(" " + toDisplayString(__props.previousLabel), 1)
+            createElementVNode("span", _hoisted_10, toDisplayString(__props.previousLabel), 1)
           ], 8, _hoisted_9),
           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-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",
+            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))
           }, [
-            createTextVNode(toDisplayString(__props.nextLabel) + " ", 1),
+            createElementVNode("span", _hoisted_12, toDisplayString(__props.nextLabel), 1),
             createVNode(unref(Icon), {
               class: "h-4 w-4",
               icon: "lucide:chevron-right"
             })
-          ], 8, _hoisted_10)
+          ], 8, _hoisted_11)
         ])
       ])) : createCommentVNode("", true);
     };
   }
 });
-const _hoisted_1$3 = { 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$2 = { class: "flex min-w-0 flex-1 flex-col" };
-const _hoisted_3$2 = {
+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 = {
   key: 0,
   class: "text-sm font-semibold text-gray-900 dark:text-gray-100"
 };
-const _hoisted_4$1 = {
+const _hoisted_4$2 = {
   key: 1,
   class: "mt-1 text-sm text-gray-600 dark:text-gray-400"
 };
-const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+const _sfc_main$7 = /* @__PURE__ */ defineComponent({
   __name: "NotificationComponent",
   props: {
     notification: {},
@@ -289,7 +292,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
       }
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$3, [
+      return openBlock(), createElementBlock("div", _hoisted_1$6, [
         createElementVNode("div", {
           class: normalizeClass([bgColor.value, "flex items-center justify-center rounded-full p-2"])
         }, [
@@ -298,9 +301,9 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
             icon: iconName.value
           }, null, 8, ["class", "icon"])
         ], 2),
-        createElementVNode("div", _hoisted_2$2, [
-          __props.notification.title ? (openBlock(), createElementBlock("h4", _hoisted_3$2, toDisplayString(__props.notification.title), 1)) : createCommentVNode("", true),
-          __props.notification.message ? (openBlock(), createElementBlock("p", _hoisted_4$1, toDisplayString(__props.notification.message), 1)) : createCommentVNode("", true)
+        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("button", {
           class: "shrink-0 text-gray-400 transition-colors hover:text-gray-600 dark:text-gray-600 dark:hover:text-gray-400",
@@ -315,8 +318,8 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$2 = { class: "fixed top-5 right-5 z-50 flex flex-col gap-3" };
-const _sfc_main$2 = /* @__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({
   __name: "NotificationList",
   props: {
     notifications: {},
@@ -327,9 +330,9 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   setup(__props, { emit: __emit }) {
     const emit = __emit;
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$2, [
+      return openBlock(), createElementBlock("div", _hoisted_1$5, [
         (openBlock(true), createElementBlock(Fragment, null, renderList(__props.notifications, (notification) => {
-          return openBlock(), createBlock(_sfc_main$3, {
+          return openBlock(), createBlock(_sfc_main$7, {
             key: notification.id,
             notification,
             "auto-dismiss": __props.autoDismiss,
@@ -341,13 +344,13 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$1 = { class: "flex-1" };
-const _hoisted_2$1 = {
+const _hoisted_1$4 = { class: "flex-1" };
+const _hoisted_2$3 = {
   key: 0,
   class: "mb-1 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$1 = /* @__PURE__ */ defineComponent({
+const _hoisted_3$3 = { class: "text-sm text-gray-700 dark:text-gray-300" };
+const _sfc_main$5 = /* @__PURE__ */ defineComponent({
   __name: "Alert",
   props: {
     variant: { default: "info" },
@@ -399,9 +402,9 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
           icon: __props.icon || unref(styles).icon,
           class: normalizeClass(["size-5 shrink-0", unref(styles).iconColor])
         }, null, 8, ["icon", "class"]),
-        createElementVNode("div", _hoisted_1$1, [
-          __props.title ? (openBlock(), createElementBlock("h4", _hoisted_2$1, toDisplayString(__props.title), 1)) : createCommentVNode("", true),
-          createElementVNode("div", _hoisted_3$1, [
+        createElementVNode("div", _hoisted_1$4, [
+          __props.title ? (openBlock(), createElementBlock("h4", _hoisted_2$3, toDisplayString(__props.title), 1)) : createCommentVNode("", true),
+          createElementVNode("div", _hoisted_3$3, [
             renderSlot(_ctx.$slots, "default")
           ])
         ]),
@@ -420,17 +423,17 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1 = { class: "py-12 text-center" };
-const _hoisted_2 = {
+const _hoisted_1$3 = { class: "py-12 text-center" };
+const _hoisted_2$2 = {
   key: 1,
   class: "mb-2 text-lg font-medium text-gray-900 dark:text-white"
 };
-const _hoisted_3 = { class: "text-gray-500 dark:text-gray-400" };
-const _hoisted_4 = {
+const _hoisted_3$2 = { class: "text-gray-500 dark:text-gray-400" };
+const _hoisted_4$1 = {
   key: 2,
   class: "mt-4"
 };
-const _sfc_main = /* @__PURE__ */ defineComponent({
+const _sfc_main$4 = /* @__PURE__ */ defineComponent({
   __name: "EmptyState",
   props: {
     message: { default: "No results found" },
@@ -439,32 +442,282 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1, [
+      return openBlock(), createElementBlock("div", _hoisted_1$3, [
         __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, toDisplayString(__props.title), 1)) : createCommentVNode("", true),
-        createElementVNode("p", _hoisted_3, [
+        __props.title ? (openBlock(), createElementBlock("h3", _hoisted_2$2, toDisplayString(__props.title), 1)) : createCommentVNode("", true),
+        createElementVNode("p", _hoisted_3$2, [
           renderSlot(_ctx.$slots, "default", {}, () => [
             createTextVNode(toDisplayString(__props.message), 1)
           ])
         ]),
-        _ctx.$slots.action ? (openBlock(), createElementBlock("div", _hoisted_4, [
+        _ctx.$slots.action ? (openBlock(), createElementBlock("div", _hoisted_4$1, [
           renderSlot(_ctx.$slots, "action")
         ])) : createCommentVNode("", true)
       ]);
     };
   }
 });
+const _hoisted_1$2 = { class: "flex-1 min-w-0" };
+const _hoisted_2$1 = {
+  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({
+  __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-900/20 dark:border-green-800",
+        iconColor: "text-green-500"
+      },
+      error: {
+        icon: "lucide:x-circle",
+        bg: "bg-red-50 border-red-200 dark:bg-red-900/20 dark:border-red-800",
+        iconColor: "text-red-500"
+      },
+      warning: {
+        icon: "lucide:alert-triangle",
+        bg: "bg-yellow-50 border-yellow-200 dark:bg-yellow-900/20 dark:border-yellow-800",
+        iconColor: "text-yellow-500"
+      },
+      info: {
+        icon: "lucide:info",
+        bg: "bg-blue-50 border-blue-200 dark:bg-blue-900/20 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 openBlock(), createElementBlock("div", {
+        class: normalizeClass([
+          "flex items-start gap-3 rounded-lg border p-4 shadow-lg",
+          unref(config).bg
+        ]),
+        role: "alert"
+      }, [
+        createVNode(unref(Icon), {
+          icon: unref(config).icon,
+          class: normalizeClass(["size-5 shrink-0", unref(config).iconColor])
+        }, 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)
+        ]),
+        __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",
+          onClick: _cache[0] || (_cache[0] = ($event) => emit("close"))
+        }, [
+          createVNode(unref(Icon), {
+            icon: "lucide:x",
+            class: "size-4"
+          })
+        ])) : createCommentVNode("", true)
+      ], 2);
+    };
+  }
+});
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+  __name: "ToastContainer",
+  props: {
+    toasts: {},
+    position: { default: "top-right" }
+  },
+  emits: ["close"],
+  setup(__props, { emit: __emit }) {
+    const emit = __emit;
+    const positionClasses = {
+      "top-right": "top-4 right-4",
+      "top-left": "top-4 left-4",
+      "bottom-right": "bottom-4 right-4",
+      "bottom-left": "bottom-4 left-4",
+      "top-center": "top-4 left-1/2 -translate-x-1/2",
+      "bottom-center": "bottom-4 left-1/2 -translate-x-1/2"
+    };
+    return (_ctx, _cache) => {
+      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]])
+        }, [
+          createVNode(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: withCtx(() => [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(__props.toasts, (toast) => {
+                return openBlock(), createBlock(_sfc_main$3, {
+                  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
+          })
+        ], 2)
+      ]);
+    };
+  }
+});
+const _hoisted_1$1 = { class: "w-full" };
+const _hoisted_2 = {
+  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({
+  __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 = 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 openBlock(), createElementBlock("div", _hoisted_1$1, [
+        __props.showLabel && !__props.indeterminate ? (openBlock(), createElementBlock("div", _hoisted_2, [
+          _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)
+        ])) : createCommentVNode("", true),
+        createElementVNode("div", {
+          class: 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
+        }, [
+          createElementVNode("div", {
+            class: 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: normalizeStyle({ width: __props.indeterminate ? "30%" : `${percentage.value}%` })
+          }, null, 6)
+        ], 10, _hoisted_4)
+      ]);
+    };
+  }
+});
+const Progress = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-f2118741"]]);
+const _hoisted_1 = {
+  key: 0,
+  class: "space-y-2"
+};
+const _sfc_main = /* @__PURE__ */ 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 ? (openBlock(), createElementBlock("div", _hoisted_1, [
+        (openBlock(true), createElementBlock(Fragment, null, renderList(__props.lines, (i) => {
+          return openBlock(), createElementBlock("div", {
+            key: i,
+            class: normalizeClass([
+              "bg-gray-200 dark:bg-gray-700",
+              variantClasses[__props.variant],
+              __props.animate && "animate-pulse"
+            ]),
+            style: normalizeStyle({
+              width: i === __props.lines ? "75%" : __props.width || "100%",
+              height: __props.height
+            })
+          }, null, 6);
+        }), 128))
+      ])) : (openBlock(), createElementBlock("div", {
+        key: 1,
+        class: normalizeClass([
+          "bg-gray-200 dark:bg-gray-700",
+          variantClasses[__props.variant],
+          __props.animate && "animate-pulse"
+        ]),
+        style: normalizeStyle({
+          width: __props.width || (__props.variant === "circular" ? "3rem" : "100%"),
+          height: __props.height || (__props.variant === "circular" ? "3rem" : __props.variant === "text" ? "1rem" : "6rem")
+        })
+      }, null, 6));
+    };
+  }
+});
 export {
-  _sfc_main$6 as _,
-  _sfc_main$5 as a,
-  _sfc_main$4 as b,
-  _sfc_main$3 as c,
-  _sfc_main$2 as d,
-  _sfc_main$1 as e,
-  _sfc_main as f
+  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
 };
-//# sourceMappingURL=EmptyState.vue_vue_type_script_setup_true_lang-CrVvFwXA.js.map
+//# sourceMappingURL=Skeleton.vue_vue_type_script_setup_true_lang-DRC4EADS.js.map