@zealsolutions/zeal-ui 1.0.0-alpha.100

package/dist/NavigationMenuNotification-C_z9naik.js

@@ -0,0 +1,452 @@
+import { openBlock as d, createElementBlock as v, createElementVNode as c, normalizeClass as w, renderSlot as b, ref as C, watch as M, createBlock as h, resolveDynamicComponent as T, withCtx as s, toDisplayString as V, createCommentVNode as O, useAttrs as P, computed as $, resolveComponent as L, createVNode as a, mergeProps as j, unref as m, mergeModels as E, useModel as U, normalizeStyle as k, Fragment as W, renderList as z, createTextVNode as f } from "vue";
+import { u as F, b as R } from "./InfiniteScroll-CgeGewSV.js";
+import { _ as N } from "./OpacityTransition-D4EuhJnX.js";
+import { _ as X } from "./ProclusLogo-BAHzwRvI.js";
+import { B as G, U as H, S as J, a as K, A as Q, _ as Y, b as Z, C as ee, F as te } from "./NotificationIcon-CxO6DGyQ.js";
+import { X as se } from "./XMarkIcon-Ba-nxo3h.js";
+import { a as S, _ as x, D as A } from "./DropdownMenuTextItem-BYGt1jLy.js";
+const ae = {
+  __name: "NavigationMenu",
+  props: {
+    menuClasses: {
+      type: String,
+      default: "flex flex-col"
+    }
+  },
+  setup(e) {
+    return (r, i) => (d(), v("nav", null, [
+      c("menu", {
+        class: w(e.menuClasses)
+      }, [
+        b(r.$slots, "default")
+      ], 2)
+    ]));
+  }
+}, ne = { class: "flex rounded-md h-11 items-center select-none" }, le = { class: "relative flex h-full w-12 items-center justify-center" }, ie = {
+  key: 0,
+  class: "hidden sm:block text-style-label-uppercase"
+}, g = {
+  __name: "NavigationMenuItem",
+  props: {
+    item: {
+      type: Object,
+      required: !0
+    },
+    showTitle: {
+      type: Boolean,
+      default: !0
+    },
+    transition: {
+      type: Object,
+      required: !1,
+      default: () => N
+    },
+    textDelay: {
+      type: Number,
+      required: !1,
+      default: 0
+    },
+    enterActiveClass: {
+      type: String,
+      required: !1,
+      default: "transition-opacity duration-300 ease-in"
+    },
+    leaveActiveClass: {
+      type: String,
+      required: !1,
+      default: "transition-opacity duration-300 ease-out"
+    }
+  },
+  setup(e) {
+    const r = e, i = C(r.showTitle);
+    return M(() => r.showTitle, (t) => {
+      t ? setTimeout(() => {
+        i.value = !0;
+      }, r.textDelay) : i.value = !1;
+    }), (t, n) => (d(), v("div", ne, [
+      c("div", le, [
+        b(t.$slots, "default", {}, () => [
+          (d(), h(T(e.item.icon), {
+            class: w(e.item.iconClasses)
+          }, null, 8, ["class"]))
+        ])
+      ]),
+      (d(), h(T(e.transition), {
+        "enter-active-class": e.enterActiveClass,
+        "leave-active-class": e.leaveActiveClass
+      }, {
+        default: s(() => [
+          i.value ? (d(), v("div", ie, V(e.item.title), 1)) : O("", !0)
+        ]),
+        _: 1
+      }, 8, ["enter-active-class", "leave-active-class"]))
+    ]));
+  }
+}, oe = ["href"], re = /* @__PURE__ */ Object.assign({
+  inheritAttrs: !1
+}, {
+  __name: "NavigationMenuItemLink",
+  props: {
+    item: {
+      type: Object,
+      required: !0
+    },
+    showTitle: {
+      type: Boolean,
+      default: !0
+    },
+    transition: {
+      type: Object,
+      required: !1,
+      default: () => N
+    },
+    textDelay: {
+      type: Number,
+      required: !1,
+      default: 0
+    },
+    enterActiveClass: {
+      type: String,
+      required: !1,
+      default: "transition-opacity duration-300 ease-in"
+    },
+    leaveActiveClass: {
+      type: String,
+      required: !1,
+      default: "transition-opacity duration-300 ease-out"
+    }
+  },
+  setup(e) {
+    const r = P(), i = e, t = C(i.showTitle), n = $(() => typeof i.item.path == "string" && i.item.path.startsWith("http"));
+    return M(() => i.showTitle, (l) => {
+      l ? setTimeout(() => {
+        t.value = !0;
+      }, i.textDelay) : t.value = !1;
+    }), (l, u) => {
+      const o = L("RouterLink");
+      return d(), v("li", null, [
+        n.value ? (d(), v("a", {
+          key: 0,
+          href: e.item.path,
+          draggable: "false"
+        }, [
+          a(g, j({
+            item: e.item,
+            "show-title": e.showTitle,
+            transition: e.transition,
+            "text-delay": e.textDelay,
+            "enter-active-class": e.enterActiveClass,
+            "leave-active-class": e.leaveActiveClass
+          }, m(r)), {
+            default: s(() => [
+              b(l.$slots, "default")
+            ]),
+            _: 3
+          }, 16, ["item", "show-title", "transition", "text-delay", "enter-active-class", "leave-active-class"])
+        ], 8, oe)) : (d(), h(o, {
+          key: 1,
+          to: e.item.path,
+          draggable: "false"
+        }, {
+          default: s(() => [
+            a(g, j({
+              item: e.item,
+              "show-title": e.showTitle,
+              transition: e.transition,
+              "text-delay": e.textDelay,
+              "enter-active-class": e.enterActiveClass,
+              "leave-active-class": e.leaveActiveClass
+            }, m(r)), {
+              default: s(() => [
+                b(l.$slots, "default")
+              ]),
+              _: 3
+            }, 16, ["item", "show-title", "transition", "text-delay", "enter-active-class", "leave-active-class"])
+          ]),
+          _: 3
+        }, 8, ["to"]))
+      ]);
+    };
+  }
+}), ce = { class: "hidden sm:flex flex-col" }, ue = { class: "hidden sm:flex flex-1 items-end relative" }, de = ["href"], Te = {
+  __name: "SideNavigation",
+  props: /* @__PURE__ */ E({
+    menuItems: {
+      type: Array,
+      required: !0
+    },
+    navActiveItemBackgroundColour: {
+      type: String,
+      required: !1
+    },
+    navActiveItemTextColour: {
+      type: String,
+      required: !1
+    },
+    navBackgroundColour: {
+      type: String,
+      required: !1
+    },
+    currentPath: {
+      type: String,
+      default: "/"
+    }
+  }, {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(e) {
+    const r = F(R), i = r.between("sm", "xl"), t = r.smaller("sm"), n = r.greaterOrEqual("xl"), l = U(e, "modelValue"), u = C(!0), o = C(window.location.origin), q = $(() => {
+      let y = 280, _ = 80;
+      return t.value ? "100%" : i.value && l.value ? `${y}px` : u.value ? `${y}px` : `${_}px`;
+    }), B = $(() => t.value ? "flex flex-row justify-between" : "flex flex-col space-y-5"), I = () => {
+      u.value = !u.value;
+    }, D = () => {
+      l.value = !1;
+    };
+    return M(i, (y) => {
+      l.value = !1;
+    }), (y, _) => (d(), v("div", {
+      class: "relative top-0 left-0 flex flex-col h-[60px] bg-error-500 shrink-0 transition-none duration-300 ease-in-out translate-x-0 z-50 sm:absolute sm:min-h-screen sm:-translate-x-full xl:transition-[width] xl:relative xl:translate-x-0",
+      style: k(`width: ${q.value}`)
+    }, [
+      c("div", {
+        class: w(["flex flex-col overflow-hidden bg-app-950 w-full h-full sm:transition-transform justify-center between px-6 sm:pb-8 sm:pt-4 sm:px-4 sm:space-y-[30px] xl:transition-none", l.value ? "translate-x-full" : "translate-x-0"]),
+        style: k(e.navBackgroundColour ? `background: ${e.navBackgroundColour}` : "")
+      }, [
+        c("div", ce, [
+          c("button", {
+            type: "button",
+            class: "hidden xl:flex w-12 h-12 rounded-md items-center justify-center text-white",
+            onClick: I
+          }, [
+            a(G, { class: "scale-[0.8182]" })
+          ]),
+          c("button", {
+            type: "button",
+            class: "flex xl:hidden w-12 h-12 rounded-md items-center justify-center text-white",
+            onClick: D
+          }, [
+            a(se, { class: "scale-[0.8182]" })
+          ])
+        ]),
+        a(ae, { "menu-classes": B.value }, {
+          default: s(() => [
+            (d(!0), v(W, null, z(e.menuItems, (p) => (d(), h(re, {
+              key: p.title,
+              item: p,
+              "text-delay": 100,
+              class: w(p.path === e.currentPath ? ["bg-app-500 text-black-950"] : "text-white hover:bg-steel-150 hover:text-black-950"),
+              style: k([
+                p.path === e.currentPath && e.navActiveItemBackgroundColour ? `background: ${e.navActiveItemBackgroundColour}` : "",
+                p.path === e.currentPath && e.navActiveItemTextColour ? `color: ${e.navActiveItemTextColour}` : ""
+              ]),
+              leaveActiveClass: "duration-0",
+              "show-title": m(i) || m(n) && u.value
+            }, null, 8, ["item", "class", "style", "show-title"]))), 128))
+          ]),
+          _: 1
+        }, 8, ["menu-classes"]),
+        c("div", ue, [
+          c("a", { href: o.value }, [
+            a(X, {
+              class: "absolute left-2.5 text-white hover:opacity-75",
+              "enter-active-class": "transition-opacity duration-300 ease-in delay-100",
+              "show-text": m(i) || m(n) && u.value
+            }, null, 8, ["show-text"])
+          ], 8, de)
+        ])
+      ], 6)
+    ], 4));
+  }
+}, fe = ["onClick"], ve = { class: "flex justify-center w-[24px]" }, me = { class: "flex justify-center w-[24px]" }, xe = { class: "flex justify-center w-[24px]" }, je = {
+  __name: "NavigationMenuProfile",
+  setup(e) {
+    const r = {
+      title: "Profile",
+      path: "/profile"
+    };
+    return (i, t) => (d(), h(S, {
+      "button-position": "right",
+      "fit-content": !0
+    }, {
+      button: s(({ toggleDropdown: n, showDropdown: l }) => [
+        c("button", {
+          type: "button",
+          onClick: n
+        }, [
+          a(g, {
+            item: r,
+            "show-title": !1,
+            class: "cursor-pointer"
+          }, {
+            default: s(() => [
+              a(H)
+            ]),
+            _: 1
+          })
+        ], 8, fe)
+      ]),
+      default: s(({ setActive: n, selectItem: l, activeId: u }) => [
+        a(x, {
+          class: "cursor-pointer",
+          active: u === 1,
+          onMouseenter: (o) => n(1),
+          onClick: (o) => l(1)
+        }, {
+          prefix: s(() => [
+            c("div", ve, [
+              a(J, { class: "relative scale-[0.8182]" })
+            ])
+          ]),
+          default: s(() => [
+            t[0] || (t[0] = f(" Settings "))
+          ]),
+          _: 2
+        }, 1032, ["active", "onMouseenter", "onClick"]),
+        a(x, {
+          class: "cursor-pointer",
+          active: u === 2,
+          onMouseenter: (o) => n(2),
+          onClick: (o) => l(2)
+        }, {
+          prefix: s(() => [
+            c("div", me, [
+              a(K, { class: "scale-[0.8182]" })
+            ])
+          ]),
+          default: s(() => [
+            t[1] || (t[1] = f(" Account "))
+          ]),
+          _: 2
+        }, 1032, ["active", "onMouseenter", "onClick"]),
+        a(x, {
+          class: "cursor-pointer",
+          active: u === 3,
+          onMouseenter: (o) => n(3),
+          onClick: (o) => l(3)
+        }, {
+          prefix: s(() => [
+            c("div", xe, [
+              a(Q, { class: "scale-[0.8182]" })
+            ])
+          ]),
+          default: s(() => [
+            t[2] || (t[2] = f(" Logout "))
+          ]),
+          _: 2
+        }, 1032, ["active", "onMouseenter", "onClick"])
+      ]),
+      _: 1
+    }));
+  }
+}, he = ["onClick"], pe = { class: "flex justify-center w-[24px]" }, ye = { class: "flex justify-center w-[24px]" }, we = { class: "flex justify-center w-[24px]" }, Ae = {
+  __name: "NavigationMenuNotification",
+  setup(e) {
+    const r = {
+      title: "Notifications",
+      path: "/notifications"
+    };
+    return (i, t) => (d(), h(S, {
+      "button-position": "right",
+      "force-width": "274px",
+      "show-border": !1
+    }, {
+      button: s(({ toggleDropdown: n, showDropdown: l }) => [
+        c("button", {
+          type: "button",
+          onClick: n
+        }, [
+          a(g, {
+            item: r,
+            "show-title": !1,
+            class: "cursor-pointer"
+          }, {
+            default: s(() => [
+              a(Y)
+            ]),
+            _: 1
+          })
+        ], 8, he)
+      ]),
+      default: s(({ setActive: n, selectItem: l, activeId: u }) => [
+        a(A, {
+          class: "text-style-label-small bg-white text-app-950 border-b border-b-steel-300 justify-center sm:justify-start",
+          onMouseenter: (o) => n(null)
+        }, {
+          default: s(() => t[0] || (t[0] = [
+            f(" Notifications ")
+          ])),
+          _: 2
+        }, 1032, ["onMouseenter"]),
+        a(x, {
+          class: "cursor-pointer",
+          active: u === 1,
+          onMouseenter: (o) => n(1),
+          onClick: (o) => l(1)
+        }, {
+          prefix: s(() => [
+            c("div", pe, [
+              a(Z, { class: "scale-[0.8182]" })
+            ])
+          ]),
+          default: s(() => [
+            t[1] || (t[1] = f(" This is a reminder notification "))
+          ]),
+          _: 2
+        }, 1032, ["active", "onMouseenter", "onClick"]),
+        a(x, {
+          class: "cursor-pointer !bg-error-950 text-white",
+          active: u === 2,
+          onMouseenter: (o) => n(2),
+          onClick: (o) => l(2)
+        }, {
+          prefix: s(() => [
+            c("div", ye, [
+              a(ee, { class: "scale-[0.8182]" })
+            ])
+          ]),
+          default: s(() => [
+            t[2] || (t[2] = f(" This is a warning notification "))
+          ]),
+          _: 2
+        }, 1032, ["active", "onMouseenter", "onClick"]),
+        a(x, {
+          class: "cursor-pointer",
+          active: u === 3,
+          onMouseenter: (o) => n(3),
+          onClick: (o) => l(3)
+        }, {
+          prefix: s(() => [
+            c("div", we, [
+              a(te, { class: "scale-[0.8182]" })
+            ])
+          ]),
+          default: s(() => [
+            t[3] || (t[3] = f(" This is a report notification "))
+          ]),
+          _: 2
+        }, 1032, ["active", "onMouseenter", "onClick"]),
+        a(A, {
+          class: "text-style-input font-semibold bg-app-950 text-white justify-center cursor-pointer",
+          onMouseenter: (o) => n(null)
+        }, {
+          default: s(() => t[4] || (t[4] = [
+            f(" View all notifications ")
+          ])),
+          _: 2
+        }, 1032, ["onMouseenter"])
+      ]),
+      _: 1
+    }));
+  }
+};
+export {
+  ae as _,
+  g as a,
+  re as b,
+  Ae as c,
+  je as d,
+  Te as e
+};

package/dist/NotificationIcon-CxO6DGyQ.js

@@ -0,0 +1,191 @@
+import { openBlock as e, createElementBlock as r, createElementVNode as n, useAttrs as l, createVNode as c, normalizeProps as i, guardReactiveProps as a, unref as f } from "vue";
+import { _ as t } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const u = {}, _ = {
+  class: "h-[22px] w-[22px]",
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 22 22",
+  fill: "none",
+  "aria-hidden": "true",
+  focusable: "false",
+  role: "img"
+};
+function w(s, C) {
+  return e(), r("svg", _, C[0] || (C[0] = [
+    n("path", {
+      d: "M3.96172 0C1.77461 0 0 1.77461 0 3.96172C0 4.74375 0.227734 5.47422 0.61875 6.08867C0.820703 6.41094 1.24609 6.50117 1.56836 6.29922C1.89062 6.09727 1.98086 5.67188 1.77891 5.34961C1.52539 4.95 1.375 4.47305 1.375 3.96172C1.375 2.53086 2.53086 1.375 3.96172 1.375C4.64062 1.375 5.25938 1.63711 5.71914 2.0668C5.99844 2.32461 6.43242 2.30742 6.69023 2.03242C6.94805 1.75742 6.93086 1.31914 6.65586 1.06133C5.94687 0.399609 5.00156 0 3.96172 0ZM15.3441 1.05703C15.0648 1.31484 15.0477 1.74883 15.3098 2.02813C15.5719 2.30742 16.0016 2.32461 16.2809 2.0625C16.7406 1.63711 17.3594 1.375 18.0383 1.375C19.4648 1.375 20.625 2.53086 20.625 3.96172C20.625 4.47305 20.4789 4.95 20.2211 5.34961C20.0191 5.67188 20.1094 6.09297 20.4316 6.29922C20.7539 6.50547 21.175 6.41094 21.3813 6.08867C21.7723 5.47422 22 4.74375 22 3.96172C22 1.77461 20.2254 0 18.0383 0C16.9984 0 16.0488 0.399609 15.3441 1.05703ZM2.54805 21.798L4.69648 19.6496C6.38516 21.1148 8.58945 22 11 22C13.4105 22 15.6148 21.1148 17.3035 19.6496L19.452 21.798C19.7184 22.0645 20.1566 22.0645 20.423 21.798C20.6895 21.5316 20.6895 21.0934 20.423 20.827L18.2746 18.6785C19.7398 16.9898 20.625 14.7855 20.625 12.375C20.625 7.05977 16.3152 2.75 11 2.75C5.68477 2.75 1.375 7.05977 1.375 12.375C1.375 14.7855 2.26016 16.9898 3.72539 18.6785L1.57695 20.827C1.31055 21.0934 1.31055 21.5316 1.57695 21.798C1.84336 22.0645 2.28164 22.0645 2.54805 21.798ZM11 4.125C13.188 4.125 15.2865 4.99419 16.8336 6.54137C18.3808 8.08854 19.25 10.187 19.25 12.375C19.25 14.563 18.3808 16.6615 16.8336 18.2086C15.2865 19.7558 13.188 20.625 11 20.625C8.81196 20.625 6.71354 19.7558 5.16637 18.2086C3.61919 16.6615 2.75 14.563 2.75 12.375C2.75 10.187 3.61919 8.08854 5.16637 6.54137C6.71354 4.99419 8.81196 4.125 11 4.125ZM11.6875 7.5625C11.6875 7.18437 11.3781 6.875 11 6.875C10.6219 6.875 10.3125 7.18437 10.3125 7.5625V13.0625C10.3125 13.2773 10.4156 13.4836 10.5875 13.6125L13.3375 15.675C13.6426 15.9027 14.0723 15.8426 14.3 15.5375C14.5277 15.2324 14.4676 14.8027 14.1625 14.575L11.6875 12.7188V7.5625Z",
+      fill: "currentColor"
+    }, null, -1)
+  ]));
+}
+const O = /* @__PURE__ */ t(u, [["render", w]]), H = {}, d = {
+  class: "h-[22px] w-[26px]",
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 26 22",
+  fill: "none",
+  "aria-hidden": "true",
+  focusable: "false",
+  role: "img"
+};
+function x(s, C) {
+  return e(), r("svg", d, C[0] || (C[0] = [
+    n("path", {
+      d: "M25.3419 11.5549C25.6463 11.2504 25.6463 10.7496 25.3419 10.4451L19.0561 4.15937C18.7517 3.85491 18.2508 3.85491 17.9463 4.15937C17.6419 4.46384 17.6419 4.96473 17.9463 5.2692L22.8914 10.2143H9.07267C8.64052 10.2143 8.28695 10.5679 8.28695 11C8.28695 11.4321 8.64052 11.7857 9.07267 11.7857H22.8914L17.9463 16.7308C17.6419 17.0353 17.6419 17.5362 17.9463 17.8406C18.2508 18.1451 18.7517 18.1451 19.0561 17.8406L25.3419 11.5549ZM9.07267 1.57143C9.50481 1.57143 9.85838 1.21786 9.85838 0.785714C9.85838 0.353571 9.50481 0 9.07267 0H4.35838C2.18785 0 0.42981 1.75804 0.42981 3.92857V18.0714C0.42981 20.242 2.18785 22 4.35838 22H9.07267C9.50481 22 9.85838 21.6464 9.85838 21.2143C9.85838 20.7821 9.50481 20.4286 9.07267 20.4286H4.35838C3.05704 20.4286 2.00124 19.3728 2.00124 18.0714V3.92857C2.00124 2.62723 3.05704 1.57143 4.35838 1.57143H9.07267Z",
+      fill: "currentColor"
+    }, null, -1)
+  ]));
+}
+const q = /* @__PURE__ */ t(H, [["render", x]]), p = {}, g = {
+  class: "h-[22px] w-[28px]",
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 28 22",
+  fill: "none",
+  "aria-hidden": "true",
+  focusable: "false",
+  role: "img"
+};
+function h(s, C) {
+  return e(), r("svg", g, C[0] || (C[0] = [
+    n("path", {
+      d: "M0 1C0 0.45 0.45 0 1 0H27C27.55 0 28 0.45 28 1C28 1.55 27.55 2 27 2H1C0.45 2 0 1.55 0 1ZM0 11C0 10.45 0.45 10 1 10H27C27.55 10 28 10.45 28 11C28 11.55 27.55 12 27 12H1C0.45 12 0 11.55 0 11ZM28 21C28 21.55 27.55 22 27 22H1C0.45 22 0 21.55 0 21C0 20.45 0.45 20 1 20H27C27.55 20 28 20.45 28 21Z",
+      fill: "currentColor"
+    }, null, -1)
+  ]));
+}
+const D = /* @__PURE__ */ t(p, [["render", h]]), M = {}, Z = {
+  class: "h-[22px] w-[20px]",
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 20 22",
+  fill: "none",
+  "aria-hidden": "true",
+  focusable: "false",
+  role: "img"
+};
+function m(s, C) {
+  return e(), r("svg", Z, C[0] || (C[0] = [
+    n("path", {
+      d: "M9.3103 0.6875C9.3103 0.309375 9.61968 0 9.9978 0C10.3759 0 10.6853 0.309375 10.6853 0.6875V1.40937C14.1615 1.75312 16.8728 4.68359 16.8728 8.25V9.50039C16.8728 11.3781 17.6205 13.1785 18.9482 14.5105L19.0685 14.6309C19.4251 14.9875 19.6271 15.473 19.6271 15.9758C19.6271 17.0285 18.7763 17.8793 17.7236 17.8793H2.27632C1.22358 17.875 0.372803 17.0242 0.372803 15.9715C0.372803 15.4688 0.574756 14.9832 0.931396 14.6266L1.05171 14.5063C2.37515 13.1785 3.1228 11.3781 3.1228 9.50039V8.25C3.1228 4.68359 5.83413 1.75312 9.3103 1.40937V0.6875ZM9.9978 2.75C6.95991 2.75 4.4978 5.21211 4.4978 8.25V9.50039C4.4978 11.7434 3.60835 13.8961 2.01851 15.4816L1.90249 15.5977C1.80366 15.6965 1.7478 15.8297 1.7478 15.9715C1.7478 16.2637 1.98413 16.5 2.27632 16.5H17.7193C18.0115 16.5 18.2478 16.2637 18.2478 15.9715C18.2478 15.8297 18.1919 15.6965 18.0931 15.5977L17.9728 15.4773C16.3873 13.8918 15.4935 11.7391 15.4935 9.49609V8.25C15.4935 5.21211 13.0314 2.75 9.99351 2.75H9.9978ZM8.70015 19.7098C8.88921 20.2426 9.40054 20.625 9.9978 20.625C10.5951 20.625 11.1064 20.2426 11.2955 19.7098C11.4201 19.3531 11.8154 19.1641 12.172 19.2887C12.5287 19.4133 12.7177 19.8086 12.5931 20.1652C12.215 21.2352 11.1966 22 9.9978 22C8.79897 22 7.78062 21.2352 7.40249 20.1652C7.27788 19.8086 7.46265 19.4133 7.82358 19.2887C8.18452 19.1641 8.57554 19.3488 8.70015 19.7098Z",
+      fill: "currentColor"
+    }, null, -1)
+  ]));
+}
+const v = /* @__PURE__ */ t(M, [["render", m]]), V = {}, L = {
+  class: "h-[22px] w-[22px]",
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 22 22",
+  fill: "none",
+  "aria-hidden": "true",
+  focusable: "false",
+  role: "img"
+};
+function $(s, C) {
+  return e(), r("svg", L, C[0] || (C[0] = [
+    n("path", {
+      d: "M11 1.375C13.5527 1.375 16.0009 2.38906 17.8059 4.1941C19.6109 5.99913 20.625 8.44729 20.625 11C20.625 13.5527 19.6109 16.0009 17.8059 17.8059C16.0009 19.6109 13.5527 20.625 11 20.625C8.44729 20.625 5.99913 19.6109 4.1941 17.8059C2.38906 16.0009 1.375 13.5527 1.375 11C1.375 8.44729 2.38906 5.99913 4.1941 4.1941C5.99913 2.38906 8.44729 1.375 11 1.375ZM11 22C13.9174 22 16.7153 20.8411 18.7782 18.7782C20.8411 16.7153 22 13.9174 22 11C22 8.08262 20.8411 5.28473 18.7782 3.22183C16.7153 1.15893 13.9174 0 11 0C8.08262 0 5.28473 1.15893 3.22183 3.22183C1.15893 5.28473 0 8.08262 0 11C0 13.9174 1.15893 16.7153 3.22183 18.7782C5.28473 20.8411 8.08262 22 11 22ZM8.9375 15.125C8.55937 15.125 8.25 15.4344 8.25 15.8125C8.25 16.1906 8.55937 16.5 8.9375 16.5H13.0625C13.4406 16.5 13.75 16.1906 13.75 15.8125C13.75 15.4344 13.4406 15.125 13.0625 15.125H11.6875V10.3125C11.6875 9.93437 11.3781 9.625 11 9.625H9.28125C8.90312 9.625 8.59375 9.93437 8.59375 10.3125C8.59375 10.6906 8.90312 11 9.28125 11H10.3125V15.125H8.9375ZM11 7.90625C11.2735 7.90625 11.5358 7.7976 11.7292 7.6042C11.9226 7.41081 12.0312 7.1485 12.0312 6.875C12.0312 6.6015 11.9226 6.33919 11.7292 6.1458C11.5358 5.9524 11.2735 5.84375 11 5.84375C10.7265 5.84375 10.4642 5.9524 10.2708 6.1458C10.0774 6.33919 9.96875 6.6015 9.96875 6.875C9.96875 7.1485 10.0774 7.41081 10.2708 7.6042C10.4642 7.7976 10.7265 7.90625 11 7.90625Z",
+      fill: "currentColor"
+    }, null, -1)
+  ]));
+}
+const J = /* @__PURE__ */ t(V, [["render", $]]), B = {}, b = {
+  class: "h-[22px] w-[18px]",
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 18 22",
+  fill: "none",
+  "aria-hidden": "true",
+  focusable: "false",
+  role: "img"
+};
+function I(s, C) {
+  return e(), r("svg", b, C[0] || (C[0] = [
+    n("path", {
+      d: "M14.5 20.625H3.5C2.73945 20.625 2.125 20.0105 2.125 19.25V2.75C2.125 1.98945 2.73945 1.375 3.5 1.375H9V6.1875C9 7.32617 9.92383 8.25 11.0625 8.25H15.875V19.25C15.875 20.0105 15.2605 20.625 14.5 20.625ZM11.0625 6.875C10.6844 6.875 10.375 6.56563 10.375 6.1875V1.39648C10.4953 1.42656 10.607 1.48672 10.693 1.57695L15.673 6.55703C15.7633 6.64727 15.8234 6.75469 15.8535 6.875H11.0625ZM3.5 0C1.9832 0 0.75 1.2332 0.75 2.75V19.25C0.75 20.7668 1.9832 22 3.5 22H14.5C16.0168 22 17.25 20.7668 17.25 19.25V7.04258C17.25 6.49687 17.0309 5.97266 16.6441 5.58594L11.6684 0.605859C11.2816 0.219141 10.7574 0 10.2117 0H3.5ZM3.5 3.4375C3.5 3.81562 3.80938 4.125 4.1875 4.125H6.9375C7.31563 4.125 7.625 3.81562 7.625 3.4375C7.625 3.05938 7.31563 2.75 6.9375 2.75H4.1875C3.80938 2.75 3.5 3.05938 3.5 3.4375ZM3.5 6.1875C3.5 6.56563 3.80938 6.875 4.1875 6.875H6.9375C7.31563 6.875 7.625 6.56563 7.625 6.1875C7.625 5.80937 7.31563 5.5 6.9375 5.5H4.1875C3.80938 5.5 3.5 5.80937 3.5 6.1875ZM10.375 18.5625C10.375 18.9406 10.6844 19.25 11.0625 19.25H13.8125C14.1906 19.25 14.5 18.9406 14.5 18.5625C14.5 18.1844 14.1906 17.875 13.8125 17.875H11.0625C10.6844 17.875 10.375 18.1844 10.375 18.5625ZM13.125 14.4375H4.875V11.6875H13.125V14.4375ZM4.875 10.3125C4.11445 10.3125 3.5 10.927 3.5 11.6875V14.4375C3.5 15.198 4.11445 15.8125 4.875 15.8125H13.125C13.8855 15.8125 14.5 15.198 14.5 14.4375V11.6875C14.5 10.927 13.8855 10.3125 13.125 10.3125H4.875Z",
+      fill: "currentColor"
+    }, null, -1)
+  ]));
+}
+const K = /* @__PURE__ */ t(B, [["render", I]]), A = {}, k = {
+  class: "h-[22px] w-[24px]",
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 24 22",
+  fill: "none",
+  "aria-hidden": "true",
+  focusable: "false",
+  role: "img"
+};
+function N(s, C) {
+  return e(), r("svg", k, C[0] || (C[0] = [
+    n("path", {
+      d: "M0.266724 18.3333C0.266724 18.7367 0.596724 19.0667 1.00006 19.0667H4.00672C4.34589 20.7396 5.82631 22 7.60006 22C9.37381 22 10.8542 20.7396 11.1934 19.0667H23.0001C23.4034 19.0667 23.7334 18.7367 23.7334 18.3333C23.7334 17.93 23.4034 17.6 23.0001 17.6H11.1934C10.8542 15.9271 9.37381 14.6667 7.60006 14.6667C5.82631 14.6667 4.34589 15.9271 4.00672 17.6H1.00006C0.596724 17.6 0.266724 17.93 0.266724 18.3333ZM5.40006 18.3333C5.40006 17.7499 5.63184 17.1903 6.04442 16.7777C6.457 16.3651 7.01658 16.1333 7.60006 16.1333C8.18353 16.1333 8.74311 16.3651 9.15569 16.7777C9.56827 17.1903 9.80006 17.7499 9.80006 18.3333C9.80006 18.9168 9.56827 19.4764 9.15569 19.889C8.74311 20.3015 8.18353 20.5333 7.60006 20.5333C7.01658 20.5333 6.457 20.3015 6.04442 19.889C5.63184 19.4764 5.40006 18.9168 5.40006 18.3333ZM14.2001 11C14.2001 10.7111 14.257 10.425 14.3675 10.1581C14.4781 9.89118 14.6401 9.64865 14.8444 9.44436C15.0487 9.24008 15.2912 9.07803 15.5582 8.96747C15.8251 8.8569 16.1111 8.8 16.4001 8.8C16.689 8.8 16.975 8.8569 17.242 8.96747C17.5089 9.07803 17.7514 9.24008 17.9557 9.44436C18.16 9.64865 18.322 9.89118 18.4326 10.1581C18.5432 10.425 18.6001 10.7111 18.6001 11C18.6001 11.2889 18.5432 11.575 18.4326 11.8419C18.322 12.1088 18.16 12.3513 17.9557 12.5556C17.7514 12.7599 17.5089 12.922 17.242 13.0325C16.975 13.1431 16.689 13.2 16.4001 13.2C16.1111 13.2 15.8251 13.1431 15.5582 13.0325C15.2912 12.922 15.0487 12.7599 14.8444 12.5556C14.6401 12.3513 14.4781 12.1088 14.3675 11.8419C14.257 11.575 14.2001 11.2889 14.2001 11ZM16.4001 7.33333C14.6263 7.33333 13.1459 8.59375 12.8067 10.2667H1.00006C0.596724 10.2667 0.266724 10.5967 0.266724 11C0.266724 11.4033 0.596724 11.7333 1.00006 11.7333H12.8067C13.1459 13.4062 14.6263 14.6667 16.4001 14.6667C18.1738 14.6667 19.6542 13.4062 19.9934 11.7333H23.0001C23.4034 11.7333 23.7334 11.4033 23.7334 11C23.7334 10.5967 23.4034 10.2667 23.0001 10.2667H19.9934C19.6542 8.59375 18.1738 7.33333 16.4001 7.33333ZM9.06672 5.86667C8.48325 5.86667 7.92367 5.63488 7.51109 5.2223C7.09851 4.80972 6.86672 4.25014 6.86672 3.66667C6.86672 3.08319 7.09851 2.52361 7.51109 2.11103C7.92367 1.69845 8.48325 1.46667 9.06672 1.46667C9.6502 1.46667 10.2098 1.69845 10.6224 2.11103C11.0349 2.52361 11.2667 3.08319 11.2667 3.66667C11.2667 4.25014 11.0349 4.80972 10.6224 5.2223C10.2098 5.63488 9.6502 5.86667 9.06672 5.86667ZM12.6601 2.93333C12.3209 1.26042 10.8405 0 9.06672 0C7.29297 0 5.81256 1.26042 5.47339 2.93333H1.00006C0.596724 2.93333 0.266724 3.26333 0.266724 3.66667C0.266724 4.07 0.596724 4.4 1.00006 4.4H5.47339C5.81256 6.07292 7.29297 7.33333 9.06672 7.33333C10.8405 7.33333 12.3209 6.07292 12.6601 4.4H23.0001C23.4034 4.4 23.7334 4.07 23.7334 3.66667C23.7334 3.26333 23.4034 2.93333 23.0001 2.93333H12.6601Z",
+      fill: "currentColor"
+    }, null, -1)
+  ]));
+}
+const Q = /* @__PURE__ */ t(A, [["render", N]]), U = {}, j = {
+  class: "h-[22px] w-[20px]",
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 20 22",
+  fill: "none",
+  "aria-hidden": "true",
+  focusable: "false",
+  role: "img"
+};
+function y(s, C) {
+  return e(), r("svg", j, C[0] || (C[0] = [
+    n("path", {
+      d: "M14.125 5.5C14.125 4.9583 14.0183 4.4219 13.811 3.92143C13.6037 3.42096 13.2999 2.96623 12.9168 2.58318C12.5338 2.20014 12.079 1.8963 11.5786 1.689C11.0781 1.4817 10.5417 1.375 10 1.375C9.4583 1.375 8.9219 1.4817 8.42143 1.689C7.92096 1.8963 7.46623 2.20014 7.08318 2.58318C6.70014 2.96623 6.3963 3.42096 6.189 3.92143C5.9817 4.4219 5.875 4.9583 5.875 5.5C5.875 6.0417 5.9817 6.5781 6.189 7.07857C6.3963 7.57904 6.70014 8.03377 7.08318 8.41682C7.46623 8.79986 7.92096 9.1037 8.42143 9.311C8.9219 9.5183 9.4583 9.625 10 9.625C10.5417 9.625 11.0781 9.5183 11.5786 9.311C12.079 9.1037 12.5338 8.79986 12.9168 8.41682C13.2999 8.03377 13.6037 7.57904 13.811 7.07857C14.0183 6.5781 14.125 6.0417 14.125 5.5ZM4.5 5.5C4.5 4.04131 5.07946 2.64236 6.11091 1.61091C7.14236 0.579463 8.54131 0 10 0C11.4587 0 12.8576 0.579463 13.8891 1.61091C14.9205 2.64236 15.5 4.04131 15.5 5.5C15.5 6.95869 14.9205 8.35764 13.8891 9.38909C12.8576 10.4205 11.4587 11 10 11C8.54131 11 7.14236 10.4205 6.11091 9.38909C5.07946 8.35764 4.5 6.95869 4.5 5.5ZM1.75 20.625H18.25C18.1984 17.2004 15.4055 14.4375 11.9637 14.4375H8.03633C4.59883 14.4375 1.80586 17.2004 1.75 20.625ZM0.375 20.7238C0.375 16.4914 3.80391 13.0625 8.03633 13.0625H11.9637C16.1961 13.0625 19.625 16.4914 19.625 20.7238C19.625 21.4285 19.0535 22 18.3488 22H1.65117C0.946484 22 0.375 21.4285 0.375 20.7238Z",
+      fill: "currentColor"
+    }, null, -1)
+  ]));
+}
+const T = /* @__PURE__ */ t(U, [["render", y]]), z = {}, E = {
+  class: "h-[22px] w-[28px]",
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 28 22",
+  fill: "none",
+  "aria-hidden": "true",
+  focusable: "false",
+  role: "img"
+};
+function F(s, C) {
+  return e(), r("svg", E, C[0] || (C[0] = [
+    n("path", {
+      d: "M6.14197 5.5C6.14197 4.9583 6.24866 4.4219 6.45596 3.92143C6.66327 3.42096 6.96711 2.96623 7.35015 2.58318C7.73319 2.20014 8.18793 1.8963 8.6884 1.689C9.18887 1.4817 9.72526 1.375 10.267 1.375C10.8087 1.375 11.3451 1.4817 11.8455 1.689C12.346 1.8963 12.8007 2.20014 13.1838 2.58318C13.5668 2.96623 13.8707 3.42096 14.078 3.92143C14.2853 4.4219 14.392 4.9583 14.392 5.5C14.392 6.0417 14.2853 6.5781 14.078 7.07857C13.8707 7.57904 13.5668 8.03377 13.1838 8.41682C12.8007 8.79986 12.346 9.1037 11.8455 9.311C11.3451 9.5183 10.8087 9.625 10.267 9.625C9.72526 9.625 9.18887 9.5183 8.6884 9.311C8.18793 9.1037 7.73319 8.79986 7.35015 8.41682C6.96711 8.03377 6.66327 7.57904 6.45596 7.07857C6.24866 6.5781 6.14197 6.0417 6.14197 5.5ZM15.767 5.5C15.767 4.04131 15.1875 2.64236 14.1561 1.61091C13.1246 0.579463 11.7257 0 10.267 0C8.80828 0 7.40933 0.579463 6.37788 1.61091C5.34643 2.64236 4.76697 4.04131 4.76697 5.5C4.76697 6.95869 5.34643 8.35764 6.37788 9.38909C7.40933 10.4205 8.80828 11 10.267 11C11.7257 11 13.1246 10.4205 14.1561 9.38909C15.1875 8.35764 15.767 6.95869 15.767 5.5ZM2.01697 20.625C2.06853 17.2004 4.8615 14.4375 8.3033 14.4375H12.2306C12.9224 14.4375 13.5927 14.5492 14.2158 14.7555C13.8549 14.3473 13.6486 13.793 13.7174 13.2043C13.2361 13.1098 12.742 13.0625 12.2349 13.0625H8.3033C4.07087 13.0625 0.641968 16.4914 0.641968 20.7238C0.641968 21.4285 1.21345 22 1.91814 22H18.3408C18.1217 21.6648 18.0013 21.2652 18.0013 20.8699V20.8312C17.3095 21.2137 16.3943 21.1879 15.724 20.625H2.01697ZM16.6908 16.934C17.2408 16.4441 17.4857 15.7438 17.4857 15.1121C17.4857 14.4805 17.2408 13.7801 16.6908 13.2902L17.4299 11.9797C18.1131 12.2504 18.8478 12.1387 19.4064 11.8207C19.9478 11.5113 20.4205 10.957 20.5494 10.2437H21.9974C22.1263 10.957 22.5947 11.5113 23.1361 11.8207C23.6904 12.1387 24.4252 12.2461 25.1084 11.9754L25.8474 13.2859C25.2931 13.7801 25.0482 14.4805 25.0482 15.1121C25.0482 15.7438 25.2931 16.4441 25.8431 16.934L25.1041 18.2445C24.4209 17.9738 23.6904 18.0855 23.1318 18.3992C22.5904 18.7086 22.122 19.2672 21.9931 19.9762H20.5494C20.4162 19.2629 19.9478 18.7086 19.4064 18.3992C18.8478 18.0813 18.1174 17.9738 17.4299 18.2402L16.6908 16.9297V16.934ZM17.8123 19.5852C18.0916 19.4176 18.4396 19.4391 18.7232 19.598C19.0068 19.7613 19.2088 20.0535 19.2088 20.3801V20.4402C19.2088 20.943 19.617 21.3555 20.124 21.3555H22.4185C22.9256 21.3555 23.3381 20.943 23.3381 20.4359V20.3672C23.3381 20.0449 23.5357 19.757 23.815 19.5938C24.0943 19.4348 24.4381 19.4133 24.7174 19.5809L24.7947 19.6238C25.2545 19.8945 25.8431 19.7355 26.1052 19.2715L27.2396 17.2605C27.4845 16.8223 27.3384 16.268 26.9045 16.0145C26.5908 15.8297 26.4232 15.473 26.4232 15.1121C26.4232 14.7512 26.5908 14.3945 26.9045 14.2098C27.3342 13.9563 27.4845 13.402 27.2396 12.9637L26.1052 10.9484C25.8431 10.4844 25.2502 10.3254 24.7947 10.5961L24.7174 10.6391C24.4381 10.8023 24.0943 10.7852 23.815 10.6262C23.5357 10.4672 23.3381 10.1793 23.3381 9.85273V9.78398C23.3381 9.27695 22.9256 8.86445 22.4185 8.86445H20.124C19.6213 8.86445 19.2088 9.27266 19.2088 9.77969V9.83984C19.2088 10.1664 19.0111 10.4586 18.7232 10.6219C18.4396 10.7809 18.0916 10.8023 17.8123 10.6348L17.7435 10.5918C17.2838 10.3211 16.6951 10.4801 16.433 10.9441L15.2943 12.9637C15.0494 13.402 15.1955 13.9563 15.6295 14.2098C15.9431 14.3945 16.1107 14.7512 16.1107 15.1121C16.1107 15.473 15.9431 15.8297 15.6295 16.0145C15.1998 16.268 15.0494 16.8223 15.2943 17.2605L16.4287 19.2758C16.6908 19.7398 17.2838 19.8988 17.7392 19.6281L17.808 19.5852H17.8123ZM21.2713 17.5184C21.9094 17.5184 22.5215 17.2648 22.9727 16.8136C23.424 16.3623 23.6775 15.7503 23.6775 15.1121C23.6775 14.4739 23.424 13.8619 22.9727 13.4106C22.5215 12.9594 21.9094 12.7059 21.2713 12.7059C20.6331 12.7059 20.021 12.9594 19.5698 13.4106C19.1185 13.8619 18.865 14.4739 18.865 15.1121C18.865 15.7503 19.1185 16.3623 19.5698 16.8136C20.021 17.2648 20.6331 17.5184 21.2713 17.5184ZM21.2713 14.0809C21.5448 14.0809 21.8071 14.1895 22.0005 14.3829C22.1939 14.5763 22.3025 14.8386 22.3025 15.1121C22.3025 15.3856 22.1939 15.6479 22.0005 15.8413C21.8071 16.0347 21.5448 16.1434 21.2713 16.1434C20.9978 16.1434 20.7355 16.0347 20.5421 15.8413C20.3487 15.6479 20.24 15.3856 20.24 15.1121C20.24 14.8386 20.3487 14.5763 20.5421 14.3829C20.7355 14.1895 20.9978 14.0809 21.2713 14.0809Z",
+      fill: "currentColor"
+    }, null, -1)
+  ]));
+}
+const W = /* @__PURE__ */ t(z, [["render", F]]), P = { class: "relative flex items-center justify-center w-full h-full" }, X = /* @__PURE__ */ Object.assign({
+  inheritAttrs: !1
+}, {
+  __name: "NotificationIcon",
+  setup(s) {
+    const C = l();
+    return (R, o) => (e(), r("div", P, [
+      c(v, i(a(f(C))), null, 16),
+      o[0] || (o[0] = n("svg", {
+        class: "absolute z-10 right-[12px] top-[10px] w-2.5 h-2.5 text-app-950",
+        xmlns: "http://www.w3.org/2000/svg",
+        viewBox: "0 0 10 10",
+        fill: "none"
+      }, [
+        n("circle", {
+          cx: "5",
+          cy: "5",
+          r: "5",
+          fill: "currentColor"
+        })
+      ], -1))
+    ]));
+  }
+});
+export {
+  q as A,
+  D as B,
+  J as C,
+  K as F,
+  Q as S,
+  T as U,
+  X as _,
+  W as a,
+  O as b,
+  v as c
+};

package/dist/OpacityScaleTransition-CtMzqccC.js

@@ -0,0 +1,26 @@
+import { openBlock as n, createBlock as l, Transition as o, withCtx as i, renderSlot as c } from "vue";
+const v = {
+  __name: "OpacityScaleTransition",
+  emits: ["after-enter", "after-leave"],
+  setup(f, { emit: a }) {
+    const t = a;
+    return (s, e) => (n(), l(o, {
+      "enter-active-class": "transition-all ease-out duration-300 scale-100",
+      "enter-from-class": "opacity-0 scale-95",
+      "enter-to-class": "opacity-100 scale-100",
+      "leave-active-class": "transition-all ease-in duration-200 scale-100",
+      "leave-from-class": "opacity-100 scale-100",
+      "leave-to-class": "opacity-0 scale-95",
+      onAfterEnter: e[0] || (e[0] = (r) => t("after-enter")),
+      onAfterLeave: e[1] || (e[1] = (r) => t("after-leave"))
+    }, {
+      default: i(() => [
+        c(s.$slots, "default")
+      ]),
+      _: 3
+    }));
+  }
+};
+export {
+  v as _
+};