@zealsolutions/zeal-ui 1.0.0-alpha.344 → 1.0.0-alpha.346

package/dist/{BaseDropdownButton-C2s6CrBe.js → BaseDropdownButton-BD1CMHuM.js}

@@ -1,6 +1,6 @@
 import { openBlock as s, createElementBlock as a, normalizeClass as e, createElementVNode as o, renderSlot as r, createCommentVNode as l, createVNode as c } from "vue";
 import i from "./ChevronDownIcon-CrC-BSpe.js";
-const d = { class: "flex h-full items-center space-x-3" }, u = { class: "truncate" }, g = {
+const d = { class: "flex h-full items-center space-x-3" }, u = { class: "truncate" }, w = {
   __name: "BaseDropdownButton",
   props: {
     showButtonIcon: {
@@ -20,7 +20,7 @@ const d = { class: "flex h-full items-center space-x-3" }, u = { class: "truncat
     return (n, p) => (s(), a("button", {
       ref: "button",
       type: "button",
-      class: e(["relative cursor-default text-style-input rounded-[20px] h-10 pl-4 pr-8 text-left text-black-950 dark:text-content ring-inset focus:outline-none focus:ring-2 focus:ring-app-950 focus:bg-app-100 dark:focus:text-black-950", t.showDropdown ? "ring-2 ring-app-950 bg-app-100 dark:!text-black-950" : "ring-1 ring-steel-400 dark:ring-line-strong bg-white dark:bg-surface-raised"])
+      class: e(["relative cursor-default text-style-input rounded-[20px] h-10 pl-4 pr-8 text-left text-black-950 dark:text-content ring-inset focus:outline-none focus:ring-2 focus:ring-app-950 focus:bg-app-100 dark:focus:text-black-950", t.showDropdown ? "ring-2 ring-app-950 bg-app-100 dark:!text-black-950" : "ring-1 ring-steel-400 dark:ring-line-strong bg-surface-raised"])
     }, [
       o("div", d, [
         t.showButtonIcon ? r(n.$slots, "buttonIcon", { key: 0 }) : l("", !0),
@@ -39,5 +39,5 @@ const d = { class: "flex h-full items-center space-x-3" }, u = { class: "truncat
   }
 };
 export {
-  g as _
+  w as _
 };

package/dist/{BaseModal-DiFHVBNf.js → BaseModal-BriJhnSM.js}

@@ -1,8 +1,8 @@
-import { useAttrs as p, openBlock as t, createBlock as a, Teleport as b, resolveDynamicComponent as d, withCtx as f, createCommentVNode as s, createVNode as B, unref as i, createElementBlock as w, mergeProps as C, renderSlot as n } from "vue";
-import { _ as q } from "./BaseOverlay-aTh6_ssu.js";
+import { useAttrs as p, openBlock as t, createBlock as a, Teleport as B, resolveDynamicComponent as f, withCtx as d, createCommentVNode as s, createVNode as b, unref as i, createElementBlock as w, mergeProps as C, renderSlot as n } from "vue";
+import { _ as q } from "./BaseOverlay-BxnWhjM4.js";
 import { _ as O } from "./OpacityTransition-D4EuhJnX.js";
 import { _ as T } from "./OpacityScaleTransition-CtMzqccC.js";
-import { _ as k } from "./CloseButton-5Lrtf2mr.js";
+import { _ as $ } from "./CloseButton-5Lrtf2mr.js";
 const L = /* @__PURE__ */ Object.assign({
   inheritAttrs: !1
 }, {
@@ -65,16 +65,16 @@ const L = /* @__PURE__ */ Object.assign({
     }, v = () => {
       r("afterLeave");
     };
-    return (l, $) => (t(), a(b, {
+    return (l, k) => (t(), a(B, {
       to: "body",
       disabled: e.disableTeleport
     }, [
-      (t(), a(d(e.overlayTransition), {
+      (t(), a(f(e.overlayTransition), {
         onAfterEnter: h,
         onAfterLeave: v
       }, {
-        default: f(() => [
-          e.show && e.showOverlay ? (t(), a(d(e.overlay), {
+        default: d(() => [
+          e.show && e.showOverlay ? (t(), a(f(e.overlay), {
             key: 0,
             transparent: e.overlayTransparent,
             onClose: y
@@ -82,11 +82,11 @@ const L = /* @__PURE__ */ Object.assign({
         ]),
         _: 1
       }, 32)),
-      B(i(e.modalTransition), null, {
-        default: f(() => [
-          e.show ? (t(), w("div", C({ key: 0 }, i(c), { class: "fixed flex flex-col p-8 top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 rounded-lg overflow-hidden bg-white dark:bg-surface-raised shadow-xl z-50" }), [
+      b(i(e.modalTransition), null, {
+        default: d(() => [
+          e.show ? (t(), w("div", C({ key: 0 }, i(c), { class: "fixed flex flex-col p-8 top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 rounded-lg overflow-hidden bg-surface-raised shadow-xl z-50" }), [
             n(l.$slots, "header", { handleClose: o }, () => [
-              e.showCloseButton ? (t(), a(k, {
+              e.showCloseButton ? (t(), a($, {
                 key: 0,
                 class: "top-2 right-2 absolute",
                 onClose: o

package/dist/{BaseOverlay-aTh6_ssu.js → BaseOverlay-BxnWhjM4.js}

@@ -11,7 +11,7 @@ const p = {
   setup(t, { emit: n }) {
     const s = n;
     return (o, e) => (a(), r("div", {
-      class: l(["fixed inset-0 z-40", t.transparent ? "bg-transparent" : "bg-black-950/40"]),
+      class: l(["fixed inset-0 z-40", t.transparent ? "bg-[transparent]" : "bg-black-950/40"]),
       onClick: e[0] || (e[0] = (c) => s("close"))
     }, null, 2));
   }

package/dist/{DropdownMenuTextItem-t-7lRXBg.js → DropdownMenuTextItem-BPPYaYlc.js}

@@ -1,4 +1,4 @@
-import { useSlots as Xe, computed as F, openBlock as C, createElementBlock as I, normalizeClass as ne, createElementVNode as N, renderSlot as U, createCommentVNode as q, createVNode as j, withCtx as P, mergeModels as Be, ref as A, useModel as Rt, onMounted as Ot, watch as Tt, createTextVNode as fe, toDisplayString as De, createBlock as de, resolveDynamicComponent as At, unref as pe, withDirectives as Fe, normalizeStyle as Ue, withKeys as _t, withModifiers as Le, vModelText as kt, Fragment as Ct, renderList as Nt, vShow as Pt, nextTick as Bt } from "vue";
+import { useSlots as Xe, computed as F, openBlock as k, createElementBlock as I, normalizeClass as ne, createElementVNode as N, renderSlot as U, createCommentVNode as q, createVNode as j, withCtx as P, mergeModels as Be, ref as A, useModel as Rt, onMounted as Ot, watch as Tt, createTextVNode as fe, toDisplayString as De, createBlock as de, resolveDynamicComponent as At, unref as pe, withDirectives as Fe, normalizeStyle as Ue, withKeys as _t, withModifiers as Le, vModelText as Ct, Fragment as kt, renderList as Nt, vShow as Pt, nextTick as Bt } from "vue";
 import { _ as Dt } from "./OpacityScaleTransition-CtMzqccC.js";
 import { _ as Ft } from "./OpacityTranslateTransition-fF3EnRwC.js";
 import { _ as Ut } from "./OpacityTransition-D4EuhJnX.js";
@@ -6,7 +6,7 @@ import { _ as Lt } from "./TruncateText-BOyOYUV6.js";
 import { _ as jt } from "./InfiniteScroll-BE6D4ysG.js";
 import It from "./CircleStatusIcon-C4Av0hTY.js";
 import { a as $t, u as Mt, w as qt, b as Ht } from "./index-CedrSBIl.js";
-import { _ as zt } from "./BaseDropdownButton-C2s6CrBe.js";
+import { _ as zt } from "./BaseDropdownButton-BD1CMHuM.js";
 import Vt from "./MagnifyingGlassIcon-ChYNIA-H.js";
 import Jt from "./XMarkIcon-DKJ_--uA.js";
 import Wt from "./CheckIcon-D0-G6sID.js";
@@ -27,15 +27,15 @@ const Gt = (e) => typeof e == "object" ? "component" : typeof e != "symbol" ? e
     }
   },
   setup(e) {
-    const t = e, n = Xe(), r = F(() => n.prefix && we(n.prefix()[0].type)), o = F(() => n.suffix && we(n.suffix()[0].type)), i = F(() => t.selected ? "bg-app-950 text-white" : t.active ? "bg-steel-300 dark:bg-surface-hover text-black-950 dark:text-content" : "bg-white dark:bg-surface-raised text-black-950 dark:text-content");
-    return (s, c) => (C(), I("li", {
+    const t = e, n = Xe(), r = F(() => n.prefix && we(n.prefix()[0].type)), o = F(() => n.suffix && we(n.suffix()[0].type)), i = F(() => t.selected ? "bg-app-950 text-white" : t.active ? "bg-steel-300 dark:bg-surface-hover text-black-950 dark:text-content" : "bg-surface-raised text-black-950 dark:text-content");
+    return (s, c) => (k(), I("li", {
       class: ne(["relative items-center select-none h-[38px] pl-4 text-style-input", [
         i.value,
         o.value ? "pr-8" : "pr-4"
       ]])
     }, [
       N("div", Xt, [
-        r.value ? (C(), I("div", Qt, [
+        r.value ? (k(), I("div", Qt, [
           U(s.$slots, "prefix")
         ])) : q("", !0),
         j(Lt, {
@@ -48,7 +48,7 @@ const Gt = (e) => typeof e == "object" ? "component" : typeof e != "symbol" ? e
           _: 3
         }, 8, ["active"])
       ]),
-      o.value ? (C(), I("span", Zt, [
+      o.value ? (k(), I("span", Zt, [
         U(s.$slots, "suffix")
       ])) : q("", !0)
     ], 2));
@@ -198,14 +198,14 @@ const pn = (e, t, n, { allOwnKeys: r } = {}) => (G(t, (o, i) => {
   DIGIT: $e,
   ALPHA: he,
   ALPHA_DIGIT: he + he.toUpperCase() + $e
-}, kn = (e = 16, t = st.ALPHA_DIGIT) => {
+}, Cn = (e = 16, t = st.ALPHA_DIGIT) => {
   let n = "";
   const { length: r } = t;
   for (; e--; )
     n += t[Math.random() * r | 0];
   return n;
 };
-function Cn(e) {
+function kn(e) {
   return !!(e && _(e.append) && e[Symbol.toStringTag] === "FormData" && e[Symbol.iterator]);
 }
 const Nn = (e) => {
@@ -273,8 +273,8 @@ const Nn = (e) => {
   global: tt,
   isContextDefined: nt,
   ALPHABET: st,
-  generateString: kn,
-  isSpecCompliantForm: Cn,
+  generateString: Cn,
+  isSpecCompliantForm: kn,
   toJSONObject: Nn,
   isAsyncFn: Pn,
   isThenable: Bn
@@ -704,7 +704,7 @@ function er(e, t) {
     });
   });
 }
-class k {
+class C {
   constructor(t) {
     t && this.set(t);
   }
@@ -813,8 +813,8 @@ class k {
     return a.isArray(t) ? t.forEach(i) : i(t), this;
   }
 }
-k.accessor(["Content-Type", "Content-Length", "Accept", "Accept-Encoding", "User-Agent", "Authorization"]);
-a.reduceDescriptors(k.prototype, ({ value: e }, t) => {
+C.accessor(["Content-Type", "Content-Length", "Accept", "Accept-Encoding", "User-Agent", "Authorization"]);
+a.reduceDescriptors(C.prototype, ({ value: e }, t) => {
   let n = t[0].toUpperCase() + t.slice(1);
   return {
     get: () => e,
@@ -823,9 +823,9 @@ a.reduceDescriptors(k.prototype, ({ value: e }, t) => {
     }
   };
 });
-a.freezeMethods(k);
+a.freezeMethods(C);
 function ye(e, t) {
-  const n = this || X, r = t || n, o = k.from(r.headers);
+  const n = this || X, r = t || n, o = C.from(r.headers);
   let i = r.data;
   return a.forEach(e, function(c) {
     i = c.call(n, i, o.normalize(), t ? t.status : void 0);
@@ -959,7 +959,7 @@ function Ve(e, t) {
 const lr = typeof XMLHttpRequest < "u", cr = lr && function(e) {
   return new Promise(function(n, r) {
     let o = e.data;
-    const i = k.from(e.headers).normalize();
+    const i = C.from(e.headers).normalize();
     let { responseType: s, withXSRFToken: c } = e, p;
     function h() {
       e.cancelToken && e.cancelToken.unsubscribe(p), e.signal && e.signal.removeEventListener("abort", p);
@@ -983,7 +983,7 @@ const lr = typeof XMLHttpRequest < "u", cr = lr && function(e) {
     function E() {
       if (!l)
         return;
-      const d = k.from(
+      const d = C.from(
         "getAllResponseHeaders" in l && l.getAllResponseHeaders()
       ), R = {
         data: !s || s === "text" || s === "json" ? l.responseText : l.response,
@@ -1079,7 +1079,7 @@ function be(e) {
     throw new Q(null, e);
 }
 function We(e) {
-  return be(e), e.headers = k.from(e.headers), e.data = ye.call(
+  return be(e), e.headers = C.from(e.headers), e.data = ye.call(
     e,
     e.transformRequest
   ), ["post", "put", "patch"].indexOf(e.method) !== -1 && e.headers.setContentType("application/x-www-form-urlencoded", !1), mt.getAdapter(e.adapter || X.adapter)(e).then(function(r) {
@@ -1087,16 +1087,16 @@ function We(e) {
       e,
       e.transformResponse,
       r
-    ), r.headers = k.from(r.headers), r;
+    ), r.headers = C.from(r.headers), r;
   }, function(r) {
     return pt(r) || (be(e), r && r.response && (r.response.data = ye.call(
       e,
       e.transformResponse,
       r.response
-    ), r.response.headers = k.from(r.response.headers))), Promise.reject(r);
+    ), r.response.headers = C.from(r.response.headers))), Promise.reject(r);
   });
 }
-const Ke = (e) => e instanceof k ? { ...e } : e;
+const Ke = (e) => e instanceof C ? { ...e } : e;
 function H(e, t) {
   t = t || {};
   const n = {};
@@ -1260,7 +1260,7 @@ class $ {
       (u) => {
         delete i[u];
       }
-    ), n.headers = k.concat(s, i);
+    ), n.headers = C.concat(s, i);
     const c = [];
     let p = !0;
     this.interceptors.request.forEach(function(d) {
@@ -1492,7 +1492,7 @@ S.all = function(t) {
 S.spread = dr;
 S.isAxiosError = pr;
 S.mergeConfig = H;
-S.AxiosHeaders = k;
+S.AxiosHeaders = C;
 S.formToJSON = (e) => dt(a.isHTMLForm(e) ? new FormData(e) : e);
 S.getAdapter = mt.getAdapter;
 S.HttpStatusCode = xe;
@@ -1603,14 +1603,14 @@ const hr = (e, t = {}, n = {}) => new Promise((r, o) => {
   emits: /* @__PURE__ */ Be(["error"], ["update:modelValue"]),
   setup(e, { emit: t }) {
     const { width: n, height: r } = $t(), i = Mt(Ht).smaller("sm"), s = e, c = t, p = Xe(), h = F(() => p.buttonIcon && we(p.buttonIcon()[0].type)), f = A(null), l = A(null), w = A(null), E = Rt(e, "modelValue"), u = A(null), d = F(() => !E.value || V.value.length === 0 ? null : V.value.find((m) => m.id === E.value)), g = A(5), R = F(() => s.scrollable ? s.displayRows * te + 24 : "none"), T = A("down"), v = A(!1), Z = A(0), O = A(s.data), V = A(s.data), M = A(""), Y = F(() => s.buttonPosition === "left"), wt = F(() => i.value ? "origin-bottom" : T.value === "down" ? Y.value ? "origin-top-left" : "origin-top-right" : Y.value ? "origin-bottom-left" : "origin-bottom-right");
-    let _e = null, ke = null;
+    let _e = null, Ce = null;
     const ee = A(!1), ce = () => {
       s.disabled || (v.value = !v.value, E.value !== void 0 && (u.value = E.value), v.value ? Bt(() => {
         l.value.$el.scrollTop = Z.value;
       }) : u.value = null);
     }, ue = (m) => {
       Z.value = l.value.$el.scrollTop, E.value = m, v.value = !1;
-    }, Ce = (m) => {
+    }, ke = (m) => {
       u.value = m;
     }, Ne = () => {
       let m = w.value.getBoundingClientRect();
@@ -1624,7 +1624,7 @@ const hr = (e, t = {}, n = {}) => new Promise((r, o) => {
       let x = Math.floor(l.value.$el.scrollTop / te);
       if (m.key === "Escape" && (u.value = null, v.value = !1), m.key === "ArrowDown") {
         let b;
-        O.value.length > 0 ? (b = O.value.findIndex((J) => J.id === u.value), b < O.value.length - 1 && (u.value = O.value[b + 1].id)) : ((u.value === null || u.value < ke) && u.value++, b = u.value - 1), b - x > s.displayRows - 2 && (l.value.$el.scrollTop += te);
+        O.value.length > 0 ? (b = O.value.findIndex((J) => J.id === u.value), b < O.value.length - 1 && (u.value = O.value[b + 1].id)) : ((u.value === null || u.value < Ce) && u.value++, b = u.value - 1), b - x > s.displayRows - 2 && (l.value.$el.scrollTop += te);
       }
       if (m.key === "ArrowUp") {
         let b;
@@ -1648,13 +1648,13 @@ const hr = (e, t = {}, n = {}) => new Promise((r, o) => {
         })), V.value = O.value;
       }).catch((m) => {
         c("error", m);
-      }), s.data.length === 0 && (ke = l.value.$el.getElementsByTagName("li").length);
+      }), s.data.length === 0 && (Ce = l.value.$el.getElementsByTagName("li").length);
     }), Tt([n, r], () => {
       i.value || Ne();
     }), qt(M, (m) => {
       let x = m.trim();
       x !== _e && (s.searchUrl !== null ? navValTrimmed === "" && (O.value = V.value) : O.value = V.value.filter((b) => b.val.toLowerCase().includes(x.toLowerCase())), _e = x);
-    }, { debounce: s.searchUrl ? 300 : 0, maxWait: s.searchUrl ? 1e3 : void 0 }), (m, x) => (C(), I("div", yr, [
+    }, { debounce: s.searchUrl ? 300 : 0, maxWait: s.searchUrl ? 1e3 : void 0 }), (m, x) => (k(), I("div", yr, [
       N("div", {
         ref_key: "button",
         ref: w,
@@ -1685,15 +1685,15 @@ const hr = (e, t = {}, n = {}) => new Promise((r, o) => {
       ], 2),
       j(Ut, null, {
         default: P(() => [
-          v.value ? (C(), I("div", {
+          v.value ? (k(), I("div", {
             key: 0,
-            class: "fixed inset-0 top-0 left-0 z-10 bg-black-950/85 sm:bg-transparent",
+            class: "fixed inset-0 top-0 left-0 z-10 bg-black-950/85 sm:bg-[transparent]",
             onClick: ce
           })) : q("", !0)
         ]),
         _: 1
       }),
-      (C(), de(At(pe(i) ? Ft : Dt), {
+      (k(), de(At(pe(i) ? Ft : Dt), {
         "enter-active-class": pe(i) ? "transition-all duration-200 ease-in delay-100" : "transition-all ease-out duration-75 scale-100",
         "leave-active-class": pe(i) ? "transition-all duration-200 ease-out" : "transition-all ease-in duration-75 scale-100",
         onAfterEnter: St
@@ -1706,7 +1706,7 @@ const hr = (e, t = {}, n = {}) => new Promise((r, o) => {
               wt.value,
               e.fitContent ? "sm:w-fit" : "sm:w-full",
               Y.value ? "sm:left-0" : "sm:left-auto sm:right-0",
-              e.showBorder ? "border" : "border-0"
+              e.showBorder ? "border-[1px]" : "border-0"
             ]]),
             style: Ue(xt.value)
           }, [
@@ -1715,7 +1715,7 @@ const hr = (e, t = {}, n = {}) => new Promise((r, o) => {
               clearSearch: Pe,
               inputDisabled: ee.value
             }, () => [
-              e.searchable ? (C(), I("div", br, [
+              e.searchable ? (k(), I("div", br, [
                 N("div", wr, [
                   N("div", Er, [
                     N("div", gr, [
@@ -1724,14 +1724,14 @@ const hr = (e, t = {}, n = {}) => new Promise((r, o) => {
                     N("div", null, [
                       Fe(N("input", {
                         type: "text",
-                        class: "w-full text-style-input bg-transparent focus:outline-none focus:ring-0 border-0 px-0",
+                        class: "w-full text-style-input bg-[transparent] focus:outline-none focus:ring-0 border-0 px-0",
                         tabindex: "-1",
                         placeholder: e.searchPlaceholder,
                         "onUpdate:modelValue": x[0] || (x[0] = (b) => M.value = b),
                         onKeydown: _t(Le(Et, ["self"]), ["tab"]),
                         disabled: ee.value
                       }, null, 40, Sr), [
-                        [kt, M.value]
+                        [Ct, M.value]
                       ])
                     ])
                   ]),
@@ -1760,23 +1760,23 @@ const hr = (e, t = {}, n = {}) => new Promise((r, o) => {
                 N("ul", xr, [
                   U(m.$slots, "default", {
                     itemList: O.value,
-                    setActive: Ce,
+                    setActive: ke,
                     selectItem: ue,
                     selectedId: E.value,
                     activeId: u.value
                   }, () => [
-                    (C(!0), I(Ct, null, Nt(O.value, (b) => (C(), de(je, {
+                    (k(!0), I(kt, null, Nt(O.value, (b) => (k(), de(je, {
                       key: b.id,
                       selected: b.id === E.value,
                       active: b.id === u.value,
                       onClick: (J) => ue(b.id),
-                      onMouseenter: (J) => Ce(b.id)
+                      onMouseenter: (J) => ke(b.id)
                     }, {
                       prefix: P(() => [
                         j(It)
                       ]),
                       suffix: P(() => [
-                        b.id === E.value ? (C(), de(Wt, { key: 0 })) : q("", !0)
+                        b.id === E.value ? (k(), de(Wt, { key: 0 })) : q("", !0)
                       ]),
                       default: P(() => [
                         fe(De(b.val) + " ", 1)
@@ -1806,7 +1806,7 @@ const hr = (e, t = {}, n = {}) => new Promise((r, o) => {
   }
 }, Rr = {}, Or = { class: "relative flex items-center cursor-default select-none h-[38px] pl-4 pr-4 rotate-0" };
 function Tr(e, t) {
-  return C(), I("li", Or, [
+  return k(), I("li", Or, [
     U(e.$slots, "default")
   ]);
 }

package/dist/{InputField-DbASj24Y.js → InputField-BrSFZ5Eu.js}

@@ -41,7 +41,7 @@ const B = ["name", "type", "placeholder", "disabled"], C = {
         name: e.label,
         onBlur: s,
         type: e.fieldType,
-        class: a(["flex-1 border-0 bg-transparent pl-0 ring-0 focus:ring-0 outline-none focus:outline-none disabled:placeholder:text-steel-800 dark:disabled:placeholder:text-content-muted disabled:pointer-events-none", e.hasError ? " focus:placeholder:text-error-950 pr-6" : "placeholder:text-steel-950 dark:placeholder:text-content-muted pr-0"]),
+        class: a(["flex-1 border-0 bg-[transparent] pl-0 ring-0 focus:ring-0 outline-none focus:outline-none disabled:placeholder:text-steel-800 dark:disabled:placeholder:text-content-muted disabled:pointer-events-none", e.hasError ? " focus:placeholder:text-error-950 pr-6" : "placeholder:text-steel-950 dark:placeholder:text-content-muted pr-0"]),
         placeholder: e.placeholder,
         disabled: e.disabled
       }, null, 42, B), [

package/dist/{NavigationMenuNotification-CoNY17a5.js → NavigationMenuNotification-CNUcS8F5.js}

@@ -4,7 +4,7 @@ import { _ as N } from "./OpacityTransition-D4EuhJnX.js";
 import { _ as H } from "./ProclusLogo-By7XypEC.js";
 import J from "./BarsIcon-CY8KeVq7.js";
 import K from "./XMarkIcon-DKJ_--uA.js";
-import { a as S, _ as p, D as q } from "./DropdownMenuTextItem-t-7lRXBg.js";
+import { a as S, _ as p, D as q } from "./DropdownMenuTextItem-BPPYaYlc.js";
 import Q from "./UserIcon-18Fdcxc7.js";
 import Y from "./SlidersIcon-DOirWVZO.js";
 import Z from "./UserGearIcon-AsvyYngF.js";
@@ -404,7 +404,7 @@ const le = {
       ]),
       default: t(({ setActive: n, selectItem: l, activeId: c }) => [
         a(q, {
-          class: "text-style-label-small bg-white text-app-950 border-b border-b-steel-300 justify-center sm:justify-start",
+          class: "text-style-label-small bg-[#ffffff] text-app-950 border-b-[1px] border-b-steel-300 justify-center sm:justify-start",
           onMouseenter: (s) => n(null)
         }, {
           default: t(() => [

package/dist/SecondaryButton-At_I-S4K.js

@@ -0,0 +1,64 @@
+import { openBlock as t, createElementBlock as s, normalizeClass as d, renderSlot as o } from "vue";
+const a = ["disabled"], f = {
+  __name: "PrimaryButton",
+  props: {
+    disabled: {
+      type: Boolean,
+      default: !1
+    },
+    error: {
+      type: Boolean,
+      default: !1
+    },
+    reverse: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  setup(e) {
+    return (r, l) => (t(), s("button", {
+      type: "button",
+      class: d(["flex items-center gap-x-2 rounded-[20px] px-4 h-10 text-style-input border-2 border-solid outline-none disabled:bg-steel-200 dark:disabled:bg-surface-sunken disabled:text-steel-950 disabled:border-steel-800 disabled:cursor-not-allowed", [
+        e.reverse ? "flex-row-reverse" : "flex-row",
+        e.error && !e.disabled ? "bg-[#ffffff] text-error-950 border-error-950 hover:bg-error-950 hover:border-error-950 hover:text-white focus:bg-error-950 focus:border-error-950 focus:text-white focus:outline-app-950" : "bg-app-950 text-white border-app-950 hover:bg-black-950 hover:border-black-950 focus:bg-black-950 focus:border-black-950 focus:outline-app-950"
+      ]]),
+      disabled: e.disabled
+    }, [
+      o(r.$slots, "icon"),
+      o(r.$slots, "default")
+    ], 10, a));
+  }
+}, b = ["disabled"], u = {
+  __name: "SecondaryButton",
+  props: {
+    disabled: {
+      type: Boolean,
+      default: !1
+    },
+    error: {
+      type: Boolean,
+      default: !1
+    },
+    reverse: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  setup(e) {
+    return (r, l) => (t(), s("button", {
+      type: "button",
+      class: d(["flex items-center gap-x-2 rounded-[20px] px-4 h-10 text-style-input border-2 border-solid border-steel-600 dark:border-line-strong outline-none disabled:bg-steel-200 dark:disabled:bg-surface-sunken disabled:text-steel-950 disabled:border-steel-800 disabled:cursor-not-allowed", [
+        e.reverse ? "flex-row-reverse" : "flex-row",
+        e.error && !e.disabled ? "bg-[#ffffff] text-error-950 border-error-950 hover:bg-error-950 hover:border-error-950 hover:text-white focus:bg-error-950 focus:border-error-950 focus:text-white" : "bg-surface-raised text-black-950 dark:text-content hover:text-app-950 hover:border-app-950 focus:text-app-950 focus:border-app-950"
+      ]]),
+      disabled: e.disabled
+    }, [
+      o(r.$slots, "icon"),
+      o(r.$slots, "default")
+    ], 10, b));
+  }
+};
+export {
+  f as _,
+  u as a
+};

package/dist/components/buttons/index.js

@@ -1,6 +1,6 @@
-import { _ as r, a } from "../../SecondaryButton-DSEdkv75.js";
+import { _ as r, a } from "../../SecondaryButton-At_I-S4K.js";
 import { _ as n } from "../../CloseButton-5Lrtf2mr.js";
-import { _ as B } from "../../BaseDropdownButton-C2s6CrBe.js";
+import { _ as B } from "../../BaseDropdownButton-BD1CMHuM.js";
 export {
   B as BaseDropdownButton,
   n as CloseButton,

package/dist/components/forms/index.js

@@ -1,7 +1,7 @@
 import { openBlock as n, createElementBlock as b, createElementVNode as p, renderSlot as o, mergeModels as d, useModel as y, computed as s, createBlock as h, withCtx as g, createVNode as x } from "vue";
 import { _ as B } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
 import { _ as V } from "../../FormField-XR9nvyQr.js";
-import { _ as v } from "../../InputField-DbASj24Y.js";
+import { _ as v } from "../../InputField-BrSFZ5Eu.js";
 const _ = {}, F = { class: "flex flex-col space-y-12" }, $ = { class: "flex flex-col space-y-6" };
 function q(e, l) {
   return n(), b("div", F, [

package/dist/components/header/index.js

@@ -7,7 +7,7 @@ import { o as xe } from "../../index-CedrSBIl.js";
 import oe from "../../BellIcon-lK5EZXNf.js";
 import Ie from "../../CircleCheckIcon-CA15yXgI.js";
 import Ee from "../../XMarkIcon-DKJ_--uA.js";
-const Ne = /* @__PURE__ */ r("span", { class: "hidden whitespace-nowrap sm:inline" }, "Search", -1), He = /* @__PURE__ */ r("kbd", { class: "zui-search-kbd hidden items-center gap-px rounded border border-proclusteal-300 dark:border-line bg-proclusteal-100 dark:bg-surface px-[5px] py-0.5 font-sans text-[11px] font-bold leading-none text-proclusteal-500 dark:text-content-muted sm:inline-flex" }, [
+const Ne = /* @__PURE__ */ r("span", { class: "hidden whitespace-nowrap sm:inline" }, "Search", -1), He = /* @__PURE__ */ r("kbd", { class: "zui-search-kbd hidden items-center gap-px rounded border-[1px] border-proclusteal-300 dark:border-line bg-proclusteal-100 dark:bg-surface px-[5px] py-0.5 font-sans text-[11px] font-bold leading-none text-proclusteal-500 dark:text-content-muted sm:inline-flex" }, [
   /* @__PURE__ */ r("span", null, "⌘"),
   /* @__PURE__ */ j("K ")
 ], -1), Oe = {
@@ -16,7 +16,7 @@ const Ne = /* @__PURE__ */ r("span", { class: "hidden whitespace-nowrap sm:inlin
   setup(e) {
     return (i, o) => (a(), u("button", {
       type: "button",
-      class: "zui-search-pill inline-flex h-[34px] cursor-pointer items-center justify-center gap-[7px] rounded-lg border border-proclusteal-300 dark:border-line bg-white dark:bg-surface-raised pl-[11px] pr-[9px] font-sans text-[13px] font-semibold text-proclusteal-600 dark:text-content-muted transition-[border-color,color,box-shadow] duration-150 hover:border-proclusteal-950 dark:hover:border-focus hover:text-proclusteal-800 dark:hover:text-content hover:shadow-[0_1px_3px_rgba(20,40,45,0.08)] focus:border-proclusteal-950 dark:focus:border-focus focus:text-proclusteal-800 dark:focus:text-content focus:outline-none",
+      class: "zui-search-pill inline-flex h-[34px] cursor-pointer items-center justify-center gap-[7px] rounded-lg border-[1px] border-solid border-proclusteal-300 dark:border-line bg-surface-raised pl-[11px] pr-[9px] font-sans text-[13px] font-semibold text-proclusteal-600 dark:text-content-muted transition-[border-color,color,box-shadow] duration-150 hover:border-proclusteal-950 dark:hover:border-focus hover:text-proclusteal-800 dark:hover:text-content hover:shadow-[0_1px_3px_rgba(20,40,45,0.08)] focus:border-proclusteal-950 dark:focus:border-focus focus:text-proclusteal-800 dark:focus:text-content focus:outline-none",
       title: "Search (Ctrl K)",
       "aria-label": "Search (Ctrl K)",
       onClick: o[0] || (o[0] = (y) => i.$emit("click"))
@@ -86,13 +86,13 @@ function ae(e, i) {
   const y = new RegExp(`(${i.map((p) => p.replace(/[.*+?^${}()|[\]\\]/g, "\\$&")).join("|")})`, "ig");
   return o.replace(y, "<mark>$1</mark>");
 }
-const Pe = (e) => (Se("data-v-9c786f7b"), e = e(), _e(), e), Ue = { class: "zui-search-field flex items-center gap-2.5 border-b border-proclusteal-200 dark:border-line px-4 py-3.5" }, Be = ["placeholder"], Re = {
+const Pe = (e) => (Se("data-v-80fd510b"), e = e(), _e(), e), Ue = { class: "zui-search-field flex items-center gap-2.5 border-b-[1px] border-proclusteal-200 dark:border-line px-4 py-3.5" }, Be = ["placeholder"], Re = {
   key: 0,
   class: "px-[18px] pb-0.5 pt-3.5 text-[15px] font-extrabold text-[#1e262c] dark:text-content"
 }, Ve = {
   key: 1,
-  class: "border-b border-proclusteal-200 dark:border-line px-[18px] pb-3 pt-2.5"
-}, Ke = ["onClick"], qe = { class: "zui-search-group sticky top-0 z-[1] border-t border-proclusteal-200 dark:border-line bg-proclusteal-150 dark:bg-surface px-[18px] py-2 text-[12px] font-extrabold tracking-[0.3px] text-proclusteal-700 dark:text-content" }, Ge = { class: "ml-0.5 text-[#667079] dark:text-content-muted" }, Fe = ["href", "data-row-idx", "onClick", "onMouseenter"], Qe = ["innerHTML"], Ye = { class: "min-w-0 flex-1" }, Xe = ["innerHTML"], Je = ["innerHTML"], We = /* @__PURE__ */ Pe(() => /* @__PURE__ */ r("svg", {
+  class: "border-b-[1px] border-proclusteal-200 dark:border-line px-[18px] pb-3 pt-2.5"
+}, Ke = ["onClick"], qe = { class: "zui-search-group sticky top-0 z-[1] border-t-[1px] border-proclusteal-200 dark:border-line bg-proclusteal-150 dark:bg-surface px-[18px] py-2 text-[12px] font-extrabold tracking-[0.3px] text-proclusteal-700 dark:text-content" }, Ge = { class: "ml-0.5 text-[#667079] dark:text-content-muted" }, Fe = ["href", "data-row-idx", "onClick", "onMouseenter"], Qe = ["innerHTML"], Ye = { class: "min-w-0 flex-1" }, Xe = ["innerHTML"], Je = ["innerHTML"], We = /* @__PURE__ */ Pe(() => /* @__PURE__ */ r("svg", {
   class: "h-4 w-4 flex-none text-[#c2cad1] dark:text-content-muted",
   viewBox: "0 0 24 24",
   fill: "none",
@@ -102,7 +102,7 @@ const Pe = (e) => (Se("data-v-9c786f7b"), e = e(), _e(), e), Ue = { class: "zui-
   "stroke-linejoin": "round"
 }, [
   /* @__PURE__ */ r("polyline", { points: "9 18 15 12 9 6" })
-], -1)), re = "zui-search-chip mb-2 mr-2 inline-flex cursor-pointer items-center gap-[7px] rounded-[20px] border border-[#dde3e8] dark:border-line bg-[#f4f6f8] dark:bg-surface px-3.5 py-1.5 text-[13px] font-bold text-proclusteal-700 dark:text-content hover:border-proclusteal-950 dark:hover:border-focus", le = "!border-proclusteal-950 !bg-proclusteal-950 !text-white", R = "zui-search-state px-5 py-[26px] text-center text-[13px] font-medium text-[#667079] dark:text-content-muted", Ze = {
+], -1)), re = "zui-search-chip mb-2 mr-2 inline-flex cursor-pointer items-center gap-[7px] rounded-[20px] border-[1px] border-[#dde3e8] dark:border-line bg-[#f4f6f8] dark:bg-surface px-3.5 py-1.5 text-[13px] font-bold text-proclusteal-700 dark:text-content hover:border-proclusteal-950 dark:hover:border-focus", le = "!border-proclusteal-950 !bg-proclusteal-950 !text-white", R = "zui-search-state px-5 py-[26px] text-center text-[13px] font-medium text-[#667079] dark:text-content-muted", Ze = {
   __name: "GlobalSearchModal",
   props: /* @__PURE__ */ te({
     searchProvider: {
@@ -264,7 +264,7 @@ const Pe = (e) => (Se("data-v-9c786f7b"), e = e(), _e(), e), Ue = { class: "zui-
         r("div", {
           ref_key: "panelEl",
           ref: _,
-          class: "zui-search-panel mt-[4vh] flex max-h-[88vh] w-[94%] max-w-[720px] flex-col overflow-hidden rounded-[14px] bg-white dark:bg-surface-raised font-sans shadow-[0_30px_80px_rgba(0,0,0,0.3)] sm:mt-[8vh] sm:max-h-[82vh]",
+          class: "zui-search-panel mt-[4vh] flex max-h-[88vh] w-[94%] max-w-[720px] flex-col overflow-hidden rounded-[14px] bg-surface-raised font-sans shadow-[0_30px_80px_rgba(0,0,0,0.3)] sm:mt-[8vh] sm:max-h-[82vh]",
           role: "dialog",
           "aria-modal": "true",
           "aria-label": "Search"
@@ -278,13 +278,13 @@ const Pe = (e) => (Se("data-v-9c786f7b"), e = e(), _e(), e), Ue = { class: "zui-
               type: "text",
               autocomplete: "off",
               placeholder: e.placeholder,
-              class: "zui-search-input flex-1 border-0 bg-transparent p-0 text-[16px] text-[#1e262c] dark:text-content outline-none placeholder:text-proclusteal-400 dark:placeholder:text-content-muted focus:ring-0"
+              class: "zui-search-input flex-1 border-0 bg-[transparent] p-0 text-[16px] text-[#1e262c] dark:text-content outline-none placeholder:text-proclusteal-400 dark:placeholder:text-content-muted focus:ring-0"
             }, null, 8, Be), [
               [$e, g.value]
             ]),
             r("button", {
               type: "button",
-              class: "cursor-pointer border-0 bg-transparent px-1 text-[22px] leading-none text-proclusteal-400 dark:text-content-muted hover:text-proclusteal-700 dark:hover:text-content",
+              class: "cursor-pointer border-0 bg-[transparent] px-1 text-[22px] leading-none text-proclusteal-400 dark:text-content-muted hover:text-proclusteal-700 dark:hover:text-content",
               "aria-label": "Close search",
               title: "Close (Esc)",
               onClick: z
@@ -379,7 +379,7 @@ const Pe = (e) => (Se("data-v-9c786f7b"), e = e(), _e(), e), Ue = { class: "zui-
       ], 32)) : v("", !0)
     ]));
   }
-}, et = /* @__PURE__ */ Ae(Ze, [["__scopeId", "data-v-9c786f7b"]]), se = {
+}, et = /* @__PURE__ */ Ae(Ze, [["__scopeId", "data-v-80fd510b"]]), se = {
   "reference library": "RefLib",
   reflib: "RefLib",
   repository: "RefLib",
@@ -423,7 +423,7 @@ function nt(e) {
 const ot = {
   key: 0,
   class: "absolute -right-[3px] -top-[3px] h-2 w-2 rounded-full bg-[#dd3730] ring-2 ring-white dark:ring-surface-raised"
-}, at = { class: "absolute right-0 top-full z-30 mt-2 w-[400px] max-w-[90vw] origin-top-right overflow-hidden rounded-[10px] border border-proclusteal-300 dark:border-line bg-white dark:bg-surface-raised shadow-zeal-md" }, rt = { class: "max-h-[420px] overflow-y-auto" }, lt = {
+}, at = { class: "absolute right-0 top-full z-30 mt-2 w-[400px] max-w-[90vw] origin-top-right overflow-hidden rounded-[10px] border-[1px] border-proclusteal-300 dark:border-line bg-surface-raised shadow-zeal-md" }, rt = { class: "max-h-[420px] overflow-y-auto" }, lt = {
   key: 0,
   class: "px-5 py-[26px] text-center text-[13px] font-medium text-[#667079] dark:text-content-muted"
 }, st = {
@@ -521,7 +521,7 @@ const ot = {
               e.notifications ? w.value.length ? v("", !0) : (a(), u("div", st, " No notifications. ")) : (a(), u("div", lt, " Loading notifications… ")),
               (a(!0), u(H, null, P(m.value, (d) => (a(), u("div", {
                 key: d.item.NotifyID,
-                class: M(["flex cursor-pointer items-start gap-3 border-b border-proclusteal-200 dark:border-line px-4 py-3", d.unread ? "bg-proclusteal-50 dark:bg-surface-hover" : "bg-white dark:bg-surface-raised"]),
+                class: M(["flex cursor-pointer items-start gap-3 border-b-[1px] border-proclusteal-200 dark:border-line px-4 py-3", d.unread ? "bg-proclusteal-50 dark:bg-surface-hover" : "bg-surface-raised"]),
                 onClick: (C) => f(d.item.url)
               }, [
                 r("span", ct, [
@@ -570,7 +570,7 @@ const ot = {
             ]),
             r("a", {
               href: F(O)(e.notificationsUrl) || null,
-              class: "block border-t border-proclusteal-200 dark:border-line px-4 py-2.5 text-center text-[13px] font-bold text-proclusteal-700 dark:text-content no-underline hover:bg-proclusteal-50 dark:hover:bg-surface-hover hover:text-proclusteal-900 dark:hover:text-focus",
+              class: "block border-t-[1px] border-proclusteal-200 dark:border-line px-4 py-2.5 text-center text-[13px] font-bold text-proclusteal-700 dark:text-content no-underline hover:bg-proclusteal-50 dark:hover:bg-surface-hover hover:text-proclusteal-900 dark:hover:text-focus",
               onClick: c[0] || (c[0] = N((d) => f(e.notificationsUrl), ["exact", "prevent"]))
             }, " See all notifications ", 8, vt)
           ], 512), [
@@ -584,7 +584,7 @@ const ot = {
 }, kt = ["src"], gt = {
   key: 1,
   class: "inline-flex h-[34px] w-[34px] items-center justify-center rounded-full bg-proclusteal-900 text-[13px] font-bold uppercase leading-none tracking-[0.5px] text-white"
-}, wt = { class: "absolute right-0 top-full z-30 mt-2 w-[260px] origin-top-right rounded-[10px] border border-proclusteal-300 dark:border-line bg-white dark:bg-surface-raised py-1 shadow-zeal-md" }, Ct = { class: "flex max-w-[260px] flex-col gap-0.5 whitespace-normal px-[18px] pb-2.5 pt-3" }, $t = { class: "block text-[14px] font-bold text-proclusteal-800 dark:text-content" }, St = /* @__PURE__ */ r("span", { class: "my-1.5 block h-0.5 w-8 flex-none rounded-[1px] bg-[#cdd4da] dark:bg-line-strong" }, null, -1), _t = { class: "block break-words text-[12px] leading-[1.3] text-proclusteal-600 dark:text-content-muted" }, Mt = /* @__PURE__ */ r("div", { class: "h-px bg-proclusteal-200 dark:bg-line" }, null, -1), Tt = {
+}, wt = { class: "absolute right-0 top-full z-30 mt-2 w-[260px] origin-top-right rounded-[10px] border-[1px] border-proclusteal-300 dark:border-line bg-surface-raised py-1 shadow-zeal-md" }, Ct = { class: "flex max-w-[260px] flex-col gap-0.5 whitespace-normal px-[18px] pb-2.5 pt-3" }, $t = { class: "block text-[14px] font-bold text-proclusteal-800 dark:text-content" }, St = /* @__PURE__ */ r("span", { class: "my-1.5 block h-0.5 w-8 flex-none rounded-[1px] bg-[#cdd4da] dark:bg-line-strong" }, null, -1), _t = { class: "block break-words text-[12px] leading-[1.3] text-proclusteal-600 dark:text-content-muted" }, Mt = /* @__PURE__ */ r("div", { class: "h-px bg-proclusteal-200 dark:bg-line" }, null, -1), Tt = {
   key: 0,
   class: "my-1 h-px bg-proclusteal-200 dark:bg-line"
 }, At = ["href", "onClick"], It = {
@@ -670,7 +670,7 @@ const ot = {
       })
     ], 512));
   }
-}, Et = { class: "flex h-[70px] shrink-0 items-center justify-between border-b border-proclusteal-300 dark:border-line bg-white dark:bg-surface-raised px-[15px] font-sans shadow-[0_1px_3px_rgba(20,40,45,0.05)] sm:px-[25px]" }, Nt = { class: "flex min-w-0 items-center gap-[18px]" }, Ht = {
+}, Et = { class: "flex h-[70px] shrink-0 items-center justify-between border-b-[1px] border-proclusteal-300 dark:border-line bg-surface-raised px-[15px] font-sans shadow-[0_1px_3px_rgba(20,40,45,0.05)] sm:px-[25px]" }, Nt = { class: "flex min-w-0 items-center gap-[18px]" }, Ht = {
   key: 0,
   class: "hidden whitespace-nowrap text-[18px] font-semibold text-proclusteal-800 dark:text-content sm:inline"
 }, Ot = {