@hybr1d-tech/charizard 2.3.30 → 2.3.31

package/dist/hybr1d-ui.js

@@ -11,7 +11,7 @@ import { useMachine as b0, normalizeProps as f0, Portal as A2 } from "@zag-js/re
 import * as s3 from "@zag-js/tooltip";
 import * as r3 from "@zag-js/dialog";
 import * as c1 from "@zag-js/popover";
-import t6, { components as K0 } from "react-select";
+import t6, { components as l2 } from "react-select";
 import { createPortal as a6 } from "react-dom";
 import * as n1 from "@zag-js/radio-group";
 import { Tooltip as le } from "react-tooltip";
@@ -1514,7 +1514,7 @@ function z3({
 }
 z3.displayName = x0.INPUT_LABEL;
 z3.id = x0.INPUT_LABEL;
-const Fl = "_backdrop_7yg3k_1", Bl = "_container_7yg3k_16", Ll = "_contentWrapper_7yg3k_30", Gl = "_sm_7yg3k_39", kl = "_md_7yg3k_43", Pl = "_fullScreen_7yg3k_47", Dl = "_content_7yg3k_30", Hl = "_header_7yg3k_58", Tl = "_showBorder_7yg3k_75", Ol = "_closeIconSpan_7yg3k_79", Zl = "_closeIcon_7yg3k_79", Xl = "_body_7yg3k_93", Wl = "_footer_7yg3k_103", $l = "_btnsContainer_7yg3k_119", Yl = "_buttonLabel_7yg3k_127", U0 = {
+const Fl = "_backdrop_7yg3k_1", Bl = "_container_7yg3k_16", Ll = "_contentWrapper_7yg3k_30", Gl = "_sm_7yg3k_39", kl = "_md_7yg3k_43", Pl = "_fullScreen_7yg3k_47", Dl = "_content_7yg3k_30", Hl = "_header_7yg3k_58", Tl = "_showBorder_7yg3k_75", Ol = "_closeIconSpan_7yg3k_79", Zl = "_closeIcon_7yg3k_79", Xl = "_body_7yg3k_93", Wl = "_footer_7yg3k_103", $l = "_btnsContainer_7yg3k_119", Yl = "_buttonLabel_7yg3k_127", K0 = {
   backdrop: Fl,
   container: Bl,
   contentWrapper: Ll,
@@ -1532,7 +1532,7 @@ const Fl = "_backdrop_7yg3k_1", Bl = "_container_7yg3k_16", Ll = "_contentWrappe
   buttonLabel: Yl
 };
 function Jl({ api: e }) {
-  return /* @__PURE__ */ a.jsx("div", { ...e?.getBackdropProps(), className: U0.backdrop });
+  return /* @__PURE__ */ a.jsx("div", { ...e?.getBackdropProps(), className: K0.backdrop });
 }
 function zg({
   isOpen: e,
@@ -1563,17 +1563,17 @@ function zg({
   ] });
 }
 function Ag({ children: e, api: l, customStyles: c = {} }) {
-  return /* @__PURE__ */ a.jsx("div", { ...l.getDescriptionProps(), className: U0.body, style: c, children: e });
+  return /* @__PURE__ */ a.jsx("div", { ...l.getDescriptionProps(), className: K0.body, style: c, children: e });
 }
 function wg({ children: e, api: l, size: c = "md" }) {
   const n = f.Children.toArray(e).map((t) => f.cloneElement(t, {
     ...t.props,
     api: l
   }));
-  return /* @__PURE__ */ a.jsx("div", { ...l?.containerProps, className: U0.container, children: /* @__PURE__ */ a.jsx("div", { className: b(U0.contentWrapper, U0[c]), children: /* @__PURE__ */ a.jsx("div", { ...l?.getContentProps(), className: U0.content, children: n }) }) });
+  return /* @__PURE__ */ a.jsx("div", { ...l?.containerProps, className: K0.container, children: /* @__PURE__ */ a.jsx("div", { className: b(K0.contentWrapper, K0[c]), children: /* @__PURE__ */ a.jsx("div", { ...l?.getContentProps(), className: K0.content, children: n }) }) });
 }
 function Ng({ children: e, api: l, buttons: c, showBorder: n = !0 }) {
-  return /* @__PURE__ */ a.jsx("div", { className: b(U0.footer, { [U0.showBorder]: n }), children: e || /* @__PURE__ */ a.jsx("div", { className: U0.btnsContainer, children: c.map((t, s) => /* @__PURE__ */ a.jsx(
+  return /* @__PURE__ */ a.jsx("div", { className: b(K0.footer, { [K0.showBorder]: n }), children: e || /* @__PURE__ */ a.jsx("div", { className: K0.btnsContainer, children: c.map((t, s) => /* @__PURE__ */ a.jsx(
     l0,
     {
       disabled: t.disabled,
@@ -1582,7 +1582,7 @@ function Ng({ children: e, api: l, buttons: c, showBorder: n = !0 }) {
         await t.onClick(), l?.setOpen(!1);
       },
       size: t.btnSize,
-      children: t.isLoading ? t.loadingText : /* @__PURE__ */ a.jsxs("div", { className: U0.buttonLabel, children: [
+      children: t.isLoading ? t.loadingText : /* @__PURE__ */ a.jsxs("div", { className: K0.buttonLabel, children: [
         t.icon && /* @__PURE__ */ a.jsx("div", { children: /* @__PURE__ */ a.jsx(
           R,
           {
@@ -1610,7 +1610,7 @@ function jg({
     "div",
     {
       ...l?.getTitleProps(),
-      className: b(U0.header, { [U0.showBorder]: n }),
+      className: b(K0.header, { [K0.showBorder]: n }),
       children: [
         /* @__PURE__ */ a.jsx("div", { children: e }),
         c && /* @__PURE__ */ a.jsx(
@@ -1624,8 +1624,8 @@ function jg({
               R,
               {
                 path: c2,
-                svgClassName: U0.closeIcon,
-                spanClassName: U0.closeIconSpan
+                svgClassName: K0.closeIcon,
+                spanClassName: K0.closeIconSpan
               }
             )
           }
@@ -1917,7 +1917,7 @@ const mt = "_selectContainer_9l7og_1", ht = "_errorMsg_9l7og_6", pt = "_multiLab
     cursor: n ? void 0 : "pointer"
   })
 }), q4 = (e) => /* @__PURE__ */ a.jsxs(
-  K0.Option,
+  l2.Option,
   {
     ...e,
     className: b({ [A0.subLabelContainer]: e.data.subLabel }, A0.optionContainer),
@@ -1936,7 +1936,7 @@ const mt = "_selectContainer_9l7og_1", ht = "_errorMsg_9l7og_6", pt = "_multiLab
       e.data.subLabel && /* @__PURE__ */ a.jsx("div", { className: b(A0.subLabel), children: e.data.subLabel })
     ]
   }
-), b4 = (e) => /* @__PURE__ */ a.jsx(K0.MultiValueLabel, { ...e, children: /* @__PURE__ */ a.jsxs("div", { className: A0.multiLabelContainer, children: [
+), b4 = (e) => /* @__PURE__ */ a.jsx(l2.MultiValueLabel, { ...e, children: /* @__PURE__ */ a.jsxs("div", { className: A0.multiLabelContainer, children: [
   e.data.profileImgUrl && /* @__PURE__ */ a.jsx(
     "img",
     {
@@ -1946,7 +1946,7 @@ const mt = "_selectContainer_9l7og_1", ht = "_errorMsg_9l7og_6", pt = "_multiLab
     }
   ),
   /* @__PURE__ */ a.jsx("div", { className: b(A0.label), children: /* @__PURE__ */ a.jsx("span", { children: e.data.label }) })
-] }) }), C4 = (e) => /* @__PURE__ */ a.jsx(K0.MultiValueRemove, { ...e, children: /* @__PURE__ */ a.jsx(R, { path: c2, spanClassName: A0.closeSpan }) }), x4 = (e) => /* @__PURE__ */ a.jsx(K0.ClearIndicator, { ...e, children: /* @__PURE__ */ a.jsx(R, { path: c2, spanClassName: A0.closeSpan }) }), I4 = (e) => /* @__PURE__ */ a.jsx(K0.DropdownIndicator, { ...e, children: /* @__PURE__ */ a.jsx(R, { path: $2, spanClassName: A0.downArrowSpan }) }), _4 = (e) => /* @__PURE__ */ a.jsx(K0.SingleValue, { ...e, children: /* @__PURE__ */ a.jsxs("div", { className: A0.singleValueContainer, children: [
+] }) }), C4 = (e) => /* @__PURE__ */ a.jsx(l2.MultiValueRemove, { ...e, children: /* @__PURE__ */ a.jsx(R, { path: c2, spanClassName: A0.closeSpan }) }), x4 = (e) => /* @__PURE__ */ a.jsx(l2.ClearIndicator, { ...e, children: /* @__PURE__ */ a.jsx(R, { path: c2, spanClassName: A0.closeSpan }) }), I4 = (e) => /* @__PURE__ */ a.jsx(l2.DropdownIndicator, { ...e, children: /* @__PURE__ */ a.jsx(R, { path: $2, spanClassName: A0.downArrowSpan }) }), _4 = (e) => /* @__PURE__ */ a.jsx(l2.SingleValue, { ...e, children: /* @__PURE__ */ a.jsxs("div", { className: A0.singleValueContainer, children: [
   e.data.profileImgUrl && /* @__PURE__ */ a.jsx(
     "img",
     {
@@ -2252,7 +2252,7 @@ function T1(e, l) {
 function Dt(e, l) {
   return e.map(l).join("");
 }
-var w3 = 1, s1 = 1, V6 = 0, Q0 = 0, z0 = 0, i1 = "";
+var w3 = 1, s1 = 1, V6 = 0, e2 = 0, z0 = 0, i1 = "";
 function N3(e, l, c, n, t, s, r) {
   return { value: e, root: l, parent: c, type: n, props: t, children: s, line: w3, column: s1, length: r, return: "" };
 }
@@ -2263,16 +2263,16 @@ function Ht() {
   return z0;
 }
 function Tt() {
-  return z0 = Q0 > 0 ? B0(i1, --Q0) : 0, s1--, z0 === 10 && (s1 = 1, w3--), z0;
+  return z0 = e2 > 0 ? B0(i1, --e2) : 0, s1--, z0 === 10 && (s1 = 1, w3--), z0;
 }
 function a2() {
-  return z0 = Q0 < V6 ? B0(i1, Q0++) : 0, s1++, z0 === 10 && (s1 = 1, w3++), z0;
+  return z0 = e2 < V6 ? B0(i1, e2++) : 0, s1++, z0 === 10 && (s1 = 1, w3++), z0;
 }
 function g2() {
-  return B0(i1, Q0);
+  return B0(i1, e2);
 }
 function e3() {
-  return Q0;
+  return e2;
 }
 function B1(e, l) {
   return j1(i1, e, l);
@@ -2316,13 +2316,13 @@ function S1(e) {
   return 0;
 }
 function F6(e) {
-  return w3 = s1 = 1, V6 = p2(i1 = e), Q0 = 0, [];
+  return w3 = s1 = 1, V6 = p2(i1 = e), e2 = 0, [];
 }
 function B6(e) {
   return i1 = "", e;
 }
 function l3(e) {
-  return R6(B1(Q0 - 1, t4(e === 91 ? e + 2 : e === 40 ? e + 1 : e)));
+  return R6(B1(e2 - 1, t4(e === 91 ? e + 2 : e === 40 ? e + 1 : e)));
 }
 function Ot(e) {
   for (; (z0 = g2()) && z0 < 33; )
@@ -2339,7 +2339,7 @@ function t4(e) {
     switch (z0) {
       // ] ) " '
       case e:
-        return Q0;
+        return e2;
       // " '
       case 34:
       case 39:
@@ -2354,18 +2354,18 @@ function t4(e) {
         a2();
         break;
     }
-  return Q0;
+  return e2;
 }
 function Xt(e, l) {
   for (; a2() && e + z0 !== 57; )
     if (e + z0 === 84 && g2() === 47)
       break;
-  return "/*" + B1(l, Q0 - 1) + "*" + A3(e === 47 ? e : a2());
+  return "/*" + B1(l, e2 - 1) + "*" + A3(e === 47 ? e : a2());
 }
 function Wt(e) {
   for (; !S1(g2()); )
     a2();
-  return B1(e, Q0);
+  return B1(e, e2);
 }
 function $t(e) {
   return B6(t3("", null, null, null, [""], e = F6(e), 0, [0], e));
@@ -2531,13 +2531,13 @@ function Kt(e) {
 var e9 = function(l, c, n) {
   for (var t = 0, s = 0; t = s, s = g2(), t === 38 && s === 12 && (c[n] = 1), !S1(s); )
     a2();
-  return B1(l, Q0);
+  return B1(l, e2);
 }, l9 = function(l, c) {
   var n = -1, t = 44;
   do
     switch (S1(t)) {
       case 0:
-        t === 38 && g2() === 12 && (c[n] = 1), l[n] += e9(Q0 - 1, c, n);
+        t === 38 && g2() === 12 && (c[n] = 1), l[n] += e9(e2 - 1, c, n);
         break;
       case 2:
         l[n] += l3(t);
@@ -8017,7 +8017,7 @@ const jo = "_tabs_hb1nk_1", So = "_tabBar_hb1nk_9", Eo = "_tab_hb1nk_1", Mo = "_
   fileIcon: Yo,
   pointerCard: Jo
 };
-var e2 = /* @__PURE__ */ ((e) => (e.PENDING = "pending", e.PENDING_SECOND_APPROVER = "pending_second_approver", e.PENDING_CANCELLATION = "pending_cancellation", e.APPROVED = "approved", e.CLOSED = "closed", e.DECLINED = "declined", e.CANCELLED = "cancelled", e))(e2 || {});
+var U0 = /* @__PURE__ */ ((e) => (e.PENDING = "pending", e.PENDING_SECOND_APPROVER = "pending_second_approver", e.PENDING_CANCELLATION = "pending_cancellation", e.APPROVED = "approved", e.CLOSED = "closed", e.DECLINED = "declined", e.CANCELLED = "cancelled", e))(U0 || {});
 function Uo(e) {
   switch (e) {
     case "pending":
@@ -8138,13 +8138,13 @@ function B5(e) {
   const t = Array.from(n);
   return t.length === 0 ? "" : t.length === 1 ? `${t[0]} only` : `${t.slice(0, -1).join(", ")} and ${t[t.length - 1]}`;
 }
-var l2 = /* @__PURE__ */ ((e) => (e.PROFILE = "profile", e.LEAVE = "leave", e.ATTENDANCE = "attendance", e.HOLIDAY_CALENDAR = "holiday-calendar", e.IT_REQUEST = "it-request", e.IT_SUPPORT = "it-support", e.WORKFLOW = "workflow", e.DEVICES = "devices", e))(l2 || {});
-const ii = [l2.PROFILE], ui = [
-  l2.PROFILE,
-  l2.ATTENDANCE,
-  l2.IT_REQUEST,
-  l2.WORKFLOW,
-  l2.DEVICES
+var Q0 = /* @__PURE__ */ ((e) => (e.PROFILE = "profile", e.LEAVE = "leave", e.ATTENDANCE = "attendance", e.HOLIDAY_CALENDAR = "holiday-calendar", e.IT_REQUEST = "it-request", e.IT_SUPPORT = "it_support", e.WORKFLOW = "workflow", e.DEVICES = "devices", e))(Q0 || {});
+const ii = [Q0.PROFILE], ui = [
+  Q0.PROFILE,
+  Q0.ATTENDANCE,
+  Q0.IT_REQUEST,
+  Q0.WORKFLOW,
+  Q0.DEVICES
 ];
 function di({
   data: e,
@@ -8153,9 +8153,9 @@ function di({
 }) {
   const n = f.useRef(null), t = c6(), s = te(), o = (() => {
     switch (e.module_reference) {
-      case l2.DEVICES:
+      case Q0.DEVICES:
         return c?.hasDeviceAccess ?? !0;
-      case l2.LEAVE:
+      case Q0.LEAVE:
         return c?.hasLeaveAccess ?? !0;
       default:
         return !0;
@@ -8247,13 +8247,13 @@ const mi = {
   reimbursement: W0.DEFAULT,
   document: W0.HIGHLIGHT
 }, hi = {
-  [e2.PENDING]: W0.WARNING,
-  [e2.DECLINED]: W0.NEGATIVE,
-  [e2.PENDING_SECOND_APPROVER]: W0.WARNING,
-  [e2.PENDING_CANCELLATION]: W0.WARNING,
-  [e2.APPROVED]: W0.POSITIVE,
-  [e2.CANCELLED]: W0.NEGATIVE,
-  [e2.CLOSED]: W0.NEUTRAL
+  [U0.PENDING]: W0.WARNING,
+  [U0.DECLINED]: W0.NEGATIVE,
+  [U0.PENDING_SECOND_APPROVER]: W0.WARNING,
+  [U0.PENDING_CANCELLATION]: W0.WARNING,
+  [U0.APPROVED]: W0.POSITIVE,
+  [U0.CANCELLED]: W0.NEGATIVE,
+  [U0.CLOSED]: W0.NEUTRAL
 };
 function pi(e, l, c, n, t) {
   return [
@@ -8277,7 +8277,7 @@ function pi(e, l, c, n, t) {
         });
       },
       iconSrc: Vo,
-      hidden: e.module_reference === l2.LEAVE && !e.task_details_id || ii.includes(e.module_reference) || e.module_reference === l2.DEVICES && !t?.hasDeviceAccess || e.module_reference === l2.LEAVE && !t?.hasLeaveAccess
+      hidden: e.module_reference === Q0.LEAVE && !e.task_details_id || ii.includes(e.module_reference) || e.module_reference === Q0.DEVICES && !t?.hasDeviceAccess || e.module_reference === Q0.LEAVE && !t?.hasLeaveAccess
     },
     {
       label: "Cancel request",
@@ -8293,7 +8293,7 @@ function pi(e, l, c, n, t) {
       iconSrc: r4,
       customStyles: { color: "var(--status-error-e50)" },
       customSvgClassName: y0.logoutIcon,
-      hidden: e.module_reference === l2.LEAVE && !e.task_details_id || ui.includes(e.module_reference) || e.status === e2.CANCELLED || e.status === e2.DECLINED || e.status === e2.PENDING_CANCELLATION || e.module_reference === "leave" && xe(e?.leaveFrom) && !(e.status === e2.PENDING || e.status === e2.PENDING_SECOND_APPROVER)
+      hidden: e.module_reference === Q0.LEAVE && !e.task_details_id || ui.includes(e.module_reference) || e.status === U0.CANCELLED || e.module_reference === Q0.IT_SUPPORT && e.status === U0.CLOSED || e.status === U0.DECLINED || e.status === U0.PENDING_CANCELLATION || e.module_reference === "leave" && xe(e?.leaveFrom) && !(e.status === U0.PENDING || e.status === U0.PENDING_SECOND_APPROVER)
     }
   ].filter((s) => !s.hidden);
 }
@@ -9396,11 +9396,11 @@ const Pd = "_dateRangePicker_i1isr_1", Dd = "_popoverContent_i1isr_9", Hd = "_qu
 var D0 = /* @__PURE__ */ ((e) => (e.DEFAULT = "default", e.USERS = "users", e.CHECKBOX = "checkbox", e.TAGS = "tags", e))(D0 || {});
 const N7 = (e) => {
   const { isDisabled: l, selectProps: c } = e;
-  return l || c.isLoading ? null : /* @__PURE__ */ a.jsx(K0.DropdownIndicator, { ...e, children: /* @__PURE__ */ a.jsx(R, { path: N1, spanClassName: U.dropdownIcon }) });
-}, j7 = (e) => /* @__PURE__ */ a.jsx(L4, { size: 14, ...e }), S7 = (e) => /* @__PURE__ */ a.jsx(K0.IndicatorsContainer, { ...e }), E7 = (e) => /* @__PURE__ */ a.jsx(K0.Menu, { ...e, children: e.selectProps.isLoading ? /* @__PURE__ */ a.jsx("div", { className: U.loadingMessage, children: "Loading options..." }) : e.children }), M7 = (e) => {
+  return l || c.isLoading ? null : /* @__PURE__ */ a.jsx(l2.DropdownIndicator, { ...e, children: /* @__PURE__ */ a.jsx(R, { path: N1, spanClassName: U.dropdownIcon }) });
+}, j7 = (e) => /* @__PURE__ */ a.jsx(L4, { size: 14, ...e }), S7 = (e) => /* @__PURE__ */ a.jsx(l2.IndicatorsContainer, { ...e }), E7 = (e) => /* @__PURE__ */ a.jsx(l2.Menu, { ...e, children: e.selectProps.isLoading ? /* @__PURE__ */ a.jsx("div", { className: U.loadingMessage, children: "Loading options..." }) : e.children }), M7 = (e) => {
   const { data: l, isSelected: c, isMulti: n, selectProps: t } = e, s = t["data-variant"], r = t["data-divider"], { label: o, subLabel: i, profileImgUrl: u, icon: m, color: d } = l, { darkerColor: p, lighterColor: h } = q6(o);
   return /* @__PURE__ */ a.jsxs(
-    K0.Option,
+    l2.Option,
     {
       ...e,
       className: b(U.optionContainer, r && U.divider),
@@ -9439,7 +9439,7 @@ const N7 = (e) => {
   );
 }, R7 = (e) => {
   const { data: l } = e, { label: c, profileImgUrl: n, icon: t } = l;
-  return /* @__PURE__ */ a.jsx(K0.SingleValue, { ...e, children: /* @__PURE__ */ a.jsxs("div", { className: b(U.option, U.selectedOption), children: [
+  return /* @__PURE__ */ a.jsx(l2.SingleValue, { ...e, children: /* @__PURE__ */ a.jsxs("div", { className: b(U.option, U.selectedOption), children: [
     n && /* @__PURE__ */ a.jsx(z2, { src: n, alt: c, className: U.profileImg }),
     t && /* @__PURE__ */ a.jsx(z2, { src: t, alt: c, className: U.profileImg }),
     /* @__PURE__ */ a.jsx("div", { className: U.labelContainer, children: /* @__PURE__ */ a.jsx("span", { className: U.label, children: c }) })
@@ -9456,7 +9456,7 @@ const N7 = (e) => {
         o && (i === D0.USERS || t) && U.userOptionValue
       ),
       style: o && (i === D0.TAGS || i === D0.USERS) ? { backgroundColor: r ? o6(r) : m } : {},
-      children: /* @__PURE__ */ a.jsxs(K0.MultiValue, { ...e, children: [
+      children: /* @__PURE__ */ a.jsxs(l2.MultiValue, { ...e, children: [
         t && /* @__PURE__ */ a.jsx(z2, { src: t, alt: n, className: U.profileImg }),
         i === D0.USERS && !t && /* @__PURE__ */ a.jsx("div", { className: U.initials, children: h6(n) }),
         s && /* @__PURE__ */ a.jsx(z2, { src: s, alt: n, className: U.profileImg }),
@@ -9471,9 +9471,9 @@ const N7 = (e) => {
       ] })
     }
   );
-}, F7 = (e) => /* @__PURE__ */ a.jsx(K0.MultiValueRemove, { ...e, children: /* @__PURE__ */ a.jsx(R, { path: c2, spanClassName: U.removeIcon }) }), B7 = (e) => {
+}, F7 = (e) => /* @__PURE__ */ a.jsx(l2.MultiValueRemove, { ...e, children: /* @__PURE__ */ a.jsx(R, { path: c2, spanClassName: U.removeIcon }) }), B7 = (e) => {
   const { isMulti: l } = e;
-  return l ? null : /* @__PURE__ */ a.jsx(K0.ClearIndicator, { ...e, children: /* @__PURE__ */ a.jsx(R, { path: c2, spanClassName: U.clearIcon }) });
+  return l ? null : /* @__PURE__ */ a.jsx(l2.ClearIndicator, { ...e, children: /* @__PURE__ */ a.jsx(R, { path: c2, spanClassName: U.clearIcon }) });
 };
 function L7(e) {
   const {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hybr1d-tech/charizard",
-  "version": "2.3.30",
+  "version": "2.3.31",
   "type": "module",
   "files": [
     "dist"