portal-design-system 0.0.939 → 0.0.940

package/dist/index.js

@@ -4049,7 +4049,7 @@ const IN = {
   setup(t) {
     const e = SF(), i = t, r = mt(
       () => {
-        const a = SV[i.variant], n = xV[i.size], o = bV[i.radius], s = ["font-medium!", "mds-button", "flex", "items-center", "group", "whitespace-nowrap", "transition-all", "duration-500"];
+        const a = SV[i.variant], n = xV[i.size], o = bV[i.radius], s = ["font-medium!", "mds-button", "app-flex", "items-center", "group", "whitespace-nowrap", "transition-all", "duration-500"];
         return i.aspect === "square" && s.push("aspect-square", "p-0"), i.iconPosition === "end" && i.icon && s.push("flex-row-reverse", "gap-2"), $a(a, n, o, s, i.classList);
       }
     );
@@ -6756,7 +6756,7 @@ function RN(t, e, i = "click") {
   };
   Hn(() => document.addEventListener(i, r)), Mg(() => document.removeEventListener(i, r));
 }
-const BN = { class: "flex items-center gap-2 w-18 absolute h-12 start-0" }, kN = ["onClick", "aria-label"], PN = /* @__PURE__ */ Ne({
+const BN = { class: "app-flex items-center gap-2 w-18 absolute h-12 start-0" }, kN = ["onClick", "aria-label"], PN = /* @__PURE__ */ Ne({
   __name: "CountryCode",
   props: /* @__PURE__ */ Qi({
     disabled: { type: Boolean }
@@ -6807,7 +6807,7 @@ const BN = { class: "flex items-center gap-2 w-18 absolute h-12 start-0" }, kN =
             ref: s,
             onClick: h,
             type: "button",
-            class: st(["flex gap-1 items-center", { "cursor-pointer": !t.disabled }]),
+            class: st(["app-flex gap-1 items-center", { "cursor-pointer": !t.disabled }]),
             "aria-label": "Select Country Code"
           }, [
             Le("span", {
@@ -6837,7 +6837,7 @@ const BN = { class: "flex items-center gap-2 w-18 absolute h-12 start-0" }, kN =
               role: "button",
               type: "button",
               onClick: (S) => c(x.dial_code),
-              class: "flex gap-2 w-full hover:bg-base-neutral-100/30 cursor-pointer border-b last-of-type:border-0 border-base-neutral-100 px-3 h-12 items-center",
+              class: "app-flex gap-2 w-full hover:bg-base-neutral-100/30 cursor-pointer border-b last-of-type:border-0 border-base-neutral-100 px-3 h-12 items-center",
               "aria-label": `Select country code ${x.name}`
             }, [
               Le("span", null, [
@@ -6862,7 +6862,7 @@ const BN = { class: "flex items-center gap-2 w-18 absolute h-12 start-0" }, kN =
     classList: {}
   },
   setup(t) {
-    const e = t, i = mt(() => $a("font-medium text-sm flex mb-1 capitalize", e.classList));
+    const e = t, i = mt(() => $a("font-medium text-sm app-flex mb-2 capitalize", e.classList));
     return (r, a) => (G(), te("label", {
       for: t.forId,
       class: st(i.value)
@@ -7078,7 +7078,7 @@ const BN = { class: "flex items-center gap-2 w-18 absolute h-12 start-0" }, kN =
         }, [
           de(i).toggleButton ? Lt(I.$slots, "toggleButton", { key: 0 }, void 0, !0) : (G(), te("div", {
             key: 1,
-            class: st([[S.value, { disabled: t.disabled }], "flex items-center justify-between h-12 select"]),
+            class: st([[S.value, { disabled: t.disabled }], "app-flex items-center justify-between h-12 select"]),
             error: !!((L = t.errors) != null && L.length)
           }, [
             Le("div", WN, [
@@ -7147,7 +7147,7 @@ const BN = { class: "flex items-center gap-2 w-18 absolute h-12 start-0" }, kN =
                     select: C
                   }, void 0, !0) : (G(), te("li", {
                     key: 1,
-                    class: st(["px-3 py-3 text-sm flex justify-between items-center border-b border-base-neutral-100 last-of-type:border-0", [
+                    class: st(["px-3 py-3 text-sm app-flex justify-between items-center border-b border-base-neutral-100 last-of-type:border-0", [
                       ce.disabled ? "opacity-50 cursor-not-allowed" : "hover:bg-base-neutral-100/30 cursor-pointer",
                       ge === d.value ? "bg-neutral-800" : ""
                     ]]),
@@ -7169,7 +7169,7 @@ const BN = { class: "flex items-center gap-2 w-18 absolute h-12 start-0" }, kN =
       ]);
     };
   }
-}), YN = /* @__PURE__ */ id(jN, [["__scopeId", "data-v-2cac1abb"]]);
+}), YN = /* @__PURE__ */ id(jN, [["__scopeId", "data-v-eb32ac4a"]]);
 function jA(t, e) {
   const i = (r) => {
     r.key === "Escape" && (t.value = !1);
@@ -7197,7 +7197,7 @@ const sme = /* @__PURE__ */ Ne({
     const e = gi(t, "modelValue"), i = t;
     jA(e);
     const r = mt(() => {
-      const n = ["fixed  p-5 h-dvh w-screen top-0 flex items-center inset-0 z-10001   overflow-auto   bg-black/20  modal-container  *:m-auto"];
+      const n = ["fixed  p-5 h-dvh w-screen top-0 app-flex items-center inset-0 z-10001   overflow-auto   bg-black/20  modal-container  *:m-auto"];
       return i.fullscreen && n.push("p-0"), $a(...n, i.classList);
     }), a = () => {
       i.persistent || (e.value = !1);
@@ -8463,7 +8463,7 @@ const dme = {
     }), gh(() => {
       n == null || n.disconnect();
     }), (s, l) => (G(), te("div", {
-      class: "rounded-xl border border-base-neutral-100 p-1 flex items-center relative",
+      class: "rounded-xl border border-base-neutral-100 p-1 app-flex items-center relative",
       style: Ba({ gap: t.spacing + "px" })
     }, [
       (G(!0), te(hi, null, Cr(t.tabs, (d, u) => (G(), te("div", {
@@ -8483,7 +8483,7 @@ const dme = {
       }, null, 4)
     ], 4));
   }
-}), fH = { class: "rounded-sm border bg-surface-300 text-sm gap-1 border-base-neutral-100 justify-between px-2 py-1 text-base-neutral-600 flex items-center relative" }, CH = ["onClick"], cme = /* @__PURE__ */ Ne({
+}), fH = { class: "rounded-sm border bg-surface-300 text-sm gap-1 border-base-neutral-100 justify-between px-2 py-1 text-base-neutral-600 app-flex items-center relative" }, CH = ["onClick"], cme = /* @__PURE__ */ Ne({
   __name: "Dropdown",
   props: /* @__PURE__ */ Qi({
     id: {},
@@ -8526,7 +8526,7 @@ const dme = {
         }),
         option: ot(({ isActive: o, option: s, select: l }) => [
           Le("div", {
-            class: "h-8 bg-surface-300 hover:bg-white cursor-pointer flex items-center text-base-neutral-600 text-sm px-2",
+            class: "h-8 bg-surface-300 hover:bg-white cursor-pointer app-flex items-center text-base-neutral-600 text-sm px-2",
             onClick: (d) => l(s)
           }, vt(s.label), 9, CH)
         ]),
@@ -8534,7 +8534,7 @@ const dme = {
       }, 16, ["modelValue"])
     ]));
   }
-}), yH = { class: "flex items-center w-max" }, xH = ["data-tooltip-background"], bH = /* @__PURE__ */ Ne({
+}), yH = { class: "app-flex items-center w-max" }, xH = ["data-tooltip-background"], bH = /* @__PURE__ */ Ne({
   __name: "DurationTimeline",
   props: {
     items: {}
@@ -8566,7 +8566,7 @@ const dme = {
       ]);
     };
   }
-}), hme = /* @__PURE__ */ id(bH, [["__scopeId", "data-v-37d6f82a"]]);
+}), hme = /* @__PURE__ */ id(bH, [["__scopeId", "data-v-55d8650d"]]);
 var SH = {
   "[object Array]": "array",
   "[object Date]": "date",
@@ -77256,7 +77256,7 @@ const Vve = { class: "w-full relative" }, Sme = /* @__PURE__ */ Ne({
       ]), 1032, ["class", "data-source", "word-wrap-enabled", "remote-operations", "key-expr"])) : We("", !0)
     ]));
   }
-}), Nve = { class: "h-24 flex items-center justify-between px-6 border-b border-base-neutral-100" }, Hve = { class: "flex gap-4 items-center" }, $ve = /* @__PURE__ */ Ne({
+}), Nve = { class: "h-24 app-flex items-center justify-between px-6 border-b border-base-neutral-100" }, Hve = { class: "app-flex gap-4 items-center" }, $ve = /* @__PURE__ */ Ne({
   __name: "Heading",
   props: {
     title: {},
@@ -77313,7 +77313,7 @@ const Vve = { class: "w-full relative" }, Sme = /* @__PURE__ */ Ne({
     jA(e, { ingoreOverflowHidden: !0 });
     const i = t, r = mt(() => {
       const n = [
-        "fixed top-0 h-dvh w-full flex flex-col bg-white shadow-lg z-10002 overflow-auto",
+        "fixed top-0 h-dvh w-full app-flex flex-col bg-white shadow-lg z-10002 overflow-auto",
         i.position === "start" ? "start-0" : "end-0"
       ];
       return $a(...n, i.classList);
@@ -77359,13 +77359,13 @@ const Vve = { class: "w-full relative" }, Sme = /* @__PURE__ */ Ne({
       }, 8, ["name"])
     ]));
   }
-}), zve = { class: "flex justify-between items-center gap-x-10 gap-y-3 flex-wrap w-full" }, Gve = { class: "flex items-center gap-2" }, Uve = ["value"], Kve = { class: "flex items-center gap-2" }, qve = {
+}), zve = { class: "app-flex justify-between items-center gap-x-10 gap-y-3 flex-wrap w-full" }, Gve = { class: "app-flex items-center gap-2" }, Uve = ["value"], Kve = { class: "app-flex items-center gap-2" }, qve = {
   key: 1,
   class: "pagination-button non-interactive"
 }, jve = ["onClick"], Yve = {
   key: 2,
   class: "pagination-button non-interactive"
-}, Xve = { class: "flex items-center gap-2" }, Zve = ["max"], Qve = /* @__PURE__ */ Ne({
+}, Xve = { class: "app-flex items-center gap-2" }, Zve = ["max"], Qve = /* @__PURE__ */ Ne({
   __name: "Pagination",
   props: /* @__PURE__ */ Qi({
     total: {},
@@ -77498,7 +77498,7 @@ const Vve = { class: "w-full relative" }, Sme = /* @__PURE__ */ Ne({
       ])
     ]));
   }
-}), wme = /* @__PURE__ */ id(Qve, [["__scopeId", "data-v-f0622229"]]), Jve = {
+}), wme = /* @__PURE__ */ id(Qve, [["__scopeId", "data-v-c63c9c13"]]), Jve = {
   key: 0,
   class: "w-4.5 aspect-square rounded-full bg-primary-orange-500"
 }, eme = /* @__PURE__ */ Ne({
@@ -77514,7 +77514,7 @@ const Vve = { class: "w-full relative" }, Sme = /* @__PURE__ */ Ne({
   setup(t) {
     const e = gi(t, "modelValue"), i = mt(() => t.value == e.value);
     return (r, a) => (G(), te("div", {
-      class: "h-10 rounded-full bg-surface-100 cursor-pointer border ps-1.5 pe-5 border-base-neutral-100 flex items-center justify-between whitespace-nowrap gap-2",
+      class: "h-10 rounded-full bg-surface-100 cursor-pointer border ps-1.5 pe-5 border-base-neutral-100 app-flex items-center justify-between whitespace-nowrap gap-2",
       onClick: a[0] || (a[0] = (n) => e.value = t.value)
     }, [
       Le("div", {
@@ -77557,7 +77557,7 @@ const Vve = { class: "w-full relative" }, Sme = /* @__PURE__ */ Ne({
         labelClassList: t.labelClassList
       }, null, 8, ["forId", "label", "required", "labelClassList"]),
       Le("div", {
-        class: st(["flex gap-x-2 gap-y-3 flex-wrap", t.direction === "horizontal" ? "flex-row" : "flex-col"])
+        class: st(["app-flex gap-x-2 gap-y-3 flex-wrap", t.direction === "horizontal" ? "flex-row" : "flex-col"])
       }, [
         (G(!0), te(hi, null, Cr(t.options, (a) => (G(), Je(eme, {
           key: a.value,