@prosync_solutions/ui 0.1.0

package/dist/prosync-ui.js

@@ -0,0 +1,1034 @@
+import { _ as j, a as K, b as L, c as W, d as q, e as G, f as X, g as J, h as Q, i as Y, j as ee, k as te, P as se } from "./chunks/ProSpinner.vue_vue_type_script_setup_true_lang-C3WfTGch.js";
+import { defineComponent as y, openBlock as t, createElementBlock as o, normalizeStyle as A, normalizeClass as m, createElementVNode as l, Fragment as _, renderList as z, createTextVNode as V, toDisplayString as d, createBlock as x, resolveDynamicComponent as P, createCommentVNode as u, renderSlot as f, ref as B, createVNode as w, withCtx as k, unref as v, useSlots as ae, computed as g, withAsyncContext as oe, mergeProps as M, onMounted as I, onUnmounted as re, Transition as E, defineAsyncComponent as le, resolveComponent as ne, watch as ie, withModifiers as ce } from "vue";
+import { PhCaretDown as H, PhCaretRight as T, PhSparkle as de, PhInfo as ue, PhWarningCircle as fe, PhWarning as be, PhCheckCircle as me, PhX as O, PhArrowLeft as he, PhPlus as xe, PhCaretLeft as R, PhEmpty as ge } from "@phosphor-icons/vue";
+const pe = { class: "w-full" }, ve = { class: "bg-surface-gray-bg" }, ye = { class: "flex items-center gap-1" }, Ce = { class: "divide-y divide-border-border [&>tr:last-child]:border-b-0" }, $e = /* @__PURE__ */ y({
+  __name: "ProTable",
+  props: {
+    columns: {},
+    bordered: { type: Boolean, default: !0 }
+  },
+  setup(e) {
+    return (a, r) => (t(), o("div", {
+      class: m([
+        "overflow-x-auto",
+        e.bordered ? "bg-surface-sub-bg border border-border-border" : ""
+      ]),
+      style: A(e.bordered ? "border-radius: 12px" : "")
+    }, [
+      l("table", pe, [
+        l("thead", null, [
+          l("tr", ve, [
+            (t(!0), o(_, null, z(e.columns, (s) => (t(), o("th", {
+              key: s.key,
+              class: "px-4 py-2.5 text-left text-body text-body-sm-bold"
+            }, [
+              l("div", ye, [
+                V(d(s.label) + " ", 1),
+                s.headerIcon ? (t(), x(P(s.headerIcon), {
+                  key: 0,
+                  size: 14,
+                  class: "text-icon-info",
+                  weight: "fill"
+                })) : u("", !0)
+              ])
+            ]))), 128))
+          ])
+        ]),
+        l("tbody", Ce, [
+          f(a.$slots, "default")
+        ])
+      ])
+    ], 6));
+  }
+}), we = { class: "px-4 py-2.5 text-left" }, ke = {
+  key: 0,
+  class: "flex flex-col"
+}, Pe = { class: "text-body-sm-bold text-text-body" }, _e = { class: "text-body-sm text-text-subtitle" }, Ve = {
+  key: 1,
+  class: "text-body-sm text-text-body"
+}, D = /* @__PURE__ */ y({
+  __name: "ProTableCell",
+  props: {
+    text: {},
+    subtitle: {}
+  },
+  setup(e) {
+    return (a, r) => (t(), o("td", we, [
+      e.subtitle ? (t(), o("div", ke, [
+        l("span", Pe, d(e.text), 1),
+        l("span", _e, d(e.subtitle), 1)
+      ])) : e.text ? (t(), o("span", Ve, d(e.text), 1)) : f(a.$slots, "default", { key: 2 })
+    ]));
+  }
+}), Se = { class: "flex items-center space-x-2" }, ze = {
+  type: "button",
+  class: "p-1 hover:bg-surface-gray-bg rounded transition-colors"
+}, Be = {
+  key: 0,
+  class: "bg-surface-main-bg"
+}, Ee = ["colspan"], Te = { key: 1 }, je = /* @__PURE__ */ y({
+  __name: "ProTableRow",
+  props: {
+    expandable: { type: Boolean, default: !1 },
+    defaultExpanded: { type: Boolean, default: !1 },
+    columnCount: { default: 4 }
+  },
+  setup(e) {
+    const a = e, r = B(a.defaultExpanded);
+    function s() {
+      a.expandable && (r.value = !r.value);
+    }
+    return (n, i) => e.expandable ? (t(), o(_, { key: 0 }, [
+      l("tr", {
+        class: m(r.value ? "bg-surface-main-bg" : ""),
+        onClick: s
+      }, [
+        w(D, null, {
+          default: k(() => [
+            l("div", Se, [
+              l("button", ze, [
+                r.value ? (t(), x(v(H), {
+                  key: 0,
+                  size: 16,
+                  class: "text-icon-default"
+                })) : (t(), x(v(T), {
+                  key: 1,
+                  size: 16,
+                  class: "text-icon-default"
+                }))
+              ]),
+              f(n.$slots, "first-cell")
+            ])
+          ]),
+          _: 3
+        }),
+        f(n.$slots, "default")
+      ], 2),
+      r.value ? (t(), o("tr", Be, [
+        l("td", {
+          colspan: e.columnCount,
+          class: "p-6 border-b border-border-border"
+        }, [
+          f(n.$slots, "expanded")
+        ], 8, Ee)
+      ])) : u("", !0)
+    ], 64)) : (t(), o("tr", Te, [
+      f(n.$slots, "first-cell"),
+      f(n.$slots, "default")
+    ]));
+  }
+}), He = {
+  key: 0,
+  class: "shrink-0 self-center"
+}, Le = /* @__PURE__ */ y({
+  __name: "ProBanner",
+  props: {
+    variant: { default: "default" },
+    title: { default: "" },
+    subtitle: { default: "" },
+    showAction: { type: Boolean, default: !1 },
+    actionLabel: { default: "Action" },
+    showClose: { type: Boolean, default: !1 }
+  },
+  emits: ["close", "action"],
+  setup(e) {
+    const a = e, r = ae(), s = g(() => !!a.title || !!r.title), n = g(() => !!a.subtitle || !!r.default), i = g(() => s.value && n.value), c = g(() => {
+      switch (a.variant) {
+        case "success":
+          return me;
+        case "warn":
+          return be;
+        case "error":
+          return fe;
+        case "info":
+          return ue;
+        default:
+          return de;
+      }
+    }), b = {
+      default: "bg-surface-gray-bg border-border-border",
+      info: "bg-surface-info border-border-info",
+      success: "bg-surface-success border-border-success",
+      warn: "bg-surface-warn border-border-warn",
+      error: "bg-surface-error border-border-error"
+    }, h = {
+      default: "text-icon-default",
+      info: "text-text-info",
+      success: "text-text-success",
+      warn: "text-text-warn",
+      error: "text-text-error"
+    }, p = {
+      default: "text-text-body",
+      info: "text-text-info",
+      success: "text-text-success",
+      warn: "text-text-warn",
+      error: "text-text-error"
+    }, $ = {
+      default: "text-icon-default hover:bg-black/5",
+      info: "text-text-info hover:bg-black/5",
+      success: "text-text-success hover:bg-black/5",
+      warn: "text-text-warn hover:bg-black/5",
+      error: "text-text-error hover:bg-black/5"
+    };
+    return (C, S) => (t(), o("div", {
+      class: m([
+        "flex gap-4 px-4 py-3 rounded-card border transition-colors relative text-left",
+        i.value ? "items-start" : "items-center",
+        b[e.variant]
+      ]),
+      role: "alert"
+    }, [
+      l("div", {
+        class: m([
+          "flex items-center justify-center shrink-0 w-9 h-9 rounded-lg",
+          h[e.variant]
+        ])
+      }, [
+        f(C.$slots, "icon", {}, () => [
+          (t(), x(P(c.value), {
+            size: 20,
+            weight: e.variant === "default" ? "regular" : "light"
+          }, null, 8, ["weight"]))
+        ])
+      ], 2),
+      l("div", {
+        class: m(["flex-1 min-w-0", i.value ? "pt-0.5" : ""])
+      }, [
+        s.value ? (t(), o("div", {
+          key: 0,
+          class: m(["text-body-sm-bold mb-0.5 text-left", p[e.variant]])
+        }, [
+          f(C.$slots, "title", {}, () => [
+            V(d(e.title), 1)
+          ])
+        ], 2)) : u("", !0),
+        n.value ? (t(), o("div", {
+          key: 1,
+          class: m(["text-body-sm text-left", p[e.variant]])
+        }, [
+          f(C.$slots, "default", {}, () => [
+            V(d(e.subtitle), 1)
+          ])
+        ], 2)) : u("", !0)
+      ], 2),
+      e.showAction || C.$slots.action ? (t(), o("div", He, [
+        f(C.$slots, "action", {}, () => [
+          e.showAction ? (t(), o("button", {
+            key: 0,
+            onClick: S[0] || (S[0] = (U) => C.$emit("action")),
+            class: "px-3 py-1.5 text-body-sm-bold text-text-heading bg-surface-gray-bg hover:bg-surface-gray-bg/80 border border-border-border rounded-md shadow-xs transition-colors"
+          }, d(e.actionLabel), 1)) : u("", !0)
+        ])
+      ])) : u("", !0),
+      e.showClose ? (t(), o("button", {
+        key: 1,
+        onClick: S[1] || (S[1] = (U) => C.$emit("close")),
+        class: m([
+          "shrink-0 p-1.5 rounded-md transition-colors -mr-1",
+          i.value ? "-mt-1" : "",
+          $[e.variant]
+        ]),
+        "aria-label": "Close"
+      }, [
+        w(v(O), { size: 16 })
+      ], 2)) : u("", !0)
+    ], 2));
+  }
+}), Ae = {
+  "aria-label": "Breadcrumb",
+  class: "flex items-center gap-4"
+}, Me = { class: "flex items-center gap-2 flex-wrap" }, Ie = {
+  key: 0,
+  class: "flex items-center text-text-subsubtitle",
+  "aria-hidden": "true"
+}, Oe = {
+  key: 0,
+  class: "text-body-sm-bold text-text-body whitespace-nowrap",
+  "aria-current": "page"
+}, N = /* @__PURE__ */ y({
+  __name: "ProBreadcrumbs",
+  props: {
+    items: {}
+  },
+  emits: ["back"],
+  async setup(e, { emit: a }) {
+    let r, s;
+    const n = a;
+    let i = null;
+    try {
+      i = ([r, s] = oe(() => import("vue-router")), r = await r, s(), r);
+    } catch {
+    }
+    const c = g(() => i != null && i.RouterLink ? i.RouterLink : "a");
+    function b() {
+      if (i)
+        try {
+          i.useRouter().back();
+          return;
+        } catch {
+        }
+      n("back"), window.history.back();
+    }
+    return (h, p) => (t(), o("nav", Ae, [
+      w(j, {
+        variant: "secondary",
+        size: "sm",
+        class: "flex flex-shrink-0 items-center justify-center",
+        onClick: b,
+        "aria-label": "Go back"
+      }, {
+        iconLeft: k(() => [
+          w(v(he), {
+            size: 16,
+            class: "text-text-body"
+          })
+        ]),
+        default: k(() => [
+          p[0] || (p[0] = V(" Back ", -1))
+        ]),
+        _: 1
+      }),
+      l("ol", Me, [
+        (t(!0), o(_, null, z(e.items, ($, C) => (t(), o(_, { key: C }, [
+          C > 0 ? (t(), o("li", Ie, [
+            w(v(T), { size: 12 })
+          ])) : u("", !0),
+          l("li", null, [
+            C === e.items.length - 1 ? (t(), o("span", Oe, d($.label), 1)) : (t(), x(P(c.value), M({
+              key: 1,
+              ref_for: !0
+            }, c.value === "a" ? { href: $.to ?? "#" } : { to: $.to ?? "#" }, { class: "text-body-sm !text-text-subsubtitle hover:!text-text-subtitle transition-colors whitespace-nowrap" }), {
+              default: k(() => [
+                V(d($.label), 1)
+              ]),
+              _: 2
+            }, 1040))
+          ])
+        ], 64))), 128))
+      ])
+    ]));
+  }
+}), Re = { class: "space-y-2" }, De = { class: "flex items-center justify-between" }, Ne = { class: "flex items-center gap-3" }, Ze = { class: "text-h2 text-text-heading text-left" }, Fe = {
+  key: 0,
+  class: "text-body-sm text-text-subtitle mt-1 text-left"
+}, Ue = { class: "flex items-center gap-3" }, Ke = /* @__PURE__ */ y({
+  __name: "ProPageHeader",
+  props: {
+    title: {},
+    subtitle: {},
+    actionText: {},
+    showPlusIcon: { type: Boolean },
+    breadcrumbs: {}
+  },
+  emits: ["action"],
+  setup(e) {
+    return (a, r) => (t(), o("div", Re, [
+      e.breadcrumbs && e.breadcrumbs.length > 0 ? (t(), x(N, {
+        key: 0,
+        items: e.breadcrumbs
+      }, null, 8, ["items"])) : u("", !0),
+      l("div", De, [
+        l("div", null, [
+          l("div", Ne, [
+            l("p", Ze, d(e.title), 1),
+            f(a.$slots, "title-suffix")
+          ]),
+          e.subtitle ? (t(), o("p", Fe, d(e.subtitle), 1)) : u("", !0)
+        ]),
+        l("div", Ue, [
+          f(a.$slots, "actions", {}, () => [
+            e.actionText ? (t(), x(j, {
+              key: 0,
+              onClick: r[0] || (r[0] = (s) => a.$emit("action")),
+              class: "bg-brand-primary hover:bg-brand-primary-strong text-text-on-primary flex items-center space-x-2 px-4 py-2.5 rounded-container shadow-sm"
+            }, {
+              default: k(() => [
+                e.showPlusIcon ? (t(), x(v(xe), {
+                  key: 0,
+                  size: 20,
+                  weight: "bold"
+                })) : u("", !0),
+                l("span", null, d(e.actionText), 1)
+              ]),
+              _: 1
+            })) : u("", !0)
+          ])
+        ])
+      ])
+    ]));
+  }
+}), We = /* @__PURE__ */ y({
+  __name: "ProMenu",
+  props: {
+    align: {
+      type: String,
+      default: "right",
+      validator: (e) => ["left", "right"].includes(e)
+    },
+    width: {
+      type: String,
+      default: "w-56"
+    }
+  },
+  setup(e, { expose: a }) {
+    const s = e.width, n = B(!1), i = B(null);
+    function c() {
+      n.value = !n.value;
+    }
+    function b() {
+      n.value = !1;
+    }
+    function h(p) {
+      i.value && !i.value.contains(p.target) && b();
+    }
+    return I(() => {
+      document.addEventListener("click", h);
+    }), re(() => {
+      document.removeEventListener("click", h);
+    }), a({
+      close: b
+    }), (p, $) => (t(), o("div", {
+      class: "relative",
+      ref_key: "menuRef",
+      ref: i
+    }, [
+      l("div", {
+        onClick: c,
+        class: "cursor-pointer"
+      }, [
+        f(p.$slots, "trigger", { isOpen: n.value }, void 0, !0)
+      ]),
+      w(E, { name: "dropdown" }, {
+        default: k(() => [
+          n.value ? (t(), o("div", {
+            key: 0,
+            class: m(["absolute mt-2 bg-surface-sub-bg border border-border-border rounded-container shadow-lg overflow-hidden z-50 text-black", [
+              e.align === "right" ? "right-0" : "left-0",
+              v(s)
+            ]])
+          }, [
+            f(p.$slots, "items", { close: b }, void 0, !0)
+          ], 2)) : u("", !0)
+        ]),
+        _: 3
+      })
+    ], 512));
+  }
+}), Z = /* @__PURE__ */ K(We, [["__scopeId", "data-v-f6942bad"]]), qe = { class: "bg-surface-sub-bg border-b border-border-border h-16 shrink-0" }, Ge = { class: "px-8 h-full flex items-center justify-between" }, Xe = { class: "flex items-center gap-3 ml-auto" }, Je = { class: "flex items-center space-x-3 cursor-pointer hover:bg-surface-gray-bg p-2 rounded-container transition-colors" }, Qe = { class: "w-8 h-8 rounded-full bg-surface-gray-bg overflow-hidden border border-border-border" }, Ye = ["src"], et = {
+  key: 1,
+  class: "w-full h-full flex items-center justify-center bg-brand-primary text-text-on-primary text-body-sm-bold"
+}, tt = { class: "text-right hidden md:block" }, st = { class: "text-sm font-semibold text-text-heading font-montserrat" }, at = {
+  key: 0,
+  class: "text-xs text-text-subtitle font-montserrat"
+}, ot = /* @__PURE__ */ y({
+  __name: "ProTopbar",
+  props: {
+    userName: { default: "" },
+    userEmail: { default: "" },
+    userAvatar: { default: "" }
+  },
+  setup(e) {
+    const a = e, r = g(() => a.userName ? a.userName.split(" ").map((s) => s.charAt(0)).join("").toUpperCase().slice(0, 2) : "");
+    return (s, n) => (t(), o("header", qe, [
+      l("div", Ge, [
+        f(s.$slots, "left"),
+        l("div", Xe, [
+          f(s.$slots, "right"),
+          e.userName ? (t(), x(Z, {
+            key: 0,
+            align: "right",
+            width: "w-56"
+          }, {
+            trigger: k(() => [
+              l("div", Je, [
+                l("div", Qe, [
+                  e.userAvatar ? (t(), o("img", {
+                    key: 0,
+                    src: e.userAvatar,
+                    alt: "User Avatar",
+                    class: "w-full h-full object-cover"
+                  }, null, 8, Ye)) : (t(), o("div", et, d(r.value), 1))
+                ]),
+                l("div", tt, [
+                  l("p", st, d(e.userName), 1),
+                  e.userEmail ? (t(), o("p", at, d(e.userEmail), 1)) : u("", !0)
+                ]),
+                w(v(H), {
+                  size: 16,
+                  class: "text-icon-default-soft"
+                })
+              ])
+            ]),
+            items: k(({ close: i }) => [
+              f(s.$slots, "menu-items", { close: i })
+            ]),
+            _: 3
+          })) : u("", !0)
+        ])
+      ])
+    ]));
+  }
+}), rt = {
+  key: 0,
+  class: "text-body-sm font-medium transition-opacity duration-200 flex-1 text-left"
+}, lt = {
+  key: 1,
+  class: "absolute left-full ml-2 px-3 py-1.5 bg-surface-sub-bg border border-border-border rounded-container shadow-lg opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all duration-200 whitespace-nowrap z-50 pointer-events-none"
+}, nt = { class: "text-body-sm font-medium text-text-heading" }, it = {
+  key: 1,
+  class: "flex flex-col"
+}, ct = {
+  key: 0,
+  class: "text-body-sm font-medium transition-opacity duration-200 flex-1 text-left"
+}, dt = {
+  key: 2,
+  class: "absolute left-full ml-2 px-3 py-1.5 bg-surface-sub-bg border border-border-border rounded-container shadow-lg opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all duration-200 whitespace-nowrap z-50 pointer-events-none"
+}, ut = { class: "text-body-sm font-medium text-text-heading" }, ft = {
+  key: 0,
+  class: "ml-6 mt-1"
+}, F = /* @__PURE__ */ y({
+  __name: "ProSidebarItem",
+  props: {
+    item: {},
+    isExpanded: { type: Boolean }
+  },
+  setup(e) {
+    const a = le(() => import("./chunks/ProSidebarItem-CNJJi_zd.js")), r = e, s = (() => {
+      try {
+        return ne("RouterLink");
+      } catch {
+        return null;
+      }
+    })(), n = g(() => s && typeof s != "string" ? s : "a"), i = g(() => s && typeof s != "string" ? { to: r.item.to } : { href: r.item.to || "#" }), c = g(() => typeof window < "u" ? window.location.pathname === r.item.to : !1), b = B(!1);
+    function h() {
+      r.item.children && r.item.children.length > 0 && (b.value = !b.value);
+    }
+    const p = g(() => [
+      "relative flex items-center gap-2.5 px-3 py-2.5 mx-2 mb-2 rounded-button transition-all duration-200",
+      r.isExpanded ? "justify-start" : "justify-center",
+      c.value ? "bg-surface-gray-bg text-brand-primary" : "!text-text-body hover:bg-surface-gray-bg hover:text-text-heading",
+      !r.isExpanded && "px-0 w-12 mx-auto"
+    ]);
+    return ($, C) => e.item.to ? (t(), x(P(n.value), M({ key: 0 }, i.value, {
+      class: [p.value, "group relative"]
+    }), {
+      default: k(() => [
+        (t(), x(P(e.item.icon), {
+          size: 20,
+          weight: "regular",
+          class: m(["shrink-0", c.value ? "text-brand-primary" : "text-icon-default"])
+        }, null, 8, ["class"])),
+        e.isExpanded ? (t(), o("span", rt, d(e.item.label), 1)) : u("", !0),
+        e.isExpanded ? u("", !0) : (t(), o("div", lt, [
+          l("span", nt, d(e.item.label), 1)
+        ]))
+      ]),
+      _: 1
+    }, 16, ["class"])) : (t(), o("div", it, [
+      l("button", {
+        onClick: h,
+        class: m([p.value, "group relative"])
+      }, [
+        (t(), x(P(e.item.icon), {
+          size: 20,
+          weight: "regular",
+          class: "shrink-0 text-icon-default"
+        })),
+        e.isExpanded ? (t(), o("span", ct, d(e.item.label), 1)) : u("", !0),
+        e.isExpanded && e.item.children && e.item.children.length > 0 ? (t(), x(v(H), {
+          key: 1,
+          size: 16,
+          class: m(["transition-transform duration-200 shrink-0", b.value ? "rotate-180" : ""])
+        }, null, 8, ["class"])) : u("", !0),
+        e.isExpanded ? u("", !0) : (t(), o("div", dt, [
+          l("span", ut, d(e.item.label), 1)
+        ]))
+      ], 2),
+      w(E, {
+        "enter-active-class": "transition-all duration-200 ease-out",
+        "enter-from-class": "opacity-0 -translate-y-2",
+        "enter-to-class": "opacity-100 translate-y-0",
+        "leave-active-class": "transition-all duration-150 ease-in",
+        "leave-from-class": "opacity-100 translate-y-0",
+        "leave-to-class": "opacity-0 -translate-y-2"
+      }, {
+        default: k(() => [
+          b.value && e.item.children && e.isExpanded ? (t(), o("div", ft, [
+            (t(!0), o(_, null, z(e.item.children, (S) => (t(), x(v(a), {
+              key: S.label,
+              item: S,
+              "is-expanded": e.isExpanded
+            }, null, 8, ["item", "is-expanded"]))), 128))
+          ])) : u("", !0)
+        ]),
+        _: 1
+      })
+    ]));
+  }
+}), bt = "data:image/svg+xml,%3csvg%20width='149'%20height='23'%20viewBox='0%200%20149%2023'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_1452_404)'%3e%3cpath%20d='M5.88924%2015.6801V22.9843H0.0909263C-0.0412166%2022.8057%200.0096076%2022.6183%200.0096076%2022.4441C0.00670336%2020.1628%200.00379912%2017.883%200.0096076%2015.6017C0.0154161%2012.8499%201.91769%2010.451%204.61138%209.9094C7.99627%209.2298%2011.3957%208.61991%2014.7893%207.97662C15.4108%207.859%2015.7201%207.54244%2015.6809%207.08647C15.6402%206.59421%2015.2888%206.3517%2014.6092%206.35025C9.99293%206.35025%205.3781%206.35025%200.761806%206.34734C0.532371%206.34734%200.294223%206.39527%200.0401021%206.28345V0.522892C0.27825%200.409627%200.49752%200.456094%200.709529%200.456094C5.43328%200.45319%2010.1585%200.451738%2014.8822%200.454642C18.2918%200.454642%2021.2251%203.07427%2021.5402%206.39381C21.8785%209.96748%2019.5885%2013.0721%2016.118%2013.7314C12.8493%2014.3514%209.57763%2014.9613%206.30745%2015.577C6.18402%2015.6003%206.0635%2015.6366%205.88924%2015.6801Z'%20fill='%23F0C111'/%3e%3cpath%20d='M30.8149%2022.9856V0.447253H34.1025L34.422%202.80985H34.7415C36.0818%200.862559%2037.9652%200%2040.4556%200C44.6696%200%2048.1169%202.93764%2048.1169%208.68368C48.1169%2014.4297%2044.6696%2017.3674%2040.4556%2017.3674C37.9971%2017.3674%2036.1137%2016.5367%2034.7415%2014.6214H34.422V22.9856H30.8149ZM44.446%208.68368C44.446%204.98077%2042.339%203.00153%2039.4013%203.00153C36.4637%203.00153%2034.3567%205.01272%2034.3567%208.68368C34.3567%2012.3546%2036.4637%2014.3658%2039.4013%2014.3658C42.339%2014.3658%2044.446%2012.3546%2044.446%208.68368Z'%20fill='%2303439A'/%3e%3cpath%20d='M50.6711%2016.9201V0.447266H53.9587L54.2782%203.03349H54.5977C55.7782%201.30982%2057.5673%200.447266%2060.6951%200.447266V3.79876C60.2798%203.73486%2059.8645%203.73486%2059.4507%203.73486C55.9394%203.73486%2054.2782%205.61826%2054.2782%209.28922V16.9187H50.6711V16.9201Z'%20fill='%2303439A'/%3e%3cpath%20d='M60.9521%208.68368C60.9521%202.80985%2064.6551%200%2069.7636%200C74.8722%200%2078.5751%202.80985%2078.5751%208.68368C78.5751%2014.5575%2074.9041%2017.3674%2069.7636%2017.3674C64.6231%2017.3674%2060.9521%2014.5575%2060.9521%208.68368ZM74.9027%208.68368C74.9027%204.78909%2072.7956%202.90569%2069.7622%202.90569C66.7287%202.90569%2064.6536%204.78909%2064.6536%208.68368C64.6536%2012.5783%2066.7287%2014.4297%2069.7941%2014.4297C72.8595%2014.4297%2074.9027%2012.5783%2074.9027%208.68368Z'%20fill='%2303439A'/%3e%3cpath%20d='M80.5225%2012.4185C80.5225%2012.2907%2080.5225%2012.131%2080.5544%2012.0032H84.1295V12.163C84.1295%2013.5033%2085.4379%2014.5894%2087.9602%2014.5894C90.4825%2014.5894%2091.7909%2013.8227%2091.7909%2012.2268C91.7909%208.77952%2080.7446%2011.9713%2080.7446%205.20295C80.7446%202.13897%2083.3628%200%2087.8644%200C92.8452%200%2095.048%202.20287%2095.048%205.01272V5.36413H91.4729V5.17245C91.4729%203.86409%2090.3882%202.74596%2087.8658%202.74596C85.5991%202.74596%2084.3227%203.54462%2084.3227%205.07661C84.3227%208.65173%2095.3689%205.33218%2095.3689%2012.1325C95.3689%2015.1979%2092.8466%2017.3688%2087.9631%2017.3688C82.5366%2017.3688%2080.5254%2015.0382%2080.5254%2012.42L80.5225%2012.4185Z'%20fill='%2303439A'/%3e%3cpath%20d='M100.027%2022.9856L102.582%2016.8882L95.6855%200.447266H99.644L104.465%2012.5144H104.785L109.542%200.447266H113.34L103.923%2022.9856H100.029H100.027Z'%20fill='%2303439A'/%3e%3cpath%20d='M113.82%2016.9201V7.85307C113.82%202.42649%20116.947%200%20121.992%200C127.037%200%20130.165%202.26676%20130.165%207.69333V16.9201H126.558V7.69333C126.558%204.50157%20124.866%203.06397%20121.992%203.06397C119.118%203.06397%20117.427%204.62791%20117.427%207.85307V16.9201H113.82Z'%20fill='%2303439A'/%3e%3cpath%20d='M132.719%208.68368C132.719%202.80985%20136.486%200%20141.307%200C145.106%200%20148.522%202.10703%20149%206.1294H145.489C145.074%204.02237%20143.222%202.90569%20141.275%202.90569C138.465%202.90569%20136.422%204.88493%20136.422%208.68368C136.422%2012.4824%20138.465%2014.4297%20141.275%2014.4297C143.222%2014.4297%20145.074%2013.345%20145.489%2011.2365H149C148.521%2015.2589%20145.106%2017.3659%20141.307%2017.3659C136.486%2017.3659%20132.719%2014.5561%20132.719%208.68223V8.68368Z'%20fill='%2303439A'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_1452_404'%3e%3crect%20width='149'%20height='22.9856'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e", mt = "data:image/svg+xml,%3csvg%20width='22'%20height='23'%20viewBox='0%200%2022%2023'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_1487_2700)'%3e%3cpath%20d='M6.00574%2015.5462V23H0.092725C-0.0420319%2022.8177%200.00979765%2022.6266%200.00979765%2022.4487C0.00683596%2020.1207%200.00387427%2017.7942%200.00979765%2015.4662C0.015721%2012.658%201.95563%2010.21%204.70259%209.65724C8.15444%208.96373%2011.6211%208.34134%2015.0818%207.68488C15.7156%207.56484%2016.0311%207.2418%2015.9911%206.77649C15.9496%206.27414%2015.5912%206.02666%2014.8982%206.02518C10.1906%206.02518%205.48448%206.02518%200.776875%206.02222C0.542902%206.02222%200.300043%206.07112%200.0408954%205.95702V0.0769569C0.282273%20-0.0386289%200.507361%200.0102728%200.723565%200.0102728C5.54075%200.00730901%2010.3594%200.00582714%2015.1766%200.00879088C18.6536%200.00879088%2021.6449%202.68208%2021.9663%206.06964C22.3113%209.71652%2019.976%2012.8848%2016.4368%2013.5575C13.1034%2014.1903%209.76708%2014.8127%206.43222%2015.441C6.30635%2015.4647%206.18344%2015.5017%206.00574%2015.5462Z'%20fill='%23F0C111'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_1487_2700'%3e%3crect%20width='22'%20height='23'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e", ht = { class: "h-16 flex items-center px-4 justify-start" }, xt = ["src"], gt = ["src"], pt = {
+  key: 0,
+  class: "border-t border-border-border p-2"
+}, vt = /* @__PURE__ */ y({
+  __name: "ProSidebar",
+  props: {
+    navItems: {},
+    defaultExpanded: { type: Boolean, default: !0 },
+    persistState: { type: Boolean, default: !0 },
+    storageKey: { default: "prosync-sidebar-expanded" }
+  },
+  emits: ["update:expanded"],
+  setup(e, { emit: a }) {
+    const r = e, s = B(r.defaultExpanded), n = a;
+    I(() => {
+      if (r.persistState) {
+        const c = localStorage.getItem(r.storageKey);
+        c !== null && (s.value = c === "true");
+      }
+    }), ie(s, (c) => {
+      r.persistState && localStorage.setItem(r.storageKey, String(c)), n("update:expanded", c);
+    });
+    function i() {
+      s.value = !s.value;
+    }
+    return (c, b) => (t(), o("aside", {
+      class: m([
+        "h-full bg-surface-sub-bg border-r border-border-border transition-all duration-300 ease-in-out flex flex-col shrink-0 relative",
+        s.value ? "w-60" : "w-[68px]"
+      ])
+    }, [
+      l("div", ht, [
+        f(c.$slots, "logo", { isExpanded: s.value }, () => [
+          s.value ? (t(), o("img", {
+            key: 0,
+            src: v(bt),
+            alt: "Prosync",
+            height: "39",
+            class: "w-auto transition-opacity duration-200"
+          }, null, 8, xt)) : (t(), o("img", {
+            key: 1,
+            src: v(mt),
+            alt: "Prosync",
+            height: "39",
+            class: "w-auto transition-opacity duration-200"
+          }, null, 8, gt))
+        ])
+      ]),
+      l("button", {
+        onClick: i,
+        class: "absolute -right-4 top-[40px] w-8 h-8 rounded-lg flex items-center justify-center bg-surface-gray-bg border border-border-border hover:bg-surface-gray-bg transition-colors text-icon-default shadow-sm z-50 cursor-pointer"
+      }, [
+        s.value ? (t(), x(v(R), {
+          key: 0,
+          size: 14
+        })) : (t(), x(v(T), {
+          key: 1,
+          size: 14
+        }))
+      ]),
+      l("nav", {
+        class: m(["flex-1 py-4", s.value ? "overflow-y-auto" : "overflow-visible"])
+      }, [
+        (t(!0), o(_, null, z(e.navItems, (h) => (t(), x(F, {
+          key: h.label,
+          item: h,
+          "is-expanded": s.value
+        }, null, 8, ["item", "is-expanded"]))), 128))
+      ], 2),
+      c.$slots.footer ? (t(), o("div", pt, [
+        f(c.$slots, "footer", { isExpanded: s.value })
+      ])) : u("", !0)
+    ], 2));
+  }
+}), yt = { class: "col-span-12 sm:col-span-6 lg:col-span-3 bg-surface-sub-bg p-6 rounded-card border border-border-border shadow-xs flex flex-col justify-between relative group hover:shadow-md transition-shadow" }, Ct = { class: "flex justify-between items-start mb-2" }, $t = { class: "text-body text-text-subtitle truncate pr-2" }, wt = { class: "text-h2 text-text-heading mb-3 text-left truncate" }, kt = { class: "flex justify-between items-end flex-wrap gap-2" }, Pt = { class: "text-caption text-text-disabled" }, _t = {
+  key: 0,
+  class: "text-tag font-semibold text-text-heading"
+}, Vt = {
+  key: 1,
+  class: "flex items-center gap-1"
+}, St = {
+  key: 0,
+  class: "text-caption text-text-disabled"
+}, zt = /* @__PURE__ */ y({
+  __name: "ProStatisticCard",
+  props: {
+    label: {},
+    value: {},
+    subtitle: {},
+    subtitleValue: { default: void 0 },
+    icon: {},
+    iconBg: { default: "bg-surface-gray-bg" },
+    trend: { default: void 0 }
+  },
+  setup(e) {
+    return (a, r) => (t(), o("div", yt, [
+      l("div", Ct, [
+        l("p", $t, d(e.label), 1),
+        l("div", {
+          class: m([
+            "w-10 h-10 rounded-lg flex-shrink-0 flex items-center justify-center text-icon-default-soft group-hover:text-brand-primary group-hover:bg-brand-primary/10 transition-colors",
+            e.iconBg
+          ])
+        }, [
+          (t(), x(P(e.icon), { size: 24 }))
+        ], 2)
+      ]),
+      l("p", wt, d(e.value), 1),
+      l("div", kt, [
+        l("p", Pt, d(e.subtitle), 1),
+        e.subtitleValue ? (t(), o("p", _t, d(e.subtitleValue), 1)) : e.trend ? (t(), o("div", Vt, [
+          (t(), x(P(e.trend.icon), {
+            size: 14,
+            class: m(e.trend.iconClass)
+          }, null, 8, ["class"])),
+          l("span", {
+            class: m(["text-tag font-semibold", e.trend.valueClass])
+          }, d(e.trend.value), 3),
+          e.trend.comparison ? (t(), o("span", St, d(e.trend.comparison), 1)) : u("", !0)
+        ])) : u("", !0)
+      ])
+    ]));
+  }
+}), Bt = /* @__PURE__ */ y({
+  __name: "ProStatusBadge",
+  props: {
+    status: {},
+    dueDate: {}
+  },
+  setup(e) {
+    const a = e, r = {
+      "Not Started": { label: "Not Started", variant: "secondary" },
+      "In Progress": { label: "In Progress", variant: "info" },
+      "Pending Review": { label: "Pending Review", variant: "warn" },
+      Completed: { label: "Completed", variant: "success" },
+      Rejected: { label: "Rejected", variant: "error" },
+      Blocked: { label: "Blocked", variant: "error" },
+      Delegated: { label: "Delegated", variant: "attention" },
+      Overdue: { label: "Overdue", variant: "error" }
+    }, s = g(() => {
+      if (!a.dueDate || ["Completed", "Rejected"].includes(a.status)) return !1;
+      const c = new Date(a.dueDate), b = /* @__PURE__ */ new Date();
+      return b.setHours(0, 0, 0, 0), c < b;
+    }), n = g(() => {
+      var c;
+      return s.value ? "Overdue" : ((c = r[a.status]) == null ? void 0 : c.label) || a.status;
+    }), i = g(() => {
+      var c;
+      return s.value ? "error" : ((c = r[a.status]) == null ? void 0 : c.variant) || "secondary";
+    });
+    return (c, b) => (t(), x(L, {
+      variant: i.value,
+      label: n.value
+    }, null, 8, ["variant", "label"]));
+  }
+}), Et = { class: "flex items-center justify-between border-b border-border-border px-6 py-4 shrink-0" }, Tt = { class: "text-body-bold text-text-heading" }, jt = { class: "flex-1 overflow-y-auto px-6 py-4" }, Ht = {
+  key: 0,
+  class: "border-t border-border-border px-6 py-4 shrink-0"
+}, Lt = /* @__PURE__ */ y({
+  __name: "ProDrawer",
+  props: {
+    modelValue: { type: Boolean },
+    title: { default: "" },
+    placement: { default: "right" },
+    size: { default: "md" },
+    closeOnOverlay: { type: Boolean, default: !0 }
+  },
+  emits: ["update:modelValue"],
+  setup(e, { emit: a }) {
+    const r = e, s = a, n = g(() => ({
+      right: "top-0 right-0 h-full",
+      left: "top-0 left-0 h-full",
+      top: "top-0 left-0 w-full",
+      bottom: "bottom-0 left-0 w-full"
+    })[r.placement]), i = g(() => (["left", "right"].includes(r.placement) ? { sm: "w-80", md: "w-[480px]", lg: "w-[640px]", xl: "w-[800px]", full: "w-screen" } : { sm: "h-48", md: "h-80", lg: "h-[480px]", xl: "h-[640px]", full: "h-screen" })[r.size]);
+    function c() {
+      s("update:modelValue", !1);
+    }
+    function b() {
+      r.closeOnOverlay && c();
+    }
+    return (h, p) => (t(), x(E, { name: "drawer" }, {
+      default: k(() => [
+        e.modelValue ? (t(), o("div", {
+          key: 0,
+          class: "fixed inset-0 bg-surface-dark-bg/60 z-50",
+          onClick: ce(b, ["self"])
+        }, [
+          w(E, { name: "drawer-panel" }, {
+            default: k(() => [
+              e.modelValue ? (t(), o("div", {
+                key: 0,
+                class: m(["bg-surface-sub-bg shadow-xl flex flex-col fixed", n.value, i.value])
+              }, [
+                l("div", Et, [
+                  f(h.$slots, "header", {}, () => [
+                    l("p", Tt, d(e.title), 1)
+                  ]),
+                  l("button", {
+                    onClick: c,
+                    class: "text-icon-default-soft hover:text-icon-default transition-colors p-1 rounded-md hover:bg-surface-gray-bg",
+                    "aria-label": "Close"
+                  }, [
+                    w(v(O), { size: 20 })
+                  ])
+                ]),
+                l("div", jt, [
+                  f(h.$slots, "default")
+                ]),
+                h.$slots.footer ? (t(), o("div", Ht, [
+                  f(h.$slots, "footer")
+                ])) : u("", !0)
+              ], 2)) : u("", !0)
+            ]),
+            _: 3
+          })
+        ])) : u("", !0)
+      ]),
+      _: 3
+    }));
+  }
+}), At = { class: "relative inline-flex group" }, Mt = /* @__PURE__ */ y({
+  __name: "ProTooltip",
+  props: {
+    content: {},
+    placement: { default: "top" },
+    visible: { type: Boolean, default: !1 }
+  },
+  setup(e) {
+    const a = e, r = g(() => ({
+      top: "bottom-full left-1/2 -translate-x-1/2 mb-2",
+      bottom: "top-full left-1/2 -translate-x-1/2 mt-2",
+      left: "right-full top-1/2 -translate-y-1/2 mr-2",
+      right: "left-full top-1/2 -translate-y-1/2 ml-2"
+    })[a.placement]), s = g(() => ({
+      top: "top-full left-1/2 -translate-x-1/2 border-t-surface-dark-bg",
+      bottom: "bottom-full left-1/2 -translate-x-1/2 border-b-surface-dark-bg",
+      left: "left-full top-1/2 -translate-y-1/2 border-l-surface-dark-bg",
+      right: "right-full top-1/2 -translate-y-1/2 border-r-surface-dark-bg"
+    })[a.placement]);
+    return (n, i) => (t(), o("div", At, [
+      f(n.$slots, "default"),
+      l("div", {
+        class: m([
+          "absolute px-2 py-1 bg-surface-dark-bg text-text-inverse text-xs rounded whitespace-nowrap pointer-events-none z-50 transition-opacity duration-200",
+          e.visible ? "opacity-100" : "opacity-0 group-hover:opacity-100",
+          r.value
+        ])
+      }, [
+        V(d(e.content) + " ", 1),
+        l("div", {
+          class: m(["absolute border-4 border-transparent", s.value])
+        }, null, 2)
+      ], 2)
+    ]));
+  }
+}), It = { class: "nav-tabs" }, Ot = ["onClick"], Rt = {
+  key: 1,
+  class: "inline-flex items-center justify-center min-w-[18px] h-[18px] px-1 text-[10px] font-semibold rounded-full bg-brand-primary text-text-on-primary"
+}, Dt = { class: "pt-4" }, Nt = /* @__PURE__ */ y({
+  __name: "ProTabs",
+  props: {
+    tabs: {},
+    modelValue: {}
+  },
+  emits: ["update:modelValue"],
+  setup(e) {
+    return (a, r) => (t(), o("div", null, [
+      l("div", It, [
+        (t(!0), o(_, null, z(e.tabs, (s) => (t(), o("button", {
+          key: s.key,
+          class: m(["tab-link", { active: e.modelValue === s.key }]),
+          onClick: (n) => a.$emit("update:modelValue", s.key)
+        }, [
+          s.icon ? (t(), x(P(s.icon), {
+            key: 0,
+            size: 16
+          })) : u("", !0),
+          V(" " + d(s.label) + " ", 1),
+          s.badge !== void 0 ? (t(), o("span", Rt, d(s.badge), 1)) : u("", !0)
+        ], 10, Ot))), 128))
+      ]),
+      l("div", Dt, [
+        f(a.$slots, "default")
+      ])
+    ]));
+  }
+}), Zt = {
+  class: "flex items-center gap-1",
+  "aria-label": "Pagination"
+}, Ft = ["disabled"], Ut = {
+  key: 0,
+  class: "px-2 text-text-disabled text-body-sm"
+}, Kt = ["onClick"], Wt = ["disabled"], qt = /* @__PURE__ */ y({
+  __name: "ProPagination",
+  props: {
+    modelValue: {},
+    totalPages: {},
+    maxVisible: { default: 7 }
+  },
+  emits: ["update:modelValue"],
+  setup(e) {
+    const a = e, r = g(() => {
+      const s = a.totalPages, n = a.modelValue, i = a.maxVisible;
+      if (s <= i)
+        return Array.from({ length: s }, ($, C) => C + 1);
+      const c = [1], b = Math.floor((i - 3) / 2);
+      let h = Math.max(2, n - b), p = Math.min(s - 1, n + b);
+      n <= b + 2 && (p = i - 2), n >= s - b - 1 && (h = s - i + 3), h > 2 && c.push("...");
+      for (let $ = h; $ <= p; $++) c.push($);
+      return p < s - 1 && c.push("..."), c.push(s), c;
+    });
+    return (s, n) => (t(), o("nav", Zt, [
+      l("button", {
+        disabled: e.modelValue <= 1,
+        onClick: n[0] || (n[0] = (i) => s.$emit("update:modelValue", e.modelValue - 1)),
+        class: "p-2 rounded-button text-icon-default hover:bg-surface-gray-bg disabled:text-icon-disabled disabled:cursor-not-allowed transition-colors",
+        "aria-label": "Previous page"
+      }, [
+        w(v(R), { size: 16 })
+      ], 8, Ft),
+      (t(!0), o(_, null, z(r.value, (i) => (t(), o(_, { key: i }, [
+        i === "..." ? (t(), o("span", Ut, "...")) : (t(), o("button", {
+          key: 1,
+          onClick: (c) => s.$emit("update:modelValue", i),
+          class: m([
+            "w-8 h-8 rounded-button text-body-sm font-medium transition-colors",
+            e.modelValue === i ? "bg-brand-primary text-text-on-primary" : "text-text-body hover:bg-surface-gray-bg"
+          ])
+        }, d(i), 11, Kt))
+      ], 64))), 128)),
+      l("button", {
+        disabled: e.modelValue >= e.totalPages,
+        onClick: n[1] || (n[1] = (i) => s.$emit("update:modelValue", e.modelValue + 1)),
+        class: "p-2 rounded-button text-icon-default hover:bg-surface-gray-bg disabled:text-icon-disabled disabled:cursor-not-allowed transition-colors",
+        "aria-label": "Next page"
+      }, [
+        w(v(T), { size: 16 })
+      ], 8, Wt)
+    ]));
+  }
+}), Gt = { class: "flex flex-col items-center justify-center py-12 px-6 text-center" }, Xt = { class: "w-16 h-16 rounded-full bg-surface-gray-bg flex items-center justify-center mb-4" }, Jt = { class: "text-body-bold text-text-heading mb-1" }, Qt = {
+  key: 0,
+  class: "text-body-sm text-text-subtitle mb-6 max-w-sm"
+}, Yt = /* @__PURE__ */ y({
+  __name: "ProEmpty",
+  props: {
+    title: { default: "No data" },
+    description: { default: "" }
+  },
+  setup(e) {
+    return (a, r) => (t(), o("div", Gt, [
+      l("div", Xt, [
+        f(a.$slots, "icon", {}, () => [
+          w(v(ge), {
+            size: 32,
+            class: "text-icon-default-soft"
+          })
+        ])
+      ]),
+      l("p", Jt, [
+        f(a.$slots, "title", {}, () => [
+          V(d(e.title), 1)
+        ])
+      ]),
+      e.description || a.$slots.description ? (t(), o("p", Qt, [
+        f(a.$slots, "description", {}, () => [
+          V(d(e.description), 1)
+        ])
+      ])) : u("", !0),
+      f(a.$slots, "action")
+    ]));
+  }
+}), es = /* @__PURE__ */ y({
+  __name: "ProSkeleton",
+  props: {
+    shape: { default: "text" },
+    width: { default: "" },
+    height: { default: "" }
+  },
+  setup(e) {
+    const a = e, r = g(() => ({
+      text: "h-4 rounded",
+      circle: "rounded-full",
+      rectangle: "rounded-card"
+    })[a.shape]), s = g(() => ({
+      width: a.width || (a.shape === "circle" ? "40px" : "100%"),
+      height: a.height || (a.shape === "circle" ? "40px" : a.shape === "rectangle" ? "120px" : "")
+    }));
+    return (n, i) => (t(), o("div", {
+      class: m(["animate-pulse bg-surface-gray-bg", r.value]),
+      style: A(s.value)
+    }, [
+      f(n.$slots, "default")
+    ], 6));
+  }
+}), ts = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  ProAvatar: W,
+  ProBanner: Le,
+  ProBreadcrumbs: N,
+  ProButton: j,
+  ProCard: q,
+  ProDivider: G,
+  ProDrawer: Lt,
+  ProEmpty: Yt,
+  ProFormField: X,
+  ProInput: J,
+  ProMenu: Z,
+  ProModal: Q,
+  ProPageHeader: Ke,
+  ProPagination: qt,
+  ProSelect: Y,
+  ProSidebar: vt,
+  ProSidebarItem: F,
+  ProSkeleton: es,
+  ProSpinner: ee,
+  ProStatisticCard: zt,
+  ProStatusBadge: Bt,
+  ProTable: $e,
+  ProTableCell: D,
+  ProTableRow: je,
+  ProTabs: Nt,
+  ProTag: L,
+  ProTextarea: te,
+  ProToast: se,
+  ProTooltip: Mt,
+  ProTopbar: ot
+}, Symbol.toStringTag, { value: "Module" })), rs = {
+  install(e) {
+    for (const [a, r] of Object.entries(ts))
+      e.component(a, r);
+  }
+};
+export {
+  W as ProAvatar,
+  Le as ProBanner,
+  N as ProBreadcrumbs,
+  j as ProButton,
+  q as ProCard,
+  G as ProDivider,
+  Lt as ProDrawer,
+  Yt as ProEmpty,
+  X as ProFormField,
+  J as ProInput,
+  Z as ProMenu,
+  Q as ProModal,
+  Ke as ProPageHeader,
+  qt as ProPagination,
+  Y as ProSelect,
+  vt as ProSidebar,
+  F as ProSidebarItem,
+  es as ProSkeleton,
+  ee as ProSpinner,
+  zt as ProStatisticCard,
+  Bt as ProStatusBadge,
+  $e as ProTable,
+  D as ProTableCell,
+  je as ProTableRow,
+  Nt as ProTabs,
+  L as ProTag,
+  te as ProTextarea,
+  se as ProToast,
+  Mt as ProTooltip,
+  ot as ProTopbar,
+  rs as default
+};