1mpacto-react-ui 2.0.16 → 2.0.18

package/dist/components/Sidebar/ItemSidebar.mjs

@@ -0,0 +1,122 @@
+import { jsx as n, Fragment as N, jsxs as c } from "react/jsx-runtime";
+import { useState as l, isValidElement as b, createElement as q } from "react";
+import s from "./itemSidebar.module.scss.mjs";
+import { configItemSidebar as d } from "./ItemSidebar.config.mjs";
+const w = ({
+  as: x,
+  show: p,
+  open: t,
+  patch: A,
+  iconSubs: r,
+  variant: m = "payhere-brand-base-white",
+  setShow: g,
+  onClickItems: O,
+  propsLink: f,
+  ...i
+}) => {
+  var C, a, E, k, F, R, T, V;
+  let h = /* @__PURE__ */ n(N, {});
+  const H = x ?? "div", [M, $] = l(!1), I = A === i.slug, y = p.split("/"), e = y.includes(i.name), j = () => {
+    if (i.subs.length > 0)
+      if (e) {
+        const o = y.splice(0, y.indexOf(i.name));
+        o.length > 0 ? g(`${o.join("/")}/`) : g("");
+      } else
+        g(`${p}${i.name}/`);
+    else typeof O == "function" && O(i);
+  };
+  return i.isShow ? ([1, 3, 5, 6, 7, 8].includes(i.parent) && (h = /* @__PURE__ */ c(N, { children: [
+    /* @__PURE__ */ c(
+      H,
+      {
+        id: i.name,
+        className: `${s["item-sidebar-1"]}
+          ${(C = d.variant) == null ? void 0 : C[m]} ${(a = d.parent) == null ? void 0 : a[i.parent.toString()]} 
+          ${I || i.subs.length > 0 && e ? s.active : ""} ${typeof t == "boolean" && t ? s["item-sidebar-open"] : ""} ${typeof t == "boolean" && !t ? s["item-sidebar-close"] : ""}
+        `,
+        onClick: j,
+        onMouseOver: () => $(!0),
+        onMouseOut: () => $(!1),
+        ...f ? f(i.slug, i) : {},
+        children: [
+          /* @__PURE__ */ c("div", { className: "iru-flex iru-items-center iru-gap-3 iru-relative", children: [
+            b(i.svgIcon) && /* @__PURE__ */ n("div", { className: s["item-icon"], children: I || i.subs.length > 0 && e ? i == null ? void 0 : i.svgIconActive : M ? (i == null ? void 0 : i.svgIconHover) || (i == null ? void 0 : i.svgIconActive) : i == null ? void 0 : i.svgIcon }),
+            /* @__PURE__ */ n("div", { className: s["item-label"], children: i.label })
+          ] }),
+          b(i.endIcon) && /* @__PURE__ */ n("div", { className: s["end-icon"], children: i == null ? void 0 : i.endIcon }),
+          i.subs.length > 0 && t && /* @__PURE__ */ c(
+            "div",
+            {
+              className: `${s["item-icon-subs"]} ${e ? s["item-icon-subs-active"] : ""}`,
+              id: `item-sidebar-subs-${i.name}-icon`,
+              children: [
+                b(r) && r,
+                typeof r == "function" && r()
+              ]
+            }
+          )
+        ]
+      }
+    ),
+    i.parent === 3 && !i.subs.length && /* @__PURE__ */ n("div", { className: (E = d.divider) == null ? void 0 : E[m] })
+  ] })), (i.parent === 2 || i.parent === 4) && (h = /* @__PURE__ */ c(N, { children: [
+    /* @__PURE__ */ c(
+      H,
+      {
+        id: i.name,
+        className: `${s["item-sidebar-2"]}
+          ${(k = d.variant) == null ? void 0 : k[m]} ${(F = d.parent) == null ? void 0 : F[i.parent.toString()]} 
+          ${I || i.subs.length > 0 && e ? s.active : ""} ${typeof t == "boolean" && t ? s["item-sidebar-open"] : ""} ${typeof t == "boolean" && !t ? s["item-sidebar-close"] : ""}
+        `,
+        onClick: j,
+        onMouseOver: () => $(!0),
+        onMouseOut: () => $(!1),
+        ...f ? f(i.slug, i) : {},
+        children: [
+          b(i.svgIcon) && /* @__PURE__ */ n("div", { className: s["item-icon"], children: I || i.subs.length > 0 && e ? i == null ? void 0 : i.svgIconActive : M ? (i == null ? void 0 : i.svgIconHover) || (i == null ? void 0 : i.svgIconActive) : i == null ? void 0 : i.svgIcon }),
+          /* @__PURE__ */ n("div", { className: s["item-label"], children: i.label }),
+          i.subs.length > 0 && t && /* @__PURE__ */ c(
+            "div",
+            {
+              className: `${s["item-icon-subs"]} ${e ? s["item-icon-subs-active"] : ""}`,
+              id: `item-sidebar-subs-${i.name}-icon`,
+              children: [
+                b(r) && r,
+                typeof r == "function" && r()
+              ]
+            }
+          )
+        ]
+      }
+    ),
+    i.parent === 4 && !i.subs.length && /* @__PURE__ */ n("div", { className: (R = d.divider) == null ? void 0 : R[m] })
+  ] })), i.subs.length > 0 ? /* @__PURE__ */ c("div", { className: `${t || e ? "" : "-mt-2"}`, children: [
+    h,
+    /* @__PURE__ */ n(
+      "div",
+      {
+        id: `item-sidebar-subs-${i.name}-${t && e ? "open" : "close"}`,
+        className: `${s["item-subs-sidebar"]} 
+          ${(T = d.variant) == null ? void 0 : T[m]} ${!t || !e ? s.hidden : ""}`,
+        children: i.subs.map((o) => /* @__PURE__ */ q(
+          w,
+          {
+            ...o,
+            as: o.manualRoute ? "div" : o.subs.length > 0 ? x : i.linkComponent,
+            key: o.name,
+            patch: A,
+            iconSubs: r,
+            show: p,
+            open: t,
+            variant: m,
+            setShow: g
+          }
+        ))
+      }
+    ),
+    [3, 4].includes(i.parent) && /* @__PURE__ */ n("div", { className: (V = d.divider) == null ? void 0 : V[m] })
+  ] }) : h) : /* @__PURE__ */ n(N, {});
+};
+export {
+  w as default
+};

package/dist/components/Sidebar/Sidebar.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),e=require("react"),a=require("./Sidebar.module.scss.cjs"),A=require("./ItemSidebar.cjs"),W=require("../../config/tailwind/nativeScreen.cjs"),v=require("./Sidebar.config.cjs"),k=e.forwardRef((q,O)=>{var I;const{as:w,children:C,patch:d="/",iconCompany:r,iconSubs:$,iconCollapse:m,iconCollapseClose:g,modules:V,toleranceWidthIconCompany:L=25,onClickItems:M,variant:c="payhere-brand-base-white",footer:o,withInheritance:j,id:p="1ru-sidebar",styleSidebar:_,styleContent:z,...F}=q,T=e.useRef(null),[i,l]=e.useState(null),[s,f]=e.useState(null),[B,x]=e.useState(""),[E,h]=e.useState(),[N,P]=e.useState(0),b=()=>{var R;let n=0;const S=document.getElementById("icon-company-sidebar");(R=S==null?void 0:S.childNodes)==null||R.forEach(H=>{n+=H.getBoundingClientRect().width??0}),h(n+L+"px")},y=()=>{P(window.innerWidth)},u=()=>{l(!s),s?h("auto"):setTimeout(()=>{b()},100)};return e.useEffect(()=>{N>=(v.configSidebar.mobileSupport.includes(c)?W.default.lg:W.default.md)?(l(!0),setTimeout(()=>{b()},100)):(l(!1),h("auto"))},[N]),e.useEffect(()=>{typeof i=="boolean"&&f(i)},[i]),e.useImperativeHandle(O,()=>({openSidebar:i,setOpenSidebar:l,handlerClickCollapse:u}),[i,s]),e.useEffect(()=>(d&&d.split("/").length>1&&x(d+"/"),b(),y(),window.addEventListener("resize",y),()=>window.removeEventListener("resize",y)),[]),t.jsxs("div",{className:v.configSidebar.variants[c],...F,ref:T,children:[t.jsxs("div",{id:p,className:`${a.default.sidebar} ${typeof s=="boolean"&&s?a.default["sidebar-open"]:""} ${typeof s=="boolean"&&!s?a.default["sidebar-close"]:""}`,style:_||{},children:[e.isValidElement(m)&&t.jsxs("div",{className:a.default["button-collaps-sidebar"],id:`${p}-${i?"close-collapse":"open-collapse"}`,onClick:u,children:[i&&m,i?"":e.isValidElement(g)?g:m]}),t.jsx("div",{className:a.default["container-icon-company-sidebar"],children:t.jsxs("div",{id:"icon-company-sidebar",className:a.default["icon-company-sidebar"],style:{width:E&&v.configSidebar.withCuctomWidthIconCompany.includes(c)?E:"100%"},children:[e.isValidElement(r)&&r,typeof r=="function"&&r({openSidebar:s,setOpenSidebar:l})]})}),t.jsx("div",{className:a.default["menu-sidebar"],onMouseOver:()=>{i||f(!0)},onMouseOut:()=>{i||f(!1)},children:V.map(n=>e.createElement(A.default,{...n,as:n.manualRoute||n.subs.length>0?"div":w,linkComponent:w,key:n.name,show:B,open:s,patch:d,iconSubs:$,variant:c,setShow:x,onClickItems:M}))}),o&&t.jsxs("div",{className:s?"iru-opacity-[1]":"iru-opacity-0",children:[e.isValidElement(o)&&t.jsx("div",{children:o}),typeof o=="function"&&t.jsx("div",{children:o()})]})]}),i&&t.jsx("div",{id:`${p}-splace-screen`,className:a.default["splace-screen"],onClick:u}),t.jsxs("div",{className:a.default["content-sidebar"],style:z||{},children:[j&&((I=e.Children)==null?void 0:I.map(C,n=>t.jsx(t.Fragment,{children:e.isValidElement(n)&&t.jsx(t.Fragment,{children:e.cloneElement(n,{openSidebar:i,handlerClickCollapse:u})})}))),!j&&t.jsx(t.Fragment,{children:C})]})]})});k.displayName="Sidebar";exports.default=k;

package/dist/components/Sidebar/Sidebar.config.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./Sidebar.module.scss.cjs"),a={withCuctomWidthIconCompany:["payhere-brand-base-white","payhere-brand-base-transparent"],variants:{"payhere-brand-base-white":e.default["payhere-brand-base-white"],"payhere-brand-base-transparent":e.default["payhere-brand-base-transparent"],"payhere-brand-indigo-900-transparent":e.default["payhere-brand-indigo-900-transparent"],"payhere-brand-blue-gray-900-transparent":e.default["payhere-brand-blue-gray-900-transparent"],"laba-white":e.default["laba-white"],"lpd-brand-base-white":e.default["lpd-brand-base-white"],"lpd-brand-base-transparent":e.default["lpd-brand-base-transparent"],"lpd-brand-base-white-responsive":e.default["lpd-brand-base-white-responsive"],"lpd-brand-base-transparent-responsive":e.default["lpd-brand-base-transparent-responsive"],"bill-brand-base":e.default["bill-brand-base"],"bill-brand-base-responsive":e.default["bill-brand-base-responsive"]},mobileSupport:["lpd-brand-base-transparent-responsive","lpd-brand-base-white-responsive","bill-brand-base-responsive"]};exports.configSidebar=a;

package/dist/components/Sidebar/Sidebar.config.mjs

@@ -0,0 +1,25 @@
+import a from "./Sidebar.module.scss.mjs";
+const r = {
+  withCuctomWidthIconCompany: ["payhere-brand-base-white", "payhere-brand-base-transparent"],
+  variants: {
+    "payhere-brand-base-white": a["payhere-brand-base-white"],
+    "payhere-brand-base-transparent": a["payhere-brand-base-transparent"],
+    "payhere-brand-indigo-900-transparent": a["payhere-brand-indigo-900-transparent"],
+    "payhere-brand-blue-gray-900-transparent": a["payhere-brand-blue-gray-900-transparent"],
+    "laba-white": a["laba-white"],
+    "lpd-brand-base-white": a["lpd-brand-base-white"],
+    "lpd-brand-base-transparent": a["lpd-brand-base-transparent"],
+    "lpd-brand-base-white-responsive": a["lpd-brand-base-white-responsive"],
+    "lpd-brand-base-transparent-responsive": a["lpd-brand-base-transparent-responsive"],
+    "bill-brand-base": a["bill-brand-base"],
+    "bill-brand-base-responsive": a["bill-brand-base-responsive"]
+  },
+  mobileSupport: [
+    "lpd-brand-base-transparent-responsive",
+    "lpd-brand-base-white-responsive",
+    "bill-brand-base-responsive"
+  ]
+};
+export {
+  r as configSidebar
+};

package/dist/components/Sidebar/Sidebar.mjs

@@ -0,0 +1,136 @@
+import { jsxs as a, jsx as s, Fragment as S } from "react/jsx-runtime";
+import e, { createElement as G } from "react";
+import o from "./Sidebar.module.scss.mjs";
+import J from "./ItemSidebar.mjs";
+import V from "../../config/tailwind/nativeScreen.mjs";
+import { configSidebar as v } from "./Sidebar.config.mjs";
+const K = e.forwardRef(
+  (x, L) => {
+    var $;
+    const {
+      as: E,
+      children: N,
+      patch: r = "/",
+      iconCompany: c,
+      iconSubs: z,
+      iconCollapse: u,
+      iconCollapseClose: g,
+      modules: j,
+      toleranceWidthIconCompany: B = 25,
+      onClickItems: M,
+      variant: m = "payhere-brand-base-white",
+      footer: l,
+      withInheritance: I,
+      id: h = "1ru-sidebar",
+      styleSidebar: T,
+      styleContent: F,
+      ...H
+    } = x, P = e.useRef(null), [i, d] = e.useState(null), [t, f] = e.useState(null), [q, R] = e.useState(""), [W, b] = e.useState(), [k, A] = e.useState(0), y = () => {
+      var O;
+      let n = 0;
+      const C = document.getElementById("icon-company-sidebar");
+      (O = C == null ? void 0 : C.childNodes) == null || O.forEach((D) => {
+        n += D.getBoundingClientRect().width ?? 0;
+      }), b(n + B + "px");
+    }, w = () => {
+      A(window.innerWidth);
+    }, p = () => {
+      d(!t), t ? b("auto") : setTimeout(() => {
+        y();
+      }, 100);
+    };
+    return e.useEffect(() => {
+      k >= (v.mobileSupport.includes(m) ? V.lg : V.md) ? (d(!0), setTimeout(() => {
+        y();
+      }, 100)) : (d(!1), b("auto"));
+    }, [k]), e.useEffect(() => {
+      typeof i == "boolean" && f(i);
+    }, [i]), e.useImperativeHandle(
+      L,
+      () => ({
+        openSidebar: i,
+        setOpenSidebar: d,
+        handlerClickCollapse: p
+      }),
+      [i, t]
+    ), e.useEffect(() => (r && r.split("/").length > 1 && R(r + "/"), y(), w(), window.addEventListener("resize", w), () => window.removeEventListener("resize", w)), []), /* @__PURE__ */ a("div", { className: v.variants[m], ...H, ref: P, children: [
+      /* @__PURE__ */ a(
+        "div",
+        {
+          id: h,
+          className: `${o.sidebar} ${typeof t == "boolean" && t ? o["sidebar-open"] : ""} ${typeof t == "boolean" && !t ? o["sidebar-close"] : ""}`,
+          style: T || {},
+          children: [
+            e.isValidElement(u) && /* @__PURE__ */ a(
+              "div",
+              {
+                className: o["button-collaps-sidebar"],
+                id: `${h}-${i ? "close-collapse" : "open-collapse"}`,
+                onClick: p,
+                children: [
+                  i && u,
+                  i ? "" : e.isValidElement(g) ? g : u
+                ]
+              }
+            ),
+            /* @__PURE__ */ s("div", { className: o["container-icon-company-sidebar"], children: /* @__PURE__ */ a(
+              "div",
+              {
+                id: "icon-company-sidebar",
+                className: o["icon-company-sidebar"],
+                style: {
+                  width: W && v.withCuctomWidthIconCompany.includes(m) ? W : "100%"
+                },
+                children: [
+                  e.isValidElement(c) && c,
+                  typeof c == "function" && c({ openSidebar: t, setOpenSidebar: d })
+                ]
+              }
+            ) }),
+            /* @__PURE__ */ s(
+              "div",
+              {
+                className: o["menu-sidebar"],
+                onMouseOver: () => {
+                  i || f(!0);
+                },
+                onMouseOut: () => {
+                  i || f(!1);
+                },
+                children: j.map((n) => /* @__PURE__ */ G(
+                  J,
+                  {
+                    ...n,
+                    as: n.manualRoute || n.subs.length > 0 ? "div" : E,
+                    linkComponent: E,
+                    key: n.name,
+                    show: q,
+                    open: t,
+                    patch: r,
+                    iconSubs: z,
+                    variant: m,
+                    setShow: R,
+                    onClickItems: M
+                  }
+                ))
+              }
+            ),
+            l && /* @__PURE__ */ a("div", { className: t ? "iru-opacity-[1]" : "iru-opacity-0", children: [
+              e.isValidElement(l) && /* @__PURE__ */ s("div", { children: l }),
+              typeof l == "function" && /* @__PURE__ */ s("div", { children: l() })
+            ] })
+          ]
+        }
+      ),
+      i && /* @__PURE__ */ s("div", { id: `${h}-splace-screen`, className: o["splace-screen"], onClick: p }),
+      /* @__PURE__ */ a("div", { className: o["content-sidebar"], style: F || {}, children: [
+        I && (($ = e.Children) == null ? void 0 : $.map(N, (n) => /* @__PURE__ */ s(S, { children: e.isValidElement(n) && /* @__PURE__ */ s(S, { children: e.cloneElement(n, { openSidebar: i, handlerClickCollapse: p }) }) }))),
+        !I && /* @__PURE__ */ s(S, { children: N })
+      ] })
+    ] });
+  }
+);
+K.displayName = "Sidebar";
+export {
+  K as default
+};

package/dist/components/Sidebar/Sidebar.module.scss.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="_sidebar_1lllp_16",a={"splace-screen":"_splace-screen_1lllp_1","payhere-brand-base-white":"_payhere-brand-base-white_1lllp_13",sidebar:e,"button-collaps-sidebar":"_button-collaps-sidebar_1lllp_31","menu-sidebar":"_menu-sidebar_1lllp_48","sidebar-open":"_sidebar-open_1lllp_79","container-icon-company-sidebar":"_container-icon-company-sidebar_1lllp_96","icon-company-sidebar":"_icon-company-sidebar_1lllp_99","sidebar-close":"_sidebar-close_1lllp_107","content-sidebar":"_content-sidebar_1lllp_132","payhere-brand-base-transparent":"_payhere-brand-base-transparent_1lllp_211","payhere-brand-blue-gray-900-transparent":"_payhere-brand-blue-gray-900-transparent_1lllp_409","payhere-brand-indigo-900-transparent":"_payhere-brand-indigo-900-transparent_1lllp_607","laba-white":"_laba-white_1lllp_805","lpd-brand-base-white":"_lpd-brand-base-white_1lllp_1195","lpd-brand-base-transparent":"_lpd-brand-base-transparent_1lllp_1393","lpd-brand-base-white-responsive":"_lpd-brand-base-white-responsive_1lllp_1591","lpd-brand-base-transparent-responsive":"_lpd-brand-base-transparent-responsive_1lllp_1825","bill-brand-base":"_bill-brand-base_1lllp_2059","bill-brand-base-responsive":"_bill-brand-base-responsive_1lllp_2460"};exports.default=a;exports.sidebar=e;

package/dist/components/Sidebar/Sidebar.module.scss.mjs

@@ -0,0 +1,26 @@
+const e = "_sidebar_1lllp_16", a = {
+  "splace-screen": "_splace-screen_1lllp_1",
+  "payhere-brand-base-white": "_payhere-brand-base-white_1lllp_13",
+  sidebar: e,
+  "button-collaps-sidebar": "_button-collaps-sidebar_1lllp_31",
+  "menu-sidebar": "_menu-sidebar_1lllp_48",
+  "sidebar-open": "_sidebar-open_1lllp_79",
+  "container-icon-company-sidebar": "_container-icon-company-sidebar_1lllp_96",
+  "icon-company-sidebar": "_icon-company-sidebar_1lllp_99",
+  "sidebar-close": "_sidebar-close_1lllp_107",
+  "content-sidebar": "_content-sidebar_1lllp_132",
+  "payhere-brand-base-transparent": "_payhere-brand-base-transparent_1lllp_211",
+  "payhere-brand-blue-gray-900-transparent": "_payhere-brand-blue-gray-900-transparent_1lllp_409",
+  "payhere-brand-indigo-900-transparent": "_payhere-brand-indigo-900-transparent_1lllp_607",
+  "laba-white": "_laba-white_1lllp_805",
+  "lpd-brand-base-white": "_lpd-brand-base-white_1lllp_1195",
+  "lpd-brand-base-transparent": "_lpd-brand-base-transparent_1lllp_1393",
+  "lpd-brand-base-white-responsive": "_lpd-brand-base-white-responsive_1lllp_1591",
+  "lpd-brand-base-transparent-responsive": "_lpd-brand-base-transparent-responsive_1lllp_1825",
+  "bill-brand-base": "_bill-brand-base_1lllp_2059",
+  "bill-brand-base-responsive": "_bill-brand-base-responsive_1lllp_2460"
+};
+export {
+  a as default,
+  e as sidebar
+};

package/dist/components/Sidebar/itemSidebar.module.scss.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="_hidden_t2dfc_96",i="_active_t2dfc_152",d={"item-icon-subs":"_item-icon-subs_t2dfc_1","item-sidebar-2":"_item-sidebar-2_t2dfc_1","item-sidebar-1":"_item-sidebar-1_t2dfc_1","end-icon":"_end-icon_t2dfc_1","item-icon":"_item-icon_t2dfc_1","item-label":"_item-label_t2dfc_25","item-sidebar-open":"_item-sidebar-open_t2dfc_51","item-sidebar-close":"_item-sidebar-close_t2dfc_66","item-icon-subs-active":"_item-icon-subs-active_t2dfc_75","item-subs-sidebar":"_item-subs-sidebar_t2dfc_82","sidebar-bill":"_sidebar-bill_t2dfc_85",hidden:e,"divider-item-sidebar-payhere":"_divider-item-sidebar-payhere_t2dfc_106","divider-item-sidebar-lpd":"_divider-item-sidebar-lpd_t2dfc_111","parent-sidebar-5":"_parent-sidebar-5_t2dfc_133","parent-sidebar-6":"_parent-sidebar-6_t2dfc_137","parent-sidebar-7":"_parent-sidebar-7_t2dfc_141","parent-sidebar-8":"_parent-sidebar-8_t2dfc_146",active:i,"sidebar-payhere-blue-gray-800":"_sidebar-payhere-blue-gray-800_t2dfc_162","sidebar-payhere-indigo-800":"_sidebar-payhere-indigo-800_t2dfc_188","sidebar-payhere":"_sidebar-payhere_t2dfc_162","sidebar-laba":"_sidebar-laba_t2dfc_240","sidebar-lpd":"_sidebar-lpd_t2dfc_273"};exports.active=i;exports.default=d;exports.hidden=e;

package/dist/components/Sidebar/itemSidebar.module.scss.mjs

@@ -0,0 +1,31 @@
+const e = "_hidden_t2dfc_96", i = "_active_t2dfc_152", d = {
+  "item-icon-subs": "_item-icon-subs_t2dfc_1",
+  "item-sidebar-2": "_item-sidebar-2_t2dfc_1",
+  "item-sidebar-1": "_item-sidebar-1_t2dfc_1",
+  "end-icon": "_end-icon_t2dfc_1",
+  "item-icon": "_item-icon_t2dfc_1",
+  "item-label": "_item-label_t2dfc_25",
+  "item-sidebar-open": "_item-sidebar-open_t2dfc_51",
+  "item-sidebar-close": "_item-sidebar-close_t2dfc_66",
+  "item-icon-subs-active": "_item-icon-subs-active_t2dfc_75",
+  "item-subs-sidebar": "_item-subs-sidebar_t2dfc_82",
+  "sidebar-bill": "_sidebar-bill_t2dfc_85",
+  hidden: e,
+  "divider-item-sidebar-payhere": "_divider-item-sidebar-payhere_t2dfc_106",
+  "divider-item-sidebar-lpd": "_divider-item-sidebar-lpd_t2dfc_111",
+  "parent-sidebar-5": "_parent-sidebar-5_t2dfc_133",
+  "parent-sidebar-6": "_parent-sidebar-6_t2dfc_137",
+  "parent-sidebar-7": "_parent-sidebar-7_t2dfc_141",
+  "parent-sidebar-8": "_parent-sidebar-8_t2dfc_146",
+  active: i,
+  "sidebar-payhere-blue-gray-800": "_sidebar-payhere-blue-gray-800_t2dfc_162",
+  "sidebar-payhere-indigo-800": "_sidebar-payhere-indigo-800_t2dfc_188",
+  "sidebar-payhere": "_sidebar-payhere_t2dfc_162",
+  "sidebar-laba": "_sidebar-laba_t2dfc_240",
+  "sidebar-lpd": "_sidebar-lpd_t2dfc_273"
+};
+export {
+  i as active,
+  d as default,
+  e as hidden
+};

package/dist/components/Step/Step.cjs

@@ -0,0 +1,5 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react/jsx-runtime"),d=require("./Step.module.scss.cjs"),g=({widthLine:l,color:r})=>s.jsx("svg",{height:"5",xmlns:"http://www.w3.org/2000/svg",className:d.default["content-line-dashed"],width:l+10,style:{right:-(l/2+14)},children:s.jsx("g",{fill:"none",stroke:r,strokeWidth:"10",children:s.jsx("path",{strokeDasharray:"12,4",d:`M0 0 ${l+10} 0`})})}),u=({widthLine:l,color:r})=>s.jsx("hr",{className:d.default["content-line-active"],style:{width:l+22,right:-(l/2+20),borderColor:r}}),N=({activeStep:l,stepList:r,widthLine:n=250,classNameContainer:x,classNameContent:f,classNameDesc:$,onChange:a,afterActiveType:t="solid",beforeActiveType:h="dashed",colorActive:m="#0163c8 ",colorInactive:j="#D6D6D6"})=>s.jsx("div",{className:`${d.default.container} ${x??""}`,children:r.map((e,o)=>{const c=o+1;return s.jsxs("div",{className:`${d.default["content-section"]} ${f??""}`,onClick:()=>{typeof a=="function"&&a(e)},children:[s.jsxs("div",{className:d.default["content-step"],children:[c<r.length&&s.jsxs(s.Fragment,{children:[(e.step??c)>=l&&s.jsxs(s.Fragment,{children:[h==="solid"&&s.jsx(u,{color:j,widthLine:n}),h==="dashed"&&s.jsx(g,{color:j,widthLine:n})]}),(e.step??c)<l&&s.jsxs(s.Fragment,{children:[t==="solid"&&s.jsx(u,{color:m,widthLine:n}),t==="dashed"&&s.jsx(g,{color:m,widthLine:n})]})]}),o!==0&&s.jsx("div",{style:{width:n/2}}),s.jsx("div",{className:`${d.default["number-step"]} 
+                ${(e.step??c)<l?d.default.passed:""}
+                ${(e.step??c)===l?d.default.active:""}
+                ${e.className??""}`,children:l>e.step&&e.valueDone?s.jsx(s.Fragment,{children:e.valueDone}):s.jsx(s.Fragment,{children:e.value?e.value:c})}),o+1!==(r==null?void 0:r.length)&&s.jsx("div",{style:{width:n/2}})]}),e.desc&&s.jsx("div",{className:`${d.default["content-description"]} ${$??""} 
+                ${(e.step??c)<=l?d.default.active:""}`,style:{maxWidth:o+1===(r==null?void 0:r.length)||o===0?(n-30)*2:n-30,marginRight:o+1===(r==null?void 0:r.length)?-(n/2):0,marginLeft:o===0?-(n/2):0},children:e.desc})]},o)})});exports.default=N;

package/dist/components/Step/Step.mjs

@@ -0,0 +1,85 @@
+import { jsx as o, jsxs as a, Fragment as m } from "react/jsx-runtime";
+import s from "./Step.module.scss.mjs";
+const D = ({ widthLine: c, color: r }) => /* @__PURE__ */ o(
+  "svg",
+  {
+    height: "5",
+    xmlns: "http://www.w3.org/2000/svg",
+    className: s["content-line-dashed"],
+    width: c + 10,
+    style: { right: -(c / 2 + 14) },
+    children: /* @__PURE__ */ o("g", { fill: "none", stroke: r, strokeWidth: "10", children: /* @__PURE__ */ o("path", { strokeDasharray: "12,4", d: `M0 0 ${c + 10} 0` }) })
+  }
+), f = ({ widthLine: c, color: r }) => /* @__PURE__ */ o(
+  "hr",
+  {
+    className: s["content-line-active"],
+    style: { width: c + 22, right: -(c / 2 + 20), borderColor: r }
+  }
+), C = ({
+  activeStep: c,
+  stepList: r,
+  widthLine: n = 250,
+  classNameContainer: y,
+  classNameContent: k,
+  classNameDesc: b,
+  onChange: e,
+  afterActiveType: g = "solid",
+  beforeActiveType: $ = "dashed",
+  colorActive: t = "#0163c8 ",
+  colorInactive: N = "#D6D6D6"
+}) => /* @__PURE__ */ o("div", { className: `${s.container} ${y ?? ""}`, children: r.map((l, d) => {
+  const h = d + 1;
+  return /* @__PURE__ */ a(
+    "div",
+    {
+      className: `${s["content-section"]} ${k ?? ""}`,
+      onClick: () => {
+        typeof e == "function" && e(l);
+      },
+      children: [
+        /* @__PURE__ */ a("div", { className: s["content-step"], children: [
+          h < r.length && /* @__PURE__ */ a(m, { children: [
+            (l.step ?? h) >= c && /* @__PURE__ */ a(m, { children: [
+              $ === "solid" && /* @__PURE__ */ o(f, { color: N, widthLine: n }),
+              $ === "dashed" && /* @__PURE__ */ o(D, { color: N, widthLine: n })
+            ] }),
+            (l.step ?? h) < c && /* @__PURE__ */ a(m, { children: [
+              g === "solid" && /* @__PURE__ */ o(f, { color: t, widthLine: n }),
+              g === "dashed" && /* @__PURE__ */ o(D, { color: t, widthLine: n })
+            ] })
+          ] }),
+          d !== 0 && /* @__PURE__ */ o("div", { style: { width: n / 2 } }),
+          /* @__PURE__ */ o(
+            "div",
+            {
+              className: `${s["number-step"]} 
+                ${(l.step ?? h) < c ? s.passed : ""}
+                ${(l.step ?? h) === c ? s.active : ""}
+                ${l.className ?? ""}`,
+              children: c > l.step && l.valueDone ? /* @__PURE__ */ o(m, { children: l.valueDone }) : /* @__PURE__ */ o(m, { children: l.value ? l.value : h })
+            }
+          ),
+          d + 1 !== (r == null ? void 0 : r.length) && /* @__PURE__ */ o("div", { style: { width: n / 2 } })
+        ] }),
+        l.desc && /* @__PURE__ */ o(
+          "div",
+          {
+            className: `${s["content-description"]} ${b ?? ""} 
+                ${(l.step ?? h) <= c ? s.active : ""}`,
+            style: {
+              maxWidth: d + 1 === (r == null ? void 0 : r.length) || d === 0 ? (n - 30) * 2 : n - 30,
+              marginRight: d + 1 === (r == null ? void 0 : r.length) ? -(n / 2) : 0,
+              marginLeft: d === 0 ? -(n / 2) : 0
+            },
+            children: l.desc
+          }
+        )
+      ]
+    },
+    d
+  );
+}) });
+export {
+  C as default
+};

package/dist/components/Step/Step.module.scss.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="_container_1bbdq_1",t="_passed_1bbdq_38",n="_active_1bbdq_42",c={container:e,"content-section":"_content-section_1bbdq_6","content-step":"_content-step_1bbdq_12","number-step":"_number-step_1bbdq_17",passed:t,active:n,"content-line-dashed":"_content-line-dashed_1bbdq_47","content-line-active":"_content-line-active_1bbdq_51","content-description":"_content-description_1bbdq_56"};exports.active=n;exports.container=e;exports.default=c;exports.passed=t;

package/dist/components/Step/Step.module.scss.mjs

@@ -0,0 +1,17 @@
+const t = "_container_1bbdq_1", e = "_passed_1bbdq_38", n = "_active_1bbdq_42", _ = {
+  container: t,
+  "content-section": "_content-section_1bbdq_6",
+  "content-step": "_content-step_1bbdq_12",
+  "number-step": "_number-step_1bbdq_17",
+  passed: e,
+  active: n,
+  "content-line-dashed": "_content-line-dashed_1bbdq_47",
+  "content-line-active": "_content-line-active_1bbdq_51",
+  "content-description": "_content-description_1bbdq_56"
+};
+export {
+  n as active,
+  t as container,
+  _ as default,
+  e as passed
+};

package/dist/components/Step/StepIndicator.cjs

@@ -0,0 +1,4 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react/jsx-runtime"),t=require("./StepIndicator.module.scss.cjs");function x(e,l){if(e<=0)return"0px";if(e===1)return"100%";const s=e-1;return`calc((100% - (${l} * ${s})) / ${e})`}const j=({activeStep:e=0,countStep:l=0,classNameActiveStepIndicator:s="",classNameContainer:$="",classNameDesc:u="",classNameStepIndicator:n="",id:c="1ru-step-indicator",locationStepIndicator:i="right",widthStepIndicator:h=120,dynamicWidthStepIndicator:d=!1,gapStepIndicator:a="2px",classNameStepIndicatorContainer:m=""})=>r.jsxs("div",{id:c,className:`${t.default["container-step-indicator"]} 
+      ${i==="left"?t.default.left:t.default.right} ${$||""}`,children:[i==="left"&&r.jsxs("p",{className:`${t.default["text-step-indicator"]} ${u||""}`,children:[e+1,"/",l]}),r.jsx("div",{className:`${t.default["step-indicator"]} ${m||""}
+        ${d?"iru-w-full":""} ${a}`,style:{gap:a},children:Array.from({length:l}).map((o,f)=>r.jsx("div",{className:`${t.default.indicator} ${n||""} 
+            ${f<=e?`${t.default.active} ${s}`:""}`,style:{width:d?x(l,a):h}},f))}),i==="right"&&r.jsxs("p",{className:`${t.default["text-step-indicator"]} ${u||""}`,children:[e+1,"/",l]})]});exports.default=j;

package/dist/components/Step/StepIndicator.mjs

@@ -0,0 +1,65 @@
+import { jsxs as $, jsx as d } from "react/jsx-runtime";
+import s from "./StepIndicator.module.scss.mjs";
+function g(r, i) {
+  if (r <= 0)
+    return "0px";
+  if (r === 1)
+    return "100%";
+  const e = r - 1;
+  return `calc((100% - (${i} * ${e})) / ${r})`;
+}
+const y = ({
+  activeStep: r = 0,
+  countStep: i = 0,
+  classNameActiveStepIndicator: e = "",
+  classNameContainer: h = "",
+  classNameDesc: a = "",
+  classNameStepIndicator: n = "",
+  id: c = "1ru-step-indicator",
+  locationStepIndicator: l = "right",
+  widthStepIndicator: x = 120,
+  dynamicWidthStepIndicator: f = !1,
+  gapStepIndicator: t = "2px",
+  classNameStepIndicatorContainer: u = ""
+}) => /* @__PURE__ */ $(
+  "div",
+  {
+    id: c,
+    className: `${s["container-step-indicator"]} 
+      ${l === "left" ? s.left : s.right} ${h || ""}`,
+    children: [
+      l === "left" && /* @__PURE__ */ $("p", { className: `${s["text-step-indicator"]} ${a || ""}`, children: [
+        r + 1,
+        "/",
+        i
+      ] }),
+      /* @__PURE__ */ d(
+        "div",
+        {
+          className: `${s["step-indicator"]} ${u || ""}
+        ${f ? "iru-w-full" : ""} ${t}`,
+          style: { gap: t },
+          children: Array.from({ length: i }).map((p, m) => /* @__PURE__ */ d(
+            "div",
+            {
+              className: `${s.indicator} ${n || ""} 
+            ${m <= r ? `${s.active} ${e}` : ""}`,
+              style: {
+                width: f ? g(i, t) : x
+              }
+            },
+            m
+          ))
+        }
+      ),
+      l === "right" && /* @__PURE__ */ $("p", { className: `${s["text-step-indicator"]} ${a || ""}`, children: [
+        r + 1,
+        "/",
+        i
+      ] })
+    ]
+  }
+);
+export {
+  y as default
+};

package/dist/components/Step/StepIndicator.module.scss.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t="_left_do93a_7",i="_right_do93a_10",e="_indicator_do93a_26",o="_active_do93a_31",a={"container-step-indicator":"_container-step-indicator_do93a_1",left:t,right:i,"text-step-indicator":"_text-step-indicator_do93a_13","step-indicator":"_step-indicator_do93a_22",indicator:e,active:o};exports.active=o;exports.default=a;exports.indicator=e;exports.left=t;exports.right=i;

package/dist/components/Step/StepIndicator.module.scss.mjs

@@ -0,0 +1,16 @@
+const t = "_left_do93a_7", i = "_right_do93a_10", o = "_indicator_do93a_26", a = "_active_do93a_31", _ = {
+  "container-step-indicator": "_container-step-indicator_do93a_1",
+  left: t,
+  right: i,
+  "text-step-indicator": "_text-step-indicator_do93a_13",
+  "step-indicator": "_step-indicator_do93a_22",
+  indicator: o,
+  active: a
+};
+export {
+  a as active,
+  _ as default,
+  o as indicator,
+  t as left,
+  i as right
+};

package/dist/components/Switch/Switch.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),t=require("./style.module.scss.cjs"),s=require("./Switch.config.cjs"),g=({value:c,disabled:i,title:a="",description:n="",size:d="regular",kind:l="payhere",id:o,className:u,classNameTitle:h,classNameDesc:f,onChange:r})=>{const $=()=>{!i&&typeof r=="function"&&r(!c)};return e.jsxs("div",{className:`iru-flex iru-gap-2 ${u??""}`,onClick:x=>x.stopPropagation(),children:[e.jsxs("label",{children:[e.jsx("input",{id:o??"1ru-switch",type:"checkbox",checked:c,onChange:$,className:"iru-hidden"}),e.jsx("span",{className:`${s.configSwitch.size[d]} ${s.configSwitch.kind[l]} ${c?t.default.active:""} ${i?t.default.disabled:""} ${!c&&i?t.default["disabled-nonactive"]:""}`,children:e.jsx("span",{className:`${t.default["thumb-switch"]} ${c?t.default.active:""} ${i?t.default.disabled:""} ${!c&&i?t.default["disabled-nonactive"]:""}`})})]}),(a||n)&&e.jsxs("div",{children:[a&&e.jsx("div",{className:`${s.configSwitch.text.title[l]} ${h}`,children:a}),n&&e.jsx("div",{className:`${s.configSwitch.text.desc[l]} ${f}`,children:n})]})]})};exports.default=g;

package/dist/components/Switch/Switch.config.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./style.module.scss.cjs"),e={size:{large:t.default["switch-l"],regular:t.default["switch-r"],small:t.default["switch-s"]},kind:{laba:t.default["switch-laba"],payhere:t.default["switch-payhere"],bill:t.default["switch-bill"]},text:{title:{laba:t.default["title-switch-laba"],payhere:t.default["title-switch-payhere"],bill:t.default["title-switch-bill"]},desc:{laba:t.default["description-switch-laba"],payhere:t.default["description-switch-payhere"],bill:t.default["description-switch-bill"]}}};exports.configSwitch=e;

package/dist/components/Switch/Switch.config.mjs

@@ -0,0 +1,28 @@
+import i from "./style.module.scss.mjs";
+const l = {
+  size: {
+    large: i["switch-l"],
+    regular: i["switch-r"],
+    small: i["switch-s"]
+  },
+  kind: {
+    laba: i["switch-laba"],
+    payhere: i["switch-payhere"],
+    bill: i["switch-bill"]
+  },
+  text: {
+    title: {
+      laba: i["title-switch-laba"],
+      payhere: i["title-switch-payhere"],
+      bill: i["title-switch-bill"]
+    },
+    desc: {
+      laba: i["description-switch-laba"],
+      payhere: i["description-switch-payhere"],
+      bill: i["description-switch-bill"]
+    }
+  }
+};
+export {
+  l as configSwitch
+};