@lax-wp/design-system 0.5.8 → 0.5.10

package/dist/components/button/CardButton.d.ts

@@ -1,5 +1,5 @@
 import React, { type ReactNode } from 'react';
-interface SmallCardProps {
+export interface SmallCardProps {
     icon?: ReactNode;
     title?: string;
     description?: string;
@@ -9,4 +9,3 @@ interface SmallCardProps {
     id?: string;
 }
 export declare const CardButton: React.FC<SmallCardProps>;
-export {};

package/dist/components/button/IconButton.d.ts

@@ -5,7 +5,7 @@ export interface IconButtonProps {
     onClick?(event: React.MouseEvent<HTMLButtonElement>): void;
     variant?: 'default' | 'secondary' | 'native' | 'ghost';
     disabled?: boolean;
-    tooltip?: string;
+    tooltip?: string | ReactNode;
     tooltipPlacement?: 'top' | 'bottom' | 'left' | 'right';
     noborder?: boolean;
     id?: string;

package/dist/index.d.ts

@@ -121,6 +121,8 @@ export { DiffViewer, InlineDiffHighlighter, } from "./components/data-display/di
 export type { DiffViewerProps, DiffType, DiffTheme, } from "./components/data-display/diff-viewer/DiffViewer";
 export { default as Button } from "./components/button/Button";
 export type { IButtonProps, IButtonStatus, IButtonAppearance, } from "./components/button/Button";
+export { CardButton } from "./components/button/CardButton";
+export type { SmallCardProps as CardButtonProps, } from "./components/button/CardButton";
 export { OptionButton } from "./components/buttons/option-button/OptionButton";
 export type { OptionButtonProps, } from "./components/buttons/option-button/OptionButton";
 export { default as IconButton } from "./components/button/IconButton";

package/dist/index.es.js

@@ -10941,7 +10941,21 @@ const m0 = ({ size: A = 24, fill: e = "#12B76A" }) => /* @__PURE__ */ n(
   }
 );
 Ea.displayName = "DiffViewer";
-const A6 = Ea, D0 = ({ className: A, isChecked: e, onSelect: t }) => /* @__PURE__ */ n(
+const A6 = Ea, e6 = ({ icon: A, title: e, description: t, variant: r, className: a, onClick: i, id: o }) => /* @__PURE__ */ y(
+  "div",
+  {
+    className: `w-full p-4 rounded-lg border ${r == "primary" ? "bg-primary-50 border-primary-100 dark:bg-black-700 dark:border-black-600" : "bg-neutral-50 border-neutral-200 dark:bg-black-700 dark:border-black-600"}  justify-start items-start gap-2 inline-flex ${a || ""}`,
+    onClick: i,
+    id: o,
+    children: [
+      A ? /* @__PURE__ */ n("div", { className: "w-10 h-10 justify-center items-center gap-2 flex", children: A }) : null,
+      /* @__PURE__ */ y("div", { className: "grow shrink basis-0 flex-col justify-start items-start gap-0.5 inline-flex", children: [
+        /* @__PURE__ */ n("div", { className: `${r == "primary" ? "text-primary-600" : "text-neutral-600"} text-sm font-medium`, children: e || "" }),
+        t ? /* @__PURE__ */ n("div", { className: `self-stretch ${r == "primary" ? "text-primary-500" : "text-neutral-400"}  text-xs font-medium`, children: t }) : null
+      ] })
+    ]
+  }
+), D0 = ({ className: A, isChecked: e, onSelect: t }) => /* @__PURE__ */ n(
   "input",
   {
     type: "radio",
@@ -10950,7 +10964,7 @@ const A6 = Ea, D0 = ({ className: A, isChecked: e, onSelect: t }) => /* @__PURE_
     checked: e,
     onClick: t
   }
-), e6 = ({ className: A, disabled: e, ...t }) => /* @__PURE__ */ n("button", { id: "btn-three-dots", className: "relative w-10 flex justify-center", ...t, children: /* @__PURE__ */ n(
+), t6 = ({ className: A, disabled: e, ...t }) => /* @__PURE__ */ n("button", { id: "btn-three-dots", className: "relative w-10 flex justify-center", ...t, children: /* @__PURE__ */ n(
   Jo,
   {
     size: 18,
@@ -15467,7 +15481,7 @@ const ce = {
     main: "rgb(80 80 80)",
     gradient: "rgb(60 60 60)"
   }
-}, Xr = "100%", Xt = "1fr", Or = "100%", Vc = "row", vi = "flex-start", bi = "flex-start", gi = "1fr / 1fr", xi = 10, yi = 0, Pi = "grey", St = 100, t6 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, Xr = "100%", Xt = "1fr", Or = "100%", Vc = "row", vi = "flex-start", bi = "flex-start", gi = "1fr / 1fr", xi = 10, yi = 0, Pi = "grey", St = 100, r6 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   DEFAULT_ALIGN_ITEMS_ALIGNMENT: bi,
   DEFAULT_DIRECTION_GRID_COLS: Vc,
@@ -15767,7 +15781,7 @@ const Zn = (A, e) => {
     []
   );
   return /* @__PURE__ */ n(MA, { grid: A });
-}, r6 = lA.memo(jc), Qc = ({ rows: A = 3 }) => {
+}, n6 = lA.memo(jc), Qc = ({ rows: A = 3 }) => {
   const e = cA(
     () => ({
       direction: "column",
@@ -15802,7 +15816,7 @@ const Zn = (A, e) => {
     []
   );
   return /* @__PURE__ */ n(MA, { grid: e });
-}, n6 = lA.memo(Qc), Kc = () => {
+}, a6 = lA.memo(Qc), Kc = () => {
   const A = cA(
     () => ({
       direction: "column",
@@ -15837,7 +15851,7 @@ const Zn = (A, e) => {
     []
   );
   return /* @__PURE__ */ n(MA, { grid: A });
-}, a6 = lA.memo(Kc), Rc = ({
+}, i6 = lA.memo(Kc), Rc = ({
   repeat: A = 1,
   lineHeight: e = "30px"
 }) => {
@@ -15856,7 +15870,7 @@ const Zn = (A, e) => {
     []
   );
   return /* @__PURE__ */ n(MA, { grid: t });
-}, i6 = lA.memo(Rc), Yc = ({ rows: A = 2 }) => {
+}, o6 = lA.memo(Rc), Yc = ({ rows: A = 2 }) => {
   const e = cA(
     () => ({
       w: "100%",
@@ -15873,7 +15887,7 @@ const Zn = (A, e) => {
     [A]
   );
   return /* @__PURE__ */ n(MA, { grid: e });
-}, o6 = lA.memo(Yc), Zc = Ir`
+}, l6 = lA.memo(Yc), Zc = Ir`
   0% {
     opacity: 0.5;
   }
@@ -15956,7 +15970,7 @@ const Zn = (A, e) => {
     [A, e, r, a]
   );
   return /* @__PURE__ */ n(Ic, { children: /* @__PURE__ */ n(MA, { grid: i }) });
-}, l6 = lA.memo(Gc), Bc = () => {
+}, s6 = lA.memo(Gc), Bc = () => {
   const A = cA(
     () => ({
       direction: "row",
@@ -15994,7 +16008,7 @@ const Zn = (A, e) => {
     []
   );
   return /* @__PURE__ */ n(MA, { grid: A });
-}, s6 = lA.memo(Bc), Jc = ({ count: A = 3 }) => {
+}, d6 = lA.memo(Bc), Jc = ({ count: A = 3 }) => {
   const e = cA(
     () => ({
       direction: NA.column,
@@ -16034,7 +16048,7 @@ const Zn = (A, e) => {
     [A]
   );
   return /* @__PURE__ */ n(MA, { grid: e });
-}, d6 = lA.memo(Jc), $c = Ir`
+}, c6 = lA.memo(Jc), $c = Ir`
   0% {
     opacity: 0.5;
   }
@@ -16129,7 +16143,7 @@ const Zn = (A, e) => {
     []
   );
   return /* @__PURE__ */ n(_c, { style: { width: A }, children: /* @__PURE__ */ n(MA, { grid: e }) });
-}, c6 = lA.memo(A2), e2 = ({ count: A = 3 }) => {
+}, u6 = lA.memo(A2), e2 = ({ count: A = 3 }) => {
   const e = cA(
     () => ({
       direction: NA.column,
@@ -16244,7 +16258,7 @@ const Zn = (A, e) => {
     [A]
   );
   return /* @__PURE__ */ n(MA, { grid: e });
-}, u6 = lA.memo(e2), t2 = 5, f6 = () => {
+}, f6 = lA.memo(e2), t2 = 5, p6 = () => {
   const A = cA(
     () => ({
       direction: NA.column,
@@ -16314,7 +16328,7 @@ const Zn = (A, e) => {
     []
   );
   return /* @__PURE__ */ n(n2, { children: /* @__PURE__ */ n(MA, { grid: t }) });
-}, p6 = lA.memo(a2), i2 = () => {
+}, h6 = lA.memo(a2), i2 = () => {
   const A = cA(
     () => ({
       direction: "row",
@@ -16348,7 +16362,7 @@ const Zn = (A, e) => {
     []
   );
   return /* @__PURE__ */ n(MA, { grid: A });
-}, h6 = lA.memo(i2), m6 = () => {
+}, m6 = lA.memo(i2), v6 = () => {
   const A = cA(
     () => ({
       direction: "column",
@@ -16682,7 +16696,7 @@ const Zn = (A, e) => {
     []
   );
   return /* @__PURE__ */ n(MA, { grid: A });
-}, v6 = () => {
+}, b6 = () => {
   const A = cA(
     () => ({
       direction: "column",
@@ -16722,7 +16736,7 @@ const Zn = (A, e) => {
     []
   );
   return /* @__PURE__ */ n(MA, { grid: A });
-}, b6 = ({ index: A = 0 }) => {
+}, g6 = ({ index: A = 0 }) => {
   const e = {
     hidden: { opacity: 0, y: 50, scale: 0.95 },
     visible: {
@@ -16763,7 +16777,7 @@ const Zn = (A, e) => {
       ]
     }
   );
-}, g6 = ({ index: A = 0, isPagination: e = !1 }) => {
+}, x6 = ({ index: A = 0, isPagination: e = !1 }) => {
   const t = {
     hidden: { opacity: 0, y: 50, scale: 0.95 },
     visible: {
@@ -16846,7 +16860,7 @@ const Zn = (A, e) => {
     [A]
   );
   return /* @__PURE__ */ n(MA, { grid: e });
-}, x6 = lA.memo(o2), Ot = ({
+}, y6 = lA.memo(o2), Ot = ({
   LText: A,
   RText: e,
   emptyTag: t,
@@ -16973,7 +16987,7 @@ const wi = ({
   ) : /* @__PURE__ */ n("div", { className: "flex gap-2 items-center", children: x(p, "no-tooltip") }) });
 };
 wi.displayName = "DynamicItemsCell";
-const y6 = xa(wi), s2 = (A, e, t) => {
+const P6 = xa(wi), s2 = (A, e, t) => {
   if (A == null || A === "")
     return "";
   const r = typeof A == "string" ? parseFloat(A) : A;
@@ -17586,7 +17600,7 @@ const g2 = 56, x2 = 500, In = 240, Gn = 60, ki = ({
   );
 };
 ki.displayName = "Sidebar";
-const P6 = xa(ki);
+const w6 = xa(ki);
 var qA = "top", JA = "bottom", $A = "right", FA = "left", nn = "auto", dt = [qA, JA, $A, FA], qe = "start", rt = "end", y2 = "clippingParents", Hi = "viewport", Ge = "popper", P2 = "reference", Bn = /* @__PURE__ */ dt.reduce(function(A, e) {
   return A.concat([e + "-" + qe, e + "-" + rt]);
 }, []), Di = /* @__PURE__ */ [].concat(dt, [nn]).reduce(function(A, e) {
@@ -19301,7 +19315,7 @@ const Ju = ({ fill: A = "currentColor", size: e = 20, ...t }) => /* @__PURE__ */
       }
     )
   }
-), { Dragger: t3 } = Pa, r3 = 200 * 1024 * 1024, w6 = ({
+), { Dragger: t3 } = Pa, r3 = 200 * 1024 * 1024, C6 = ({
   getFile: A,
   id: e,
   label: t,
@@ -19446,7 +19460,7 @@ const Ju = ({ fill: A = "currentColor", size: e = 20, ...t }) => /* @__PURE__ */
     ) }),
     a && /* @__PURE__ */ n(K, { className: "text-error-500 mt-1", appearance: "custom", size: "extra-small", variant: "medium", children: a })
   ] });
-}, C6 = ({
+}, k6 = ({
   animationData: A,
   width: e = 200,
   height: t = 200,
@@ -19604,7 +19618,7 @@ const Ju = ({ fill: A = "currentColor", size: e = 20, ...t }) => /* @__PURE__ */
     d: "M3.70019 8.625C3.35019 8.91667 2.98561 9.05 2.60644 9.025C2.22727 9 1.89602 8.87083 1.61269 8.6375C1.32935 8.40417 1.1356 8.09792 1.03144 7.71875C0.927272 7.33958 0.996022 6.95 1.23769 6.55L2.17519 5C1.96685 4.81667 1.80227 4.59583 1.68144 4.3375C1.5606 4.07917 1.50019 3.8 1.50019 3.5C1.50019 2.95 1.69602 2.47917 2.08769 2.0875C2.47936 1.69583 2.95019 1.5 3.50019 1.5C4.05019 1.5 4.52102 1.69583 4.91269 2.0875C5.30436 2.47917 5.50019 2.95 5.50019 3.5C5.50019 4.05 5.30436 4.52083 4.91269 4.9125C4.52102 5.30417 4.05019 5.5 3.50019 5.5C3.42519 5.5 3.35019 5.49583 3.27519 5.4875C3.20019 5.47917 3.12935 5.46667 3.06269 5.45L2.10019 7.075C2.00852 7.225 1.97936 7.37292 2.01269 7.51875C2.04602 7.66458 2.11686 7.78333 2.22519 7.875C2.33352 7.96667 2.46269 8.01875 2.61269 8.03125C2.76269 8.04375 2.90852 7.99167 3.05019 7.875L8.30019 3.3625C8.65019 3.07083 9.01686 2.93958 9.40019 2.96875C9.78352 2.99792 10.1169 3.12917 10.4002 3.3625C10.6835 3.59583 10.8752 3.90208 10.9752 4.28125C11.0752 4.66042 11.0044 5.05 10.7627 5.45L9.82519 7C10.0335 7.18333 10.1981 7.40417 10.3189 7.6625C10.4398 7.92083 10.5002 8.2 10.5002 8.5C10.5002 9.05 10.3044 9.52083 9.91269 9.9125C9.52102 10.3042 9.05019 10.5 8.50019 10.5C7.95019 10.5 7.47936 10.3042 7.08769 9.9125C6.69602 9.52083 6.50019 9.05 6.50019 8.5C6.50019 7.95 6.69602 7.47917 7.08769 7.0875C7.47936 6.69583 7.95019 6.5 8.50019 6.5C8.57519 6.5 8.64811 6.50417 8.71894 6.5125C8.78977 6.52083 8.85852 6.53333 8.92519 6.55L9.90019 4.925C9.99186 4.775 10.021 4.62708 9.98769 4.48125C9.95436 4.33542 9.88352 4.21667 9.77519 4.125C9.66686 4.03333 9.53769 3.98125 9.38769 3.96875C9.23769 3.95625 9.09186 4.00833 8.95019 4.125L3.70019 8.625Z",
     fill: A
   }
-) }), k6 = ({ dataType: A = "text", tooltip: e }) => {
+) }), H6 = ({ dataType: A = "text", tooltip: e }) => {
   const t = n3.find((o) => o.value === A), [r, a] = E(!1), i = document.documentElement.classList.contains("dark");
   return /* @__PURE__ */ n(hA, { title: e || t?.label, placement: "top", children: /* @__PURE__ */ n(
     "span",
@@ -19769,7 +19783,7 @@ const Ju = ({ fill: A = "currentColor", size: e = 20, ...t }) => /* @__PURE__ */
       ] })
     ]
   }
-), H6 = ({
+), D6 = ({
   text: A,
   additionaltext: e,
   children: t,
@@ -20336,7 +20350,7 @@ const Ju = ({ fill: A = "currentColor", size: e = 20, ...t }) => /* @__PURE__ */
     ),
     /* @__PURE__ */ n("path", { d: "M164.3 145.977L162.899 150.784L160.387 151.484L161.103 145.993L164.3 145.977Z", fill: "#E4897B" })
   ] })
-] }), D6 = ({
+] }), S6 = ({
   icon: A,
   homePath: e = "/home",
   backToHomeText: t = "Back to Home",
@@ -21257,7 +21271,7 @@ const Ju = ({ fill: A = "currentColor", size: e = 20, ...t }) => /* @__PURE__ */
     }
   ) }),
   /* @__PURE__ */ n("defs", { children: /* @__PURE__ */ n("clipPath", { id: "clip0_7056_325398", children: /* @__PURE__ */ n("path", { d: "M0 0H18V18H0V0Z", fill: "white" }) }) })
-] }), S6 = ({
+] }), N6 = ({
   className: A,
   title: e,
   description: t,
@@ -21294,7 +21308,7 @@ const Ju = ({ fill: A = "currentColor", size: e = 20, ...t }) => /* @__PURE__ */
       ] })
     ]
   }
-), N6 = ({ size: A = 150 } = {}) => /* @__PURE__ */ y("svg", { width: A, height: A, viewBox: "0 0 152 120", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: "text-white dark:text-neutral-800", children: [
+), L6 = ({ size: A = 150 } = {}) => /* @__PURE__ */ y("svg", { width: A, height: A, viewBox: "0 0 152 120", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: "text-white dark:text-neutral-800", children: [
   /* @__PURE__ */ n(
     "path",
     {
@@ -21748,7 +21762,7 @@ const Ju = ({ fill: A = "currentColor", size: e = 20, ...t }) => /* @__PURE__ */
       className: "fill-primary-500 dark:fill-primary-400"
     }
   )
-] }), L6 = ({
+] }), z6 = ({
   widgetType: A,
   className: e,
   "data-testid": t
@@ -21800,7 +21814,7 @@ const Ju = ({ fill: A = "currentColor", size: e = 20, ...t }) => /* @__PURE__ */
       ]
     }
   );
-}, z6 = ({
+}, M6 = ({
   visible: A,
   xPos: e,
   yPos: t,
@@ -21830,7 +21844,7 @@ const Ju = ({ fill: A = "currentColor", size: e = 20, ...t }) => /* @__PURE__ */
     ),
     s
   ) : null;
-}, M6 = ({
+}, T6 = ({
   hasPermission: A,
   children: e,
   title: t = "You don't have the required permissions to view this content",
@@ -21949,7 +21963,7 @@ const H3 = /* @__PURE__ */ Ne(k3), D3 = (A) => {
 }, L3 = ({ rawIds: A, callback: e }) => (r, a) => {
   const i = H3(A, r, a);
   e(i);
-}, T6 = (A) => {
+}, X6 = (A) => {
   const { value: e, choices: t, onOptionChange: r, onSaveOption: a, onDeleteItem: i, onChoicesUpdate: o, onDeleteAll: l, required: s = !1, errorMessage: c, userCanManage: d = !1 } = A, u = L3({ rawIds: t, callback: o });
   return /* @__PURE__ */ y("div", { className: "w-full col-span-2", children: [
     d && /* @__PURE__ */ n(
@@ -21967,7 +21981,7 @@ const H3 = /* @__PURE__ */ Ne(k3), D3 = (A) => {
     /* @__PURE__ */ n("div", { className: "py-2" }),
     /* @__PURE__ */ n("div", { className: `${t?.length > 0 ? "border border-neutral-200 rounded-lg p-2" : ""}`, children: /* @__PURE__ */ n(Wl, { className: "w-full grid grid-cols-2 gap-2", onSortEnd: u, children: t?.map((f, p) => /* @__PURE__ */ n(N3, { userCanManage: d, value: f, index: p, onDeleteItem: i }, f + "-" + p)) }) })
   ] });
-}, z3 = 12, M3 = 3e3, T3 = "#0077E3", X6 = ({
+}, z3 = 12, M3 = 3e3, T3 = "#0077E3", O6 = ({
   stopAt: A = 100,
   max: e = 100,
   height: t = z3,
@@ -22010,7 +22024,7 @@ const H3 = /* @__PURE__ */ Ne(k3), D3 = (A) => {
     ) }),
     l && /* @__PURE__ */ n("div", { className: "mt-2", children: l })
   ] });
-}, X3 = 120, O3 = 12, U3 = 3e3, V3 = "#0077E3", O6 = ({
+}, X3 = 120, O3 = 12, U3 = 3e3, V3 = "#0077E3", U6 = ({
   value: A,
   max: e = 100,
   size: t = X3,
@@ -22075,7 +22089,7 @@ const H3 = /* @__PURE__ */ Ne(k3), D3 = (A) => {
   ] });
 };
 var Oe = /* @__PURE__ */ ((A) => (A[A.ONE = 1] = "ONE", A[A.TWO = 2] = "TWO", A[A.THREE = 3] = "THREE", A))(Oe || {});
-const U6 = [
+const V6 = [
   {
     id: 1,
     visible: !0,
@@ -22154,9 +22168,9 @@ const W3 = ut(
       ids: e.filter((t) => t.states).map((t) => t.id)
     };
   }
-), E3 = ut((A) => A.filter((e) => e.visible).length), V6 = ut((A, e) => e ? A.filter((t) => t.value !== e) : A.filter((t) => !t.selected)), q6 = ut(
+), E3 = ut((A) => A.filter((e) => e.visible).length), q6 = ut((A, e) => e ? A.filter((t) => t.value !== e) : A.filter((t) => !t.selected)), F6 = ut(
   (A, e) => [A.find((t) => t.value === e)]
-), F6 = ut((A) => {
+), W6 = ut((A) => {
   try {
     return JSON.parse(A);
   } catch {
@@ -22462,7 +22476,7 @@ const I3 = lA.memo(ji), G3 = () => {
       o || i ? /* @__PURE__ */ n(hA, { title: s("Exit"), children: /* @__PURE__ */ n("div", { className: "border border-[#FECDCA] rounded-lg cursor-pointer h-[40px] w-[40px] flex items-center justify-center", onClick: c, children: /* @__PURE__ */ n(Q3, { fill: "#D92D20" }) }) }) : null
     ] })
   ] });
-}, t5 = lA.memo(e5), W6 = (A) => {
+}, t5 = lA.memo(e5), E6 = (A) => {
   const {
     headerTabConfig: e,
     title: t,
@@ -22522,10 +22536,10 @@ const I3 = lA.memo(ji), G3 = () => {
     const o = i.match(/data-value="([^"]+)"/)?.[1] || "";
     return a.replace(i, `{{${o}}}`);
   }, e)), !e.trim() || e === "<br>" ? "" : e;
-}, E6 = () => {
+}, j6 = () => {
   const A = window.getSelection();
   return !A || A.rangeCount === 0 ? 0 : A.getRangeAt(0).startOffset;
-}, j6 = (A, e) => {
+}, Q6 = (A, e) => {
   const t = (r, a) => {
     if (r.nodeType === 3)
       if (r.textContent && r.textContent.length >= a) {
@@ -22548,7 +22562,7 @@ const I3 = lA.memo(ji), G3 = () => {
   for (; r && r.nodeType !== 1; )
     r = r.parentNode;
   return r ? (t.selectNodeContents(r), t.setEnd(e.startContainer, e.startOffset), t.toString()) : "";
-}, Q6 = () => {
+}, K6 = () => {
   const A = window.getSelection();
   if (!A || A.rangeCount === 0)
     return { x: 0, y: 0 };
@@ -22557,7 +22571,7 @@ const I3 = lA.memo(ji), G3 = () => {
     x: r.left,
     y: r.top + r.height
   } : { x: 0, y: 0 };
-}, K6 = (A) => {
+}, R6 = (A) => {
   const e = window.getSelection();
   if (!e || e.rangeCount === 0) return;
   const t = e.getRangeAt(0);
@@ -22784,7 +22798,7 @@ const I3 = lA.memo(ji), G3 = () => {
     ] }),
     d && /* @__PURE__ */ n("div", { className: "pt-1", children: /* @__PURE__ */ n(K, { className: "text-error-500", size: "extra-small", variant: "medium", appearance: "custom", children: d }) })
   ] });
-}, R6 = lA.memo(l5);
+}, Y6 = lA.memo(l5);
 function ca(A) {
   return A !== null && typeof A == "object" && "constructor" in A && A.constructor === Object;
 }
@@ -25933,7 +25947,7 @@ const Ef = /* @__PURE__ */ xA(function(A, e) {
   })));
 });
 Ef.displayName = "SwiperSlide";
-const Y6 = ({
+const Z6 = ({
   children: A,
   className: e,
   spaceBetween: t = 30,
@@ -25956,8 +25970,8 @@ export {
   G9 as AccessDeniedModal,
   c2 as Accordion,
   H1 as AddKeyModal,
-  n6 as AgreementHeaderLoader,
-  s6 as AppItemLoader,
+  a6 as AgreementHeaderLoader,
+  d6 as AppItemLoader,
   n0 as ArchivedIcon,
   A0 as Badge,
   Tt as Banner,
@@ -25967,40 +25981,41 @@ export {
   hi as BreadCrumbItem,
   VA as Button,
   S0 as ButtonGroup,
-  e6 as ButtonThreeDots,
+  t6 as ButtonThreeDots,
   Oe as COMPARISON_LAYOUT,
   i1 as COUNTRY_CODES,
   ms as CURRENCIES,
   vs as CURRENCY_SYMBOLS,
-  x6 as CalendarExportItemLoader,
+  y6 as CalendarExportItemLoader,
   Wa as Card,
+  e6 as CardButton,
   p2 as CardHeaderView,
   h2 as CardMain,
   r0 as CheckCircle,
   I9 as CheckSmallIcon,
   ds as Checkbox,
   cs as CheckboxComponent,
-  O6 as CircularProgressBar,
-  a6 as ClauseDetailsLoader,
+  U6 as CircularProgressBar,
+  i6 as ClauseDetailsLoader,
   E1 as CodeEditor,
   S1 as CodeEditorTabs,
   us as ColorPicker,
   H0 as ComingSoonIcon,
-  W6 as Comparison,
+  E6 as Comparison,
   Ar as ComparisonContext,
   G3 as ComparisonNoAvailableContent,
   j3 as ComparisonProvider,
   pd as ComponentLoader,
   f2 as ConfirmPopUp,
   v1 as ConfirmationModal,
-  z6 as ContextMenu,
+  M6 as ContextMenu,
   fs as CreatableSelectField,
   Hs as CurrencyInputField,
   kr as CustomScrollbar,
   hs as CustomizableSelectField,
-  U6 as DEFAULT_COMPARISON_LAYOUTS,
+  V6 as DEFAULT_COMPARISON_LAYOUTS,
   o1 as DataTypeBadgeClass,
-  k6 as DataTypeIcon,
+  H6 as DataTypeIcon,
   Ts as DateRange,
   Ds as DateRange2,
   A1 as DateTimeField,
@@ -26008,47 +26023,47 @@ export {
   _9 as DeleteModal,
   Ea as DiffViewer,
   Uc as Divider,
-  p6 as DoubleLineLoader,
+  h6 as DoubleLineLoader,
   b2 as DragOverlay,
   v2 as DraggableContainer,
   $r as Drawer,
   Q1 as DynamicDataInput,
   t1 as DynamicDataInputField,
   j1 as DynamicDataModal,
-  y6 as DynamicItemsCell,
+  P6 as DynamicItemsCell,
   Mn as EditIcon,
   v3 as EmptyBarChartData,
   g3 as EmptyCardListChartData,
   w3 as EmptyContentChartData,
   b3 as EmptyCountWidgetData,
   y3 as EmptyDonutChartData,
-  N6 as EmptyEvent,
+  L6 as EmptyEvent,
   x3 as EmptyPieChatData,
   oa as EmptyTableWidgetData,
   P3 as EmptyTimelineChartData,
   $9 as ErrorModal,
-  c6 as EventDetailsLoader,
-  u6 as ExecutionNoteLoader,
+  u6 as EventDetailsLoader,
+  f6 as ExecutionNoteLoader,
   Q3 as ExitIcon,
   L0 as ExpandingSearchBar,
-  T6 as FieldOptions,
-  w6 as FileUpload,
+  X6 as FieldOptions,
+  C6 as FileUpload,
   Va as FloatingBar,
   K9 as FloatingElementWrapper,
-  o6 as FlowNodesLoader,
-  R6 as FormulaInput,
+  l6 as FlowNodesLoader,
+  Y6 as FormulaInput,
   fd as Helmet,
   ot as HelmetTitle,
   QA as IconButton,
   Q9 as IconPicker,
   Fa as IconRenderer,
-  Y6 as ImageSlider,
+  Z6 as ImageSlider,
   B9 as InProgress,
   Xn as InfoAlert,
   a0 as InfoCircleIcon,
   A6 as InlineDiffHighlighter,
   Ha as InputField,
-  h6 as InstalledAppItemLoader,
+  m6 as InstalledAppItemLoader,
   D1 as JsonGrid,
   C1 as JsonGridBulkFloatingBar,
   m1 as JsonGridCore,
@@ -26062,10 +26077,10 @@ export {
   K3 as LayoutOneIcon,
   Y3 as LayoutThreeIcon,
   R3 as LayoutTwoIcon,
-  X6 as LinearProgressBar,
-  f6 as LogItemSkeleton,
+  O6 as LinearProgressBar,
+  p6 as LogItemSkeleton,
   vd as LogoLoader,
-  C6 as LottieAnimation,
+  k6 as LottieAnimation,
   we as MODES,
   ns as MasterDataInputField,
   E9 as MdInput,
@@ -26073,33 +26088,33 @@ export {
   j9 as MultiFileUpload,
   Ei as NameInitialLogo,
   Ua as NestedJsonGrid,
-  H6 as NoDataFound,
-  L6 as NoDataFoundWidgets,
-  d6 as NotificationListLoader,
+  D6 as NoDataFound,
+  z6 as NoDataFoundWidgets,
+  c6 as NotificationListLoader,
   d2 as NumberInputField,
   Ai as OPEN_DURATION_MS,
   Jr as OptionButton,
   ud as PageContainer,
-  D6 as PageNotFound,
+  S6 as PageNotFound,
   p0 as PdfViewer,
   K1 as PercentageInputField,
-  M6 as PermissionWrapper,
+  T6 as PermissionWrapper,
   Zu as PersonIcon,
-  m6 as PilotDetailsSkeleton,
+  v6 as PilotDetailsSkeleton,
   h0 as Popper,
-  r6 as ProfileSettingsLoader,
+  n6 as ProfileSettingsLoader,
   D0 as Radio,
-  b6 as RecentlyAddedAppsSkeleton,
+  g6 as RecentlyAddedAppsSkeleton,
   f0 as ResizableSidebar,
   Gr as SHORTCUT_KEY_MAP,
-  t6 as SKELETON_CONSTANTS,
+  r6 as SKELETON_CONSTANTS,
   NA as SKELETON_DIRECTION,
   bs as SearchBar,
   La as SelectField,
   ws as ShortcutKbd,
-  P6 as Sidebar,
-  g6 as SingleAppCardSkeleton,
-  i6 as SingleLineLoader,
+  w6 as Sidebar,
+  x6 as SingleAppCardSkeleton,
+  o6 as SingleLineLoader,
   mi as Skeleton,
   MA as SkeletonGrid,
   _1 as StatusColorMapping,
@@ -26108,7 +26123,7 @@ export {
   $e as TOGGLE_LABEL_DIRECTION,
   m2 as TabContent,
   jA as Tag,
-  l6 as TaskCardLoader,
+  s6 as TaskCardLoader,
   Ot as Text,
   Na as TextAreaField,
   X9 as TextField,
@@ -26116,30 +26131,30 @@ export {
   R9 as Toast,
   Gt as Toggle,
   hA as Tooltip,
-  v6 as TutorialsSkeleton,
+  b6 as TutorialsSkeleton,
   K as Typography,
   or as UNIVERSAL_DATETIME_FORMAT,
   Bs as UNIVERSAL_DATE_FORMAT,
   J9 as UnsavedChangesModal,
   Gu as UserAvatar,
   Ku as UserAvatarPopper,
-  S6 as UserNotFound,
+  N6 as UserNotFound,
   Bu as UserProfilePic,
   Tc as ZoomContainer,
-  F6 as comparisonParseToIds,
+  W6 as comparisonParseToIds,
   i5 as convertFromPills,
   a5 as convertToPills,
   Ta as countryNameFromCode,
   Zt as detectOS,
   V9 as filterTopLevelPaths,
   E3 as filterVisibleItems,
-  V6 as filteredOptions,
+  q6 as filteredOptions,
   Tn as formatBooleanValue,
   sr as formatCurrency,
   pt as formatDate,
-  q6 as getCurrentSelectValue,
-  Q6 as getCursorCoordinates,
-  E6 as getCursorPosition,
+  F6 as getCurrentSelectValue,
+  K6 as getCursorCoordinates,
+  j6 as getCursorPosition,
   Cr as getFlagComponent,
   F9 as getFlagComponentRectangle,
   ks as getFlagComponentRectangleMd,
@@ -26148,7 +26163,7 @@ export {
   Fr as getInitials,
   o5 as getTextBeforeCursor,
   W3 as gridLayoutItems,
-  K6 as insertTextAtCursor,
+  R6 as insertTextAtCursor,
   e0 as isISODateString,
   M9 as isMacOS,
   s1 as jsonGridFilterTopLevelPaths,
@@ -26159,7 +26174,7 @@ export {
   a1 as monacoManager,
   O9 as parseJson,
   U9 as randomHexString,
-  j6 as setCursorPosition,
+  Q6 as setCursorPosition,
   qc as skeletonGenerateGridArea,
   Zn as skeletonGenerateMargin,
   pr as skeletonItemsWithRepeat,