@lax-wp/design-system 0.5.24 → 0.5.25

package/dist/index.es.js

@@ -1,8 +1,8 @@
 import { jsx as n, jsxs as w, Fragment as vA } from "react/jsx-runtime";
 import { AnimatePresence as BA, motion as kA } from "framer-motion";
 import lA, { forwardRef as xA, useRef as iA, useState as E, useEffect as $, useMemo as cA, createElement as ba, useCallback as pA, createContext as Kt, useContext as Qe, useLayoutEffect as ga, useImperativeHandle as xa, Suspense as si, Fragment as di, memo as ya } from "react";
-import { useTranslation as LA } from "react-i18next";
-import { Tooltip as SA, Select as ci, Skeleton as wr, Checkbox as wa, Dropdown as Ve, DatePicker as Pr, Modal as ui, Upload as Pa, Popover as fi, Drawer as pi } from "antd";
+import { useTranslation as NA } from "react-i18next";
+import { Tooltip as MA, Select as ci, Skeleton as wr, Checkbox as wa, Dropdown as Ve, DatePicker as Pr, Modal as ui, Upload as Pa, Popover as fi, Drawer as pi } from "antd";
 import * as Yt from "@mui/icons-material";
 import { BoltOutlined as ne, NoteAddOutlined as pe, CloseRounded as Qr, TableChartRounded as Ca, ChevronLeftRounded as hi, ChevronRightRounded as mi, OpenInFull as vi, DescriptionRounded as bi, ArrowUpwardRounded as gi, ArrowDownwardRounded as xi, Timer as yi, DoDisturbRounded as wi, Pending as Pi, PlayArrowRounded as Ci, RemoveCircleOutline as ki, SearchRounded as mn, KeyboardArrowUpRounded as Hi, KeyboardArrowDownRounded as Di, AddRounded as Si, RemoveRounded as Ni, ZoomOutMapRounded as Li, ChevronLeft as zi, Lock as Mi, Close as Ti, GroupsOutlined as Xi, Numbers as Oi, LocalOfferOutlined as Ui, SubjectOutlined as Vi, Schedule as qi, AttachMoney as Fi, MailOutline as Wi, CalendarMonth as Ei, FormatListBulleted as ji, Rule as Qi, VpnKeyOffOutlined as Ri, VisibilityOutlined as Ki, VisibilityOffOutlined as Yi } from "@mui/icons-material";
 import Zi, { createPortal as Se } from "react-dom";
@@ -150,7 +150,7 @@ const q = /* @__PURE__ */ Ne(Yl), G = ({
   return /* @__PURE__ */ n("div", { className: f, onClick: r, style: l, children: A });
 };
 G.displayName = "Typography";
-const Zl = ({ isConditional: A }) => /* @__PURE__ */ n("span", { className: `${A ? "text-yellow-500" : "text-red-500"}`, children: "*" }), zA = ({ label: A, required: e, isRequiredConditional: t }) => /* @__PURE__ */ w(
+const Zl = ({ isConditional: A }) => /* @__PURE__ */ n("span", { className: `${A ? "text-yellow-500" : "text-red-500"}`, children: "*" }), LA = ({ label: A, required: e, isRequiredConditional: t }) => /* @__PURE__ */ w(
   G,
   {
     variant: "medium",
@@ -230,7 +230,7 @@ const Zl = ({ isConditional: A }) => /* @__PURE__ */ n("span", { className: `${A
         {
           htmlFor: k,
           className: "mb-1 text-xs font-medium text-gray-600 dark:text-gray-300 inline-flex items-center gap-1",
-          children: /* @__PURE__ */ n("div", { className: "flex flex-wrap items-center justify-between w-full", children: /* @__PURE__ */ n("div", { className: "inline-flex flex-wrap items-center gap-1", children: /* @__PURE__ */ n(zA, { label: u || "", required: d || !1 }) }) })
+          children: /* @__PURE__ */ n("div", { className: "flex flex-wrap items-center justify-between w-full", children: /* @__PURE__ */ n("div", { className: "inline-flex flex-wrap items-center gap-1", children: /* @__PURE__ */ n(LA, { label: u || "", required: d || !1 }) }) })
         }
       ) : null,
       /* @__PURE__ */ w("div", { className: "relative input-field", children: [
@@ -1026,7 +1026,7 @@ const YA = ({ labels: A = [] }) => {
     onAddGTNToDocument: X,
     ...T
   }, U) => {
-    const { t: N } = LA(), [V, F] = E(!1), [j, Q] = E(!1), R = (W) => {
+    const { t: N } = NA(), [V, F] = E(!1), [j, Q] = E(!1), R = (W) => {
       X && X({
         key: H,
         value: W
@@ -1069,8 +1069,8 @@ const YA = ({ labels: A = [] }) => {
                 className: `mb-1 text-xs font-medium text-gray-600 inline-flex items-center gap-1 ${h ? "" : "capitalize"} ${P || "!uppercse"}`,
                 children: /* @__PURE__ */ w("div", { className: "flex flex-wrap items-center justify-between w-full", children: [
                   /* @__PURE__ */ w("div", { className: "inline-flex flex-wrap items-center gap-1", children: [
-                    /* @__PURE__ */ n(zA, { label: e || "", required: o || !1, isRequiredConditional: i || !1 }),
-                    x?.length > 0 && x !== T.value && /* @__PURE__ */ n(SA, { placement: "top", title: x, children: /* @__PURE__ */ n(
+                    /* @__PURE__ */ n(LA, { label: e || "", required: o || !1, isRequiredConditional: i || !1 }),
+                    x?.length > 0 && x !== T.value && /* @__PURE__ */ n(MA, { placement: "top", title: x, children: /* @__PURE__ */ n(
                       "button",
                       {
                         className: "cursor-pointer",
@@ -1097,7 +1097,7 @@ const YA = ({ labels: A = [] }) => {
                     ),
                     m && /* @__PURE__ */ n(ae, {}),
                     /* @__PURE__ */ n(YA, { labels: s }),
-                    b && /* @__PURE__ */ n(SA, { placement: "top", title: b, children: /* @__PURE__ */ n("div", { className: "cursor-pointer", children: /* @__PURE__ */ n(KA, {}) }) })
+                    b && /* @__PURE__ */ n(MA, { placement: "top", title: b, children: /* @__PURE__ */ n("div", { className: "cursor-pointer", children: /* @__PURE__ */ n(KA, {}) }) })
                   ] }),
                   y && j && X ? /* @__PURE__ */ n(
                     "button",
@@ -1106,7 +1106,7 @@ const YA = ({ labels: A = [] }) => {
                       className: "cursor-pointer",
                       onClick: () => R(T?.value),
                       type: "button",
-                      children: /* @__PURE__ */ n(SA, { placement: "top", title: N("Add to document"), children: /* @__PURE__ */ n(
+                      children: /* @__PURE__ */ n(MA, { placement: "top", title: N("Add to document"), children: /* @__PURE__ */ n(
                         pe,
                         {
                           className: "text-primary-600",
@@ -1273,7 +1273,7 @@ const U9 = xA(
               capitalize: !p
             }
           ),
-          children: /* @__PURE__ */ n(zA, { label: A || "", required: s || !1 })
+          children: /* @__PURE__ */ n(LA, { label: A || "", required: s || !1 })
         }
       ),
       /* @__PURE__ */ n(
@@ -1396,7 +1396,7 @@ const U9 = xA(
     onAddGTNToDocument: L,
     ...z
   }, O) => {
-    const { t: X } = LA(), [T, U] = E(!1), N = () => {
+    const { t: X } = NA(), [T, U] = E(!1), N = () => {
       L && L({
         key: v,
         value: t || ""
@@ -1423,7 +1423,7 @@ const U9 = xA(
                 className: `mb-1 text-xs font-medium text-gray-600 dark:text-black-300 inline-flex items-center gap-1 ${g ? "" : "capitalize"} ${S || ""}`,
                 children: /* @__PURE__ */ w("div", { className: "w-full flex items-center justify-between flex-wrap", children: [
                   /* @__PURE__ */ w("div", { className: "inline-flex items-center gap-1 flex-wrap", children: [
-                    /* @__PURE__ */ n(zA, { label: A || "", required: l || !1, isRequiredConditional: s || !1 }),
+                    /* @__PURE__ */ n(LA, { label: A || "", required: l || !1, isRequiredConditional: s || !1 }),
                     M && /* @__PURE__ */ n(
                       ne,
                       {
@@ -1436,7 +1436,7 @@ const U9 = xA(
                     ),
                     x && /* @__PURE__ */ n(ae, {}),
                     /* @__PURE__ */ n(YA, { labels: c || [] }),
-                    b && /* @__PURE__ */ n(SA, { placement: "top", title: b, children: /* @__PURE__ */ n(
+                    b && /* @__PURE__ */ n(MA, { placement: "top", title: b, children: /* @__PURE__ */ n(
                       "div",
                       {
                         className: "cursor-pointer",
@@ -1456,7 +1456,7 @@ const U9 = xA(
                       className: "cursor-pointer",
                       onClick: N,
                       type: "button",
-                      children: /* @__PURE__ */ n(SA, { placement: "top", title: X("Add to document"), children: /* @__PURE__ */ n(
+                      children: /* @__PURE__ */ n(MA, { placement: "top", title: X("Add to document"), children: /* @__PURE__ */ n(
                         pe,
                         {
                           className: "text-primary-600",
@@ -1627,7 +1627,7 @@ const QA = ({
     MasterDataModal: U,
     parseMasterDataFormula: N
   }, V) => {
-    const { t: F } = LA(), [j, Q] = E(!1), [R, W] = E(null), [I, _] = E(!1), [K, tA] = E(""), [Z, Y] = E(null), eA = iA(null), dA = V || eA;
+    const { t: F } = NA(), [j, Q] = E(!1), [R, W] = E(null), [I, _] = E(!1), [K, tA] = E(""), [Z, Y] = E(null), eA = iA(null), dA = V || eA;
     $(() => {
       W(r);
     }, [b]), $(() => {
@@ -1650,7 +1650,7 @@ const QA = ({
         key: y,
         value: bA
       });
-    }, MA = () => {
+    }, zA = () => {
       const bA = "border h-[32px] text-sm rounded-lg block w-full p-2.5 font-inter font-medium", XA = o ? "border-red-300" : L && C?.color ? `border-${C?.color}-300` : "border-gray-300 dark:border-black-600", le = "placeholder:text-neutral-900 dark:placeholder:text-black-400", Le = `${L && C?.color ? `bg-${C?.color}-50` : "bg-gray-200 dark:bg-black-600 "} ${h || "text-neutral-900 dark:text-black-200"}`;
       return `${bA} ${XA} ${Le} ${le}`;
     }, VA = () => R !== null ? R : u && N ? N(u, M) : r;
@@ -1676,7 +1676,7 @@ const QA = ({
                 className: `text-xs font-medium text-gray-600 inline-flex items-center gap-1 ${x ? "" : "capitalize"} ${m || ""}`,
                 children: /* @__PURE__ */ w("div", { className: "w-full flex items-center justify-between flex-wrap", children: [
                   /* @__PURE__ */ w("div", { className: "inline-flex items-center gap-1 flex-wrap", children: [
-                    /* @__PURE__ */ n(zA, { label: e || "", required: l || !1, isRequiredConditional: s || !1 }),
+                    /* @__PURE__ */ n(LA, { label: e || "", required: l || !1, isRequiredConditional: s || !1 }),
                     P && /* @__PURE__ */ n(
                       ne,
                       {
@@ -1705,7 +1705,7 @@ const QA = ({
                       className: "cursor-pointer",
                       onClick: () => uA(r?.toString() || ""),
                       type: "button",
-                      children: /* @__PURE__ */ n(SA, { placement: "top", title: F("Add to document"), children: /* @__PURE__ */ n(
+                      children: /* @__PURE__ */ n(MA, { placement: "top", title: F("Add to document"), children: /* @__PURE__ */ n(
                         pe,
                         {
                           sx: {
@@ -1727,7 +1727,7 @@ const QA = ({
                   ref: dA,
                   required: l,
                   placeholder: t,
-                  className: MA(),
+                  className: zA(),
                   onChange: (bA) => {
                     a(bA.target.value, Z), W(bA.target?.value);
                   },
@@ -1913,7 +1913,7 @@ const ls = (A) => Array.isArray(A) ? A.map((e) => typeof e == "string" || typeof
     isLiveField: j = !1,
     ...Q
   }, R) => {
-    const { t: W } = LA(), [I, _] = E(!1), K = iA(null), [tA, Z] = E(!1), [Y, eA] = E(""), dA = () => {
+    const { t: W } = NA(), [I, _] = E(!1), K = iA(null), [tA, Z] = E(!1), [Y, eA] = E(""), dA = () => {
       if (V) {
         let oA = "";
         sA == null ? oA = "" : typeof sA == "string" || typeof sA == "number" ? oA = String(sA) : Array.isArray(sA) ? oA = sA.map((mA) => typeof mA == "object" && mA !== null && "value" in mA ? mA.value : mA).join(", ") : typeof sA == "object" && "value" in sA && (oA = String(sA.value)), V({
@@ -1952,7 +1952,7 @@ const ls = (A) => Array.isArray(A) ? A.map((e) => typeof e == "string" || typeof
       options: a,
       value: e,
       defaultValue: Q?.defaultValue
-    }), uA = cA(() => J.length > 0 || sA != null, [J, sA]), MA = cA(() => {
+    }), uA = cA(() => J.length > 0 || sA != null, [J, sA]), zA = cA(() => {
       if (!t || t !== "multiple" || J.length === 0) return !1;
       const oA = Array.isArray(sA) ? sA : [];
       return J.map((mA) => mA.value).every(
@@ -1961,7 +1961,7 @@ const ls = (A) => Array.isArray(A) ? A.map((e) => typeof e == "string" || typeof
         )
       );
     }, [sA, J, t]), VA = () => {
-      !t || t !== "multiple" || !b || b(MA ? [] : J);
+      !t || t !== "multiple" || !b || b(zA ? [] : J);
     }, bA = pA((oA) => {
       if (!oA) return;
       const gA = new Event("submit", { bubbles: !0, cancelable: !0 });
@@ -2029,7 +2029,7 @@ const ls = (A) => Array.isArray(A) ? A.map((e) => typeof e == "string" || typeof
                     className: `text-xs font-medium text-gray-600 dark:text-black-300 inline-flex items-center gap-1 ${d ? "" : "capitalize"} ${L || ""}`,
                     children: /* @__PURE__ */ w("div", { className: "w-full flex items-center justify-between flex-wrap", children: [
                       /* @__PURE__ */ w("div", { className: "inline-flex items-center gap-1 flex-wrap", children: [
-                        /* @__PURE__ */ n(zA, { label: A || "", required: o || !1, isRequiredConditional: F || !1 }),
+                        /* @__PURE__ */ n(LA, { label: A || "", required: o || !1, isRequiredConditional: F || !1 }),
                         j && /* @__PURE__ */ n(
                           ne,
                           {
@@ -2042,7 +2042,7 @@ const ls = (A) => Array.isArray(A) ? A.map((e) => typeof e == "string" || typeof
                         ),
                         u && /* @__PURE__ */ n(ae, {}),
                         /* @__PURE__ */ n(YA, { labels: i }),
-                        c && /* @__PURE__ */ n(SA, { placement: "top", title: c, children: /* @__PURE__ */ n(
+                        c && /* @__PURE__ */ n(hA, { placement: "top", title: c, children: /* @__PURE__ */ n(
                           "div",
                           {
                             className: "cursor-pointer",
@@ -2062,7 +2062,7 @@ const ls = (A) => Array.isArray(A) ? A.map((e) => typeof e == "string" || typeof
                           className: "cursor-pointer",
                           onClick: dA,
                           type: "button",
-                          children: /* @__PURE__ */ n(SA, { placement: "top", title: W("Add to document"), children: /* @__PURE__ */ n(pe, { className: "text-primary-600", sx: { fontSize: 16 } }) })
+                          children: /* @__PURE__ */ n(hA, { placement: "top", title: W("Add to document"), children: /* @__PURE__ */ n(pe, { className: "text-primary-600", sx: { fontSize: 16 } }) })
                         }
                       ) : null
                     ] })
@@ -2102,7 +2102,7 @@ const ls = (A) => Array.isArray(A) ? A.map((e) => typeof e == "string" || typeof
                         options: J,
                         searchValue: Y,
                         handleSelectAll: VA,
-                        isAllSelected: MA,
+                        isAllSelected: zA,
                         menu: oA,
                         isLoading: m,
                         hasExistingData: uA,
@@ -2149,18 +2149,10 @@ const ls = (A) => Array.isArray(A) ? A.map((e) => typeof e == "string" || typeof
                     onClear: () => b && b(t === "tags" || t === "multiple" ? [] : null),
                     maxTagCount: t === "tags" && M ? void 0 : "responsive",
                     maxTagPlaceholder: (oA) => /* @__PURE__ */ n(
-                      SA,
+                      hA,
                       {
-                        styles: {
-                          root: {
-                            zIndex: 5002
-                          }
-                        },
-                        trigger: "hover",
+                        placement: "top",
                         title: oA.length > 3 ? oA.slice(0, 3).map(({ label: gA }) => gA).join(", ") + "..." : oA.map(({ label: gA }) => gA).join(", "),
-                        overlayStyle: {
-                          pointerEvents: "none"
-                        },
                         children: /* @__PURE__ */ w("span", { children: [
                           "+",
                           oA.length,
@@ -2702,9 +2694,9 @@ const Br = () => {
         htmlFor: "text",
         className: `mb-1 ${m ? "text-black-300" : "text-neutral-600"} inline-flex items-center gap-1 ${b ? "" : "capitalize"}`,
         children: [
-          /* @__PURE__ */ n(zA, { label: e || "", required: c || !1 }),
+          /* @__PURE__ */ n(LA, { label: e || "", required: c || !1 }),
           /* @__PURE__ */ n(YA, { labels: p }),
-          f && /* @__PURE__ */ n(SA, { placement: "top", title: f, children: /* @__PURE__ */ n("div", { className: "cursor-pointer", children: /* @__PURE__ */ n(KA, {}) }) })
+          f && /* @__PURE__ */ n(MA, { placement: "top", title: f, children: /* @__PURE__ */ n("div", { className: "cursor-pointer", children: /* @__PURE__ */ n(KA, {}) }) })
         ]
       }
     ),
@@ -3000,7 +2992,7 @@ const Jr = ({
       ),
       id: A,
       children: [
-        i || !e ? null : /* @__PURE__ */ n(zA, { label: e || "", required: s || !1 }),
+        i || !e ? null : /* @__PURE__ */ n(LA, { label: e || "", required: s || !1 }),
         /* @__PURE__ */ n(
           Ji,
           {
@@ -3443,7 +3435,7 @@ const Ta = ({
     hideSearchIcon: g,
     allowAStarSearch: x = !1,
     ...h
-  } = A, { t: v } = LA(), [m, y] = E(!1), [H, S] = E("search"), M = iA(null), { searchCount: P, searchPointer: k, setSearchPointer: D } = b || {}, C = () => {
+  } = A, { t: v } = NA(), [m, y] = E(!1), [H, S] = E("search"), M = iA(null), { searchCount: P, searchPointer: k, setSearchPointer: D } = b || {}, C = () => {
     y(!0), S(c || t || v("Search"));
     const z = u || M;
     z.current && z.current.focus();
@@ -3600,7 +3592,7 @@ const ws = (A, e, t, r = "medium") => {
     renderGTNAddButton: C,
     onAddGTNToDocument: L
   }, z) => {
-    const { t: O } = LA(), X = s === $e.TOP, T = s === $e.LEFT, U = s === $e.RIGHT, [N, V] = E(!1), F = () => {
+    const { t: O } = NA(), X = s === $e.TOP, T = s === $e.LEFT, U = s === $e.RIGHT, [N, V] = E(!1), F = () => {
       L && L({
         key: v,
         value: e ? "Yes" : "No"
@@ -3631,7 +3623,7 @@ const ws = (A, e, t, r = "medium") => {
                     y
                   ),
                   children: [
-                    /* @__PURE__ */ n(zA, { label: a || "", required: o || !1, isRequiredConditional: i || !1 }),
+                    /* @__PURE__ */ n(LA, { label: a || "", required: o || !1, isRequiredConditional: i || !1 }),
                     H && /* @__PURE__ */ n(ne, { sx: { fontSize: 16, color: "var(--color-primary-600)", rotate: "15deg" } }),
                     f && /* @__PURE__ */ n(ae, {}),
                     /* @__PURE__ */ n(YA, { labels: u || [] }),
@@ -3646,7 +3638,7 @@ const ws = (A, e, t, r = "medium") => {
                   className: "cursor-pointer",
                   onClick: F,
                   type: "button",
-                  children: /* @__PURE__ */ n(SA, { placement: "top", title: O("Add to document"), children: /* @__PURE__ */ n(pe, { className: "text-primary-600", sx: { fontSize: 16 } }) })
+                  children: /* @__PURE__ */ n(MA, { placement: "top", title: O("Add to document"), children: /* @__PURE__ */ n(pe, { className: "text-primary-600", sx: { fontSize: 16 } }) })
                 }
               ) : null
             ] }),
@@ -4091,7 +4083,7 @@ const Cr = (A, e) => {
     RiskDetailsCard: X,
     ...T
   }, U) => {
-    const { t: N } = LA(), [V, F] = E(!1), [j, Q] = E([]), [R, W] = E(""), [I, _] = E(
+    const { t: N } = NA(), [V, F] = E(!1), [j, Q] = E([]), [R, W] = E(""), [I, _] = E(
       y || "USD"
     ), [K, tA] = E(!1), Z = (B) => {
       L && L({
@@ -4108,14 +4100,14 @@ const Cr = (A, e) => {
     }, eA = (B) => {
       const J = B.target.value, uA = J === "" || J === null || J === void 0 ? 0 : Number(J);
       r(uA, I);
-      const MA = document.getElementById(A);
-      if (MA && MA.setAttribute(
+      const zA = document.getElementById(A);
+      if (zA && zA.setAttribute(
         "data-selected-value",
         JSON.stringify({
           value: uA,
           currency_code: I
         })
-      ), MA && (D || C)) {
+      ), zA && (D || C)) {
         const VA = new CustomEvent("pilot-change", {
           bubbles: !0,
           detail: {
@@ -4127,7 +4119,7 @@ const Cr = (A, e) => {
             type: "change"
           }
         });
-        MA.dispatchEvent(VA);
+        zA.dispatchEvent(VA);
       }
     }, dA = () => {
       F(!0);
@@ -4234,7 +4226,7 @@ const Cr = (A, e) => {
                 className: `mb-1 text-xs font-medium text-gray-600 inline-flex items-center gap-1 ${d ? "" : "uppercase"} ${S || ""}`,
                 children: /* @__PURE__ */ w("div", { className: "w-full flex items-center justify-between flex-wrap", children: [
                   /* @__PURE__ */ w("div", { className: "inline-flex items-center gap-1 flex-wrap", children: [
-                    /* @__PURE__ */ n(zA, { label: e || "", required: i || !1, isRequiredConditional: l || !1 }),
+                    /* @__PURE__ */ n(LA, { label: e || "", required: i || !1, isRequiredConditional: l || !1 }),
                     M && /* @__PURE__ */ n(
                       ne,
                       {
@@ -4256,7 +4248,7 @@ const Cr = (A, e) => {
                       className: "cursor-pointer",
                       onClick: () => Z(Y(t)),
                       type: "button",
-                      children: /* @__PURE__ */ n(SA, { placement: "top", title: N("Add to document"), children: /* @__PURE__ */ n(
+                      children: /* @__PURE__ */ n(MA, { placement: "top", title: N("Add to document"), children: /* @__PURE__ */ n(
                         pe,
                         {
                           className: "text-primary-600",
@@ -5017,7 +5009,7 @@ const CA = /* @__PURE__ */ Ne(Ts), { RangePicker: Pn } = Pr, Xs = {
       }
     )
   ] }) : /* @__PURE__ */ w("div", { id: s, className: q("flex flex-col", l), children: [
-    /* @__PURE__ */ n(zA, { label: r || "", required: t || !1 }),
+    /* @__PURE__ */ n(LA, { label: r || "", required: t || !1 }),
     /* @__PURE__ */ n(
       Pn,
       {
@@ -5153,8 +5145,8 @@ function qs() {
                 if (["x", "X"].indexOf(N) > -1) return new Date((N === "X" ? 1e3 : 1) * U);
                 var j = g(N)(U), Q = j.year, R = j.month, W = j.day, I = j.hours, _ = j.minutes, K = j.seconds, tA = j.milliseconds, Z = j.zone, Y = j.week, eA = /* @__PURE__ */ new Date(), dA = W || (Q || R ? 1 : eA.getDate()), sA = Q || eA.getFullYear(), HA = 0;
                 Q && !R || (HA = R > 0 ? R - 1 : eA.getMonth());
-                var B, J = I || 0, uA = _ || 0, MA = K || 0, VA = tA || 0;
-                return Z ? new Date(Date.UTC(sA, HA, dA, J, uA, MA, VA + 60 * Z.offset * 1e3)) : V ? new Date(Date.UTC(sA, HA, dA, J, uA, MA, VA)) : (B = new Date(sA, HA, dA, J, uA, MA, VA), Y && (B = F(B).week(Y).toDate()), B);
+                var B, J = I || 0, uA = _ || 0, zA = K || 0, VA = tA || 0;
+                return Z ? new Date(Date.UTC(sA, HA, dA, J, uA, zA, VA + 60 * Z.offset * 1e3)) : V ? new Date(Date.UTC(sA, HA, dA, J, uA, zA, VA)) : (B = new Date(sA, HA, dA, J, uA, zA, VA), Y && (B = F(B).week(Y).toDate()), B);
               } catch {
                 return /* @__PURE__ */ new Date("");
               }
@@ -5449,7 +5441,7 @@ const _s = "MM/DD/YYYY", ir = "MM/DD/YYYY - hh:mm A", Nn = "YYYY-MM-DD", Ln = "Y
     formatDateForGTN: C,
     ...L
   }, z) => {
-    const { t: O } = LA(), [X, T] = E(!1), [U, N] = E(null), [V, F] = E(
+    const { t: O } = NA(), [X, T] = E(!1), [U, N] = E(null), [V, F] = E(
       null
     ), j = p || (s ? ir : _s), Q = L?.id || `date-picker-${t1()}`, R = iA(null);
     zn("paste", (Z) => {
@@ -5664,7 +5656,7 @@ const _s = "MM/DD/YYYY", ir = "MM/DD/YYYY - hh:mm A", Nn = "YYYY-MM-DD", Ln = "Y
                 className: `mb-1 text-xs font-medium text-gray-600 inline-flex items-center gap-1 ${f ? "" : "capitalize"} ${H || ""}`,
                 children: /* @__PURE__ */ w("div", { className: "w-full flex items-center justify-between flex-wrap", children: [
                   /* @__PURE__ */ w("div", { className: "inline-flex items-center gap-1 flex-wrap", children: [
-                    /* @__PURE__ */ n(zA, { label: A || "", required: t || !1, isRequiredConditional: r || !1 }),
+                    /* @__PURE__ */ n(LA, { label: A || "", required: t || !1, isRequiredConditional: r || !1 }),
                     S && /* @__PURE__ */ n(
                       ne,
                       {
@@ -5686,7 +5678,7 @@ const _s = "MM/DD/YYYY", ir = "MM/DD/YYYY - hh:mm A", Nn = "YYYY-MM-DD", Ln = "Y
                       className: "cursor-pointer",
                       onClick: () => W(e),
                       type: "button",
-                      children: /* @__PURE__ */ n(SA, { placement: "top", title: O("Add to document"), children: /* @__PURE__ */ n(
+                      children: /* @__PURE__ */ n(MA, { placement: "top", title: O("Add to document"), children: /* @__PURE__ */ n(
                         pe,
                         {
                           className: "text-primary-600",
@@ -5788,7 +5780,7 @@ const n1 = ({
         htmlFor: A,
         className: "block mb-1 text-xs font-medium leading-[18px] text-neutral-600 dark:text-black-300 font-inter capitalize",
         children: [
-          /* @__PURE__ */ n(zA, { label: e || "", required: a || !1 }),
+          /* @__PURE__ */ n(LA, { label: e || "", required: a || !1 }),
           /* @__PURE__ */ n(YA, { labels: i })
         ]
       }
@@ -5874,7 +5866,7 @@ const a1 = xA(
     showDeprecatedFieldWarning: z,
     DynamicDataModal: O
   }, X) => {
-    const { t: T } = LA(), [U, N] = E(!1), [V, F] = E(r), [j, Q] = E(!1), R = iA(null), W = X || R, I = () => {
+    const { t: T } = NA(), [U, N] = E(!1), [V, F] = E(r), [j, Q] = E(!1), R = iA(null), W = X || R, I = () => {
       L?.(!j), Q(!j);
     }, _ = (Y) => {
       if (Y.keyCode === 9 || Y.key === "Enter") {
@@ -5916,7 +5908,7 @@ const a1 = xA(
                 className: `text-xs font-medium text-gray-600 inline-flex items-center gap-1 ${p ? "" : "capitalize"} ${v || ""}`,
                 children: /* @__PURE__ */ w("div", { className: "w-full flex items-center justify-between flex-wrap", children: [
                   /* @__PURE__ */ w("div", { className: "inline-flex items-center gap-1 flex-wrap", children: [
-                    /* @__PURE__ */ n(zA, { label: e || "", required: l || !1, isRequiredConditional: s || !1 }),
+                    /* @__PURE__ */ n(LA, { label: e || "", required: l || !1, isRequiredConditional: s || !1 }),
                     y && /* @__PURE__ */ n(
                       ne,
                       {
@@ -5938,7 +5930,7 @@ const a1 = xA(
                       className: "cursor-pointer",
                       onClick: () => tA(r?.toString() || ""),
                       type: "button",
-                      children: /* @__PURE__ */ n(SA, { placement: "top", title: T("Add to document"), children: /* @__PURE__ */ n(
+                      children: /* @__PURE__ */ n(MA, { placement: "top", title: T("Add to document"), children: /* @__PURE__ */ n(
                         pe,
                         {
                           sx: {
@@ -7319,7 +7311,7 @@ const aA = {
     selectedItemsCount: o,
     deleteConfig: i,
     showActionBg: l
-  } = A, { t: s } = LA(), [c, d] = E(!1), [u, f] = E(!0), p = iA(null), b = iA(null);
+  } = A, { t: s } = NA(), [c, d] = E(!1), [u, f] = E(!0), p = iA(null), b = iA(null);
   $(() => {
     const h = new ResizeObserver(() => {
       if (p.current && b.current) {
@@ -8167,7 +8159,7 @@ const C1 = () => /* @__PURE__ */ n("svg", { width: "16", height: "16", viewBox:
     try {
       const B = new Blob([A], { type: dA(i)?.type }), J = URL.createObjectURL(B), uA = document.createElement("a");
       uA.href = J;
-      const MA = dA(i)?.extension || "txt", VA = sA(MA, "txt");
+      const zA = dA(i)?.extension || "txt", VA = sA(zA, "txt");
       uA.download = sA(`code_${Date.now()}.${VA}`, `code_${Date.now()}.${VA}`), document.body.appendChild(uA), uA.click(), document.body.removeChild(uA), URL.revokeObjectURL(J);
     } catch (B) {
       const J = B;
@@ -8390,7 +8382,7 @@ const C1 = () => /* @__PURE__ */ n("svg", { width: "16", height: "16", viewBox:
           htmlFor: "text",
           className: `mb-1 text-black-300 dark:text-black-300 inline-flex items-center gap-1 flex-wrap ${l ? "" : "capitalize"}`,
           children: [
-            /* @__PURE__ */ n(zA, { label: t || "", required: c || !1 }),
+            /* @__PURE__ */ n(LA, { label: t || "", required: c || !1 }),
             h && /* @__PURE__ */ n(ae, {}),
             /* @__PURE__ */ n(YA, { labels: u }),
             b && /* @__PURE__ */ n(hA, { placement: "top", title: b, children: /* @__PURE__ */ n("div", { className: "cursor-pointer", children: /* @__PURE__ */ n(KA, {}) }) })
@@ -8492,7 +8484,7 @@ const Z1 = xA(
     placeholder: X,
     ...T
   }, U) => {
-    const { t: N } = LA(), [V, F] = E(!1), j = (Q) => {
+    const { t: N } = NA(), [V, F] = E(!1), j = (Q) => {
       C && C({
         key: H,
         value: Q
@@ -8545,7 +8537,7 @@ const Z1 = xA(
                 className: `mb-1 text-xs font-medium text-gray-600 dark:text-neutral-300 inline-flex items-center gap-1 ${g ? "" : "uppercase"} ${P || ""}`,
                 children: /* @__PURE__ */ w("div", { className: "w-full flex items-center justify-between flex-wrap", children: [
                   /* @__PURE__ */ w("div", { className: "inline-flex items-center gap-1 flex-wrap dark:text-black-300", children: [
-                    /* @__PURE__ */ n(zA, { label: e || "", required: c || !1, isRequiredConditional: d || !1 }),
+                    /* @__PURE__ */ n(LA, { label: e || "", required: c || !1, isRequiredConditional: d || !1 }),
                     k && /* @__PURE__ */ n(
                       ne,
                       {
@@ -8567,7 +8559,7 @@ const Z1 = xA(
                       className: "cursor-pointer",
                       onClick: () => j(t?.toString()),
                       type: "button",
-                      children: /* @__PURE__ */ n(SA, { placement: "top", title: N("Add to document"), children: /* @__PURE__ */ n(
+                      children: /* @__PURE__ */ n(MA, { placement: "top", title: N("Add to document"), children: /* @__PURE__ */ n(
                         pe,
                         {
                           className: "text-primary-600",
@@ -9069,7 +9061,7 @@ const Q9 = ({
         height: 240,
         children: ({ columnIndex: l, rowIndex: s, style: c }) => {
           const d = s * 5 + l, u = o?.[d];
-          return u ? /* @__PURE__ */ n("div", { style: { ...c, padding: "4px" }, children: /* @__PURE__ */ n(SA, { title: _1(u), children: /* @__PURE__ */ n(
+          return u ? /* @__PURE__ */ n("div", { style: { ...c, padding: "4px" }, children: /* @__PURE__ */ n(MA, { title: _1(u), children: /* @__PURE__ */ n(
             ul,
             {
               className: q(
@@ -9126,7 +9118,7 @@ const Q9 = ({
       onOpenChange: s,
       content: /* @__PURE__ */ n(A0, { onChange: e, selectedIcon: A, setOpen: s }),
       children: /* @__PURE__ */ w("div", { className: "flex flex-col gap-1", children: [
-        t ? /* @__PURE__ */ n(zA, { label: t || "", required: r || !1 }) : null,
+        t ? /* @__PURE__ */ n(LA, { label: t || "", required: r || !1 }) : null,
         /* @__PURE__ */ w(
           "button",
           {
@@ -10969,7 +10961,7 @@ const t6 = Qa, r6 = ({ icon: A, title: e, description: t, variant: r, className:
     onSelectResult: p,
     isLoading: b,
     ...g
-  } = A, { t: x } = LA(), [h, v] = E(t?.slice(0, 0)), [m, y] = E(0), [H, S] = E(!1), [M, P] = E("search"), [k, D] = E(!0), C = iA(null);
+  } = A, { t: x } = NA(), [h, v] = E(t?.slice(0, 0)), [m, y] = E(0), [H, S] = E(!1), [M, P] = E("search"), [k, D] = E(!0), C = iA(null);
   M0(a, f || C);
   const L = s ? (l || 0) + 1 : 0;
   $(() => {
@@ -15384,14 +15376,14 @@ const Vc = ({
       }
     );
     return l?.link ? /* @__PURE__ */ n(
-      SA,
+      MA,
       {
         title: a[s] ? l?.title : "",
         placement: "bottom",
         children: /* @__PURE__ */ n(ka, { to: l.link, className: "block truncate", children: d })
       }
     ) : /* @__PURE__ */ n(
-      SA,
+      MA,
       {
         title: a[s] ? l?.title : "",
         placement: "bottom",
@@ -15468,7 +15460,7 @@ const ce = {
   DEFAULT_VARIANT: ko,
   VARIANTS: ce
 }, Symbol.toStringTag, { value: "Module" }));
-var NA = /* @__PURE__ */ ((A) => (A.row = "row", A.column = "column", A))(NA || {});
+var SA = /* @__PURE__ */ ((A) => (A.row = "row", A.column = "column", A))(SA || {});
 const In = (A, e) => {
   let t = "0px", r;
   const a = () => A.reduce((o, i) => (o += typeof i == "number" ? i + "px " : i + " ", o), "");
@@ -15525,7 +15517,7 @@ const In = (A, e) => {
       `skeleton__${l}-${u}`
     )
   ), o = (i, l) => {
-    const s = l || "1", c = i.gridGap || Po, d = i.hasOwnProperty("children"), u = i.hasOwnProperty("skeletons"), f = i.repeatCount || Co, p = d ? pr(i.children, f) : [], b = i.direction === NA.row ? Ec(
+    const s = l || "1", c = i.gridGap || Po, d = i.hasOwnProperty("children"), u = i.hasOwnProperty("skeletons"), f = i.repeatCount || Co, p = d ? pr(i.children, f) : [], b = i.direction === SA.row ? Ec(
       (d ? p : pr(i.skeletons, f)).map(
         ({ w: x = Xt }) => ({
           w: x
@@ -15969,7 +15961,7 @@ const In = (A, e) => {
 }, u6 = lA.memo($c), _c = ({ count: A = 3 }) => {
   const e = cA(
     () => ({
-      direction: NA.column,
+      direction: SA.column,
       repeatCount: A,
       withOpacity: !0,
       gridGap: 0,
@@ -15981,7 +15973,7 @@ const In = (A, e) => {
             {
               w: "100%",
               h: "auto",
-              direction: NA.row,
+              direction: SA.row,
               className: "p-3",
               children: [
                 {
@@ -16021,7 +16013,7 @@ const In = (A, e) => {
 `, t2 = ({ width: A = "480px" }) => {
   const e = cA(
     () => ({
-      direction: NA.column,
+      direction: SA.column,
       repeatCount: 1,
       withOpacity: !0,
       gridGap: 16,
@@ -16031,7 +16023,7 @@ const In = (A, e) => {
           // Title and date section
           w: "100%",
           h: "auto",
-          direction: NA.column,
+          direction: SA.column,
           gridGap: 8,
           children: [
             {
@@ -16056,7 +16048,7 @@ const In = (A, e) => {
           // Description section
           w: "100%",
           h: "auto",
-          direction: NA.column,
+          direction: SA.column,
           gridGap: 8,
           children: [
             {
@@ -16081,7 +16073,7 @@ const In = (A, e) => {
           // Status and priority section
           w: "100%",
           h: "auto",
-          direction: NA.column,
+          direction: SA.column,
           gridGap: 12,
           children: [
             {
@@ -16104,7 +16096,7 @@ const In = (A, e) => {
 }, p6 = lA.memo(t2), r2 = ({ count: A = 3 }) => {
   const e = cA(
     () => ({
-      direction: NA.column,
+      direction: SA.column,
       repeatCount: A,
       withOpacity: !0,
       gridGap: 16,
@@ -16118,14 +16110,14 @@ const In = (A, e) => {
             {
               w: "100%",
               h: "auto",
-              direction: NA.row,
+              direction: SA.row,
               className: "mb-3",
               children: [
                 {
                   // Title section with icon
                   w: "70%",
                   h: "auto",
-                  direction: NA.row,
+                  direction: SA.row,
                   children: [
                     {
                       w: "24px",
@@ -16145,7 +16137,7 @@ const In = (A, e) => {
                   // Action buttons
                   w: "30%",
                   h: "auto",
-                  direction: NA.row,
+                  direction: SA.row,
                   children: [
                     {
                       w: "32px",
@@ -16177,13 +16169,13 @@ const In = (A, e) => {
             {
               w: "100%",
               h: "auto",
-              direction: NA.row,
+              direction: SA.row,
               children: [
                 {
                   // User info section
                   w: "60%",
                   h: "auto",
-                  direction: NA.row,
+                  direction: SA.row,
                   children: [
                     {
                       w: "32px",
@@ -16203,7 +16195,7 @@ const In = (A, e) => {
                   // Date
                   w: "40%",
                   h: "auto",
-                  direction: NA.row,
+                  direction: SA.row,
                   skeletons: [{ w: "120px", h: "16px", r: "4px", margin: [4, 0, 0, 0] }],
                   className: "animate-pulse"
                 }
@@ -16219,7 +16211,7 @@ const In = (A, e) => {
 }, h6 = lA.memo(r2), n2 = 5, m6 = () => {
   const A = cA(
     () => ({
-      direction: NA.column,
+      direction: SA.column,
       repeatCount: n2,
       gridGap: 8,
       withOpacity: !0,
@@ -16227,7 +16219,7 @@ const In = (A, e) => {
       children: [
         {
           className: "border rounded-lg w-full border-l-[6px] border-neutral-200 dark:border-black-700 px-4.5 py-3",
-          direction: NA.row,
+          direction: SA.row,
           gridGap: 12,
           alignItems: "center",
           children: [
@@ -16237,7 +16229,7 @@ const In = (A, e) => {
             },
             {
               w: "calc(100% - 50px)",
-              direction: NA.column,
+              direction: SA.column,
               gridGap: 4,
               skeletons: [
                 { w: "75%", h: "16px", r: "4px", margin: [0, 0, 4, 0] },
@@ -16831,7 +16823,7 @@ const In = (A, e) => {
   className: c = "",
   onClick: d = il
 }) => {
-  const { t: u } = LA(), f = s, p = /* @__PURE__ */ w(di, { children: [
+  const { t: u } = NA(), f = s, p = /* @__PURE__ */ w(di, { children: [
     A && A,
     u(r),
     e && e
@@ -16918,7 +16910,7 @@ const Ho = ({
     [a, t, r, i, e]
   );
   return /* @__PURE__ */ n("div", { className: s, children: b ? /* @__PURE__ */ n(
-    SA,
+    MA,
     {
       title: g,
       placement: l,
@@ -18257,7 +18249,7 @@ function mu(A) {
       S[y] = J, L[y] = J - U;
     }
     if (l) {
-      var uA, MA = y === "x" ? FA : WA, VA = y === "x" ? JA : $A, bA = S[H], XA = H === "y" ? "height" : "width", le = bA + x[MA], Le = bA - x[VA], oA = [FA, WA].indexOf(h) !== -1, gA = (uA = C?.[H]) != null ? uA : 0, mA = oA ? le : bA - M[XA] - P[XA] - gA + D.altAxis, PA = oA ? bA + M[XA] + P[XA] - gA - D.altAxis : Le, ze = p && oA ? W2(mA, bA, PA) : _e(p ? mA : le, bA, p ? PA : Le);
+      var uA, zA = y === "x" ? FA : WA, VA = y === "x" ? JA : $A, bA = S[H], XA = H === "y" ? "height" : "width", le = bA + x[zA], Le = bA - x[VA], oA = [FA, WA].indexOf(h) !== -1, gA = (uA = C?.[H]) != null ? uA : 0, mA = oA ? le : bA - M[XA] - P[XA] - gA + D.altAxis, PA = oA ? bA + M[XA] + P[XA] - gA - D.altAxis : Le, ze = p && oA ? W2(mA, bA, PA) : _e(p ? mA : le, bA, p ? PA : Le);
       S[H] = ze, L[H] = ze - bA;
     }
     e.modifiersData[r] = L;
@@ -19302,7 +19294,7 @@ const _u = ({ fill: A = "currentColor", size: e = 20, ...t }) => /* @__PURE__ */
   setFileData: S,
   fileData: M
 }) => {
-  const [P, k] = E(null), [D, C] = E([]), [L, z] = E("#d9d9d9"), [O, X] = E(!1), [T, U] = E(null), { t: N } = LA(), V = async () => {
+  const [P, k] = E(null), [D, C] = E([]), [L, z] = E("#d9d9d9"), [O, X] = E(!1), [T, U] = E(null), { t: N } = NA(), V = async () => {
     if (!m || !Te) {
       console.warn("FileUploadDragger: File server upload requires fileUploadService, buildQueryParams, and getToken");
       return;
@@ -21837,7 +21829,7 @@ function H3() {
 }
 var D3 = H3();
 const S3 = /* @__PURE__ */ Ne(D3), N3 = (A) => {
-  const { value: e, onOptionChange: t, onSaveOption: r, onDeleteAll: a, required: o, errorMessage: i, hasChoices: l } = A, { t: s } = LA(), [c, d] = E(!1);
+  const { value: e, onOptionChange: t, onSaveOption: r, onDeleteAll: a, required: o, errorMessage: i, hasChoices: l } = A, { t: s } = NA(), [c, d] = E(!1);
   return /* @__PURE__ */ w(vA, { children: [
     /* @__PURE__ */ w("header", { className: "flex items-end w-full gap-3", children: [
       /* @__PURE__ */ n("div", { className: "w-full", children: /* @__PURE__ */ n(
@@ -22324,14 +22316,14 @@ const j3 = ut(
 );
 Ko.displayName = "GridItemHandle";
 const B3 = lA.memo(Ko), J3 = () => {
-  const { t: A } = LA();
+  const { t: A } = NA();
   return /* @__PURE__ */ w("div", { className: "flex flex-col items-center text-center", children: [
     /* @__PURE__ */ n("span", { className: "text-[#98A2B3] bg-[#F2F4F7] h-[48px] w-[48px] flex items-center justify-center rounded-lg", children: /* @__PURE__ */ n(G3, {}) }),
     /* @__PURE__ */ n("p", { className: "font-semibold mt-2 text-neutral-900 dark:text-white", children: A("No additional versions available") }),
     /* @__PURE__ */ n("p", { className: "text-sm text-[#98A2B3]", children: A("There are no additional versions available for comparison") })
   ] });
 }, $3 = ({ item: A }) => {
-  const { hideLayoutItem: e, layout: t, layoutHeader: r, layoutContent: a } = Qe(Ar), { t: o } = LA(), { isDragging: i, attributes: l, listeners: s, setNodeRef: c, transform: d, transition: u, isOver: f, setActivatorNodeRef: p, over: b, active: g } = Xl({
+  const { hideLayoutItem: e, layout: t, layoutHeader: r, layoutContent: a } = Qe(Ar), { t: o } = NA(), { isDragging: i, attributes: l, listeners: s, setNodeRef: c, transform: d, transition: u, isOver: f, setActivatorNodeRef: p, over: b, active: g } = Xl({
     id: A.id
   }), x = {
     transform: ql.Transform.toString(d),
@@ -22403,7 +22395,7 @@ const B3 = lA.memo(Ko), J3 = () => {
   onNavigateBack: A,
   tabsComponent: e
 }) => {
-  const { setLayout: t, title: r, layout: a, returnUrl: o, onReturn: i, headerTabConfig: l } = Qe(Ar), { t: s } = LA(), c = () => {
+  const { setLayout: t, title: r, layout: a, returnUrl: o, onReturn: i, headerTabConfig: l } = Qe(Ar), { t: s } = NA(), c = () => {
     i ? i() : o && A && A(o?.toString() || "/home");
   };
   return /* @__PURE__ */ w("div", { className: "flex flex-wrap items-center justify-between p-4 border-y border-y-[#EAECF0] bg-[#F9FAFB] dark:bg-black-800 gap-2 flex-col sm:flex-row", children: [
@@ -22684,7 +22676,7 @@ const B3 = lA.memo(Ko), J3 = () => {
   }, []), Q = cA(() => k ? A : i5(A), [A, k]);
   return /* @__PURE__ */ w("div", { className: "w-full", children: [
     a && /* @__PURE__ */ w("div", { className: "text-xs font-medium text-gray-600 inline-flex items-center gap-1 font-inter text-left whitespace-nowrap flex-wrap", children: [
-      /* @__PURE__ */ n(zA, { label: a || "", required: i || !1 }),
+      /* @__PURE__ */ n(LA, { label: a || "", required: i || !1 }),
       l && /* @__PURE__ */ n(hA, { placement: "top", title: l, children: /* @__PURE__ */ n("div", { className: "cursor-pointer", children: /* @__PURE__ */ n(KA, {}) }) })
     ] }),
     /* @__PURE__ */ w("div", { className: "relative", ref: g, children: [
@@ -26066,7 +26058,7 @@ export {
   m0 as ResizableSidebar,
   Gr as SHORTCUT_KEY_MAP,
   a6 as SKELETON_CONSTANTS,
-  NA as SKELETON_DIRECTION,
+  SA as SKELETON_DIRECTION,
   ys as SearchBar,
   Ma as SelectField,
   Hs as ShortcutKbd,