1mpacto-react-ui 2.0.25 → 2.0.27

package/dist/components/Input/InputInnerLabel.mjs

@@ -1,59 +1,60 @@
-import { jsxs as s, jsx as o } from "react/jsx-runtime";
-import i from "react";
+import { jsxs as i, jsx as o } from "react/jsx-runtime";
+import l from "react";
 import e from "./InputInnerLabel.module.scss.mjs";
-import { configInputInnerLabel as L } from "./InputInnerLabel.config.mjs";
-const v = i.forwardRef((m, p) => {
+import { configInputInnerLabel as m } from "./InputInnerLabel.config.mjs";
+const x = l.forwardRef((p, b) => {
   const {
     isRequired: f,
-    classNameContainer: b,
-    className: $,
-    classNameLabel: u,
-    classNameLabelError: N,
+    classNameContainer: $,
+    className: u,
+    classNameLabel: N,
+    classNameLabelError: h,
     name: c,
     id: d,
-    label: l,
-    type: h = "text",
-    startIcon: n,
-    endIcon: a,
+    label: s,
+    type: I = "text",
+    startIcon: a,
+    endIcon: n,
     error: t,
-    sizeInput: I = "large",
+    sizeInput: y = "large",
+    variant: v = "bill-blue-800",
     ...r
-  } = m, y = () => typeof n == "function" || i.isValidElement(n), E = () => typeof a == "function" || i.isValidElement(a);
-  return /* @__PURE__ */ s(
+  } = p, E = () => typeof a == "function" || l.isValidElement(a), L = () => typeof n == "function" || l.isValidElement(n);
+  return /* @__PURE__ */ i(
     "div",
     {
-      className: `${L.size[I]} ${b ?? ""} 
-          ${l ? "" : e["hidden-label"]}`,
+      className: `${m.size[y]} ${m.variant[v]} 
+        ${$ ?? ""} ${s ? "" : e["hidden-label"]}`,
       children: [
-        /* @__PURE__ */ s("div", { className: `${e["container-input"]}`, children: [
-          /* @__PURE__ */ s("div", { className: e["start-icon"], children: [
-            typeof n == "function" && n(),
-            i.isValidElement(n) && n
+        /* @__PURE__ */ i("div", { className: `${e["container-input"]}`, children: [
+          /* @__PURE__ */ i("div", { className: e["start-icon"], children: [
+            typeof a == "function" && a(),
+            l.isValidElement(a) && a
           ] }),
           /* @__PURE__ */ o(
             "input",
             {
               id: d ?? c,
               className: `${e.input} ${t ? e.error : ""}
-          ${y() ? e["isset-left-icon"] : ""} 
-          ${E() ? e["isset-right-icon"] : ""} 
-          ${$ ?? ""}`,
-              ref: p,
-              type: h,
+          ${E() ? e["isset-left-icon"] : ""} 
+          ${L() ? e["isset-right-icon"] : ""} 
+          ${u ?? ""}`,
+              ref: b,
+              type: I,
               ...r
             }
           ),
-          /* @__PURE__ */ s("div", { className: e["end-icon"], children: [
-            typeof a == "function" && a(),
-            i.isValidElement(a) && a
+          /* @__PURE__ */ i("div", { className: e["end-icon"], children: [
+            typeof n == "function" && n(),
+            l.isValidElement(n) && n
           ] }),
-          l && /* @__PURE__ */ s(
+          s && /* @__PURE__ */ i(
             "label",
             {
               htmlFor: d ?? c,
-              className: `${e.label} ${r.disabled ? e.disabled : ""} ${u ?? ""}`,
+              className: `${e.label} ${r.disabled ? e.disabled : ""} ${N ?? ""}`,
               children: [
-                l,
+                s,
                 " ",
                 f && /* @__PURE__ */ o("span", { children: "*" })
               ]
@@ -64,7 +65,7 @@ const v = i.forwardRef((m, p) => {
           "label",
           {
             className: `${e["label-error"]} 
-          ${r.disabled ? e.disabled : ""} ${N ?? ""}`,
+          ${r.disabled ? e.disabled : ""} ${h ?? ""}`,
             children: t
           }
         )
@@ -72,7 +73,7 @@ const v = i.forwardRef((m, p) => {
     }
   );
 });
-v.displayName = "InputInnerLabel";
+x.displayName = "InputInnerLabel";
 export {
-  v as default
+  x as default
 };

package/dist/components/Input/InputInnerLabel.module.scss.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="_input_19hx0_12",_="_label_19hx0_39",t="_error_19hx0_59",n={"container-large":"_container-large_19hx0_1","container-input":"_container-input_19hx0_6",input:e,label:_,error:t,"isset-right-icon":"_isset-right-icon_19hx0_82","isset-left-icon":"_isset-left-icon_19hx0_85","start-icon":"_start-icon_19hx0_88","end-icon":"_end-icon_19hx0_95","label-error":"_label-error_19hx0_102","hidden-label":"_hidden-label_19hx0_113","container-small":"_container-small_19hx0_229"};exports.default=n;exports.error=t;exports.input=e;exports.label=_;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="_input_zpfet_12",t="_label_zpfet_43",_="_error_zpfet_63",l={"container-large":"_container-large_zpfet_1","container-input":"_container-input_zpfet_6",input:e,label:t,error:_,"isset-right-icon":"_isset-right-icon_zpfet_89","isset-left-icon":"_isset-left-icon_zpfet_92","start-icon":"_start-icon_zpfet_95","end-icon":"_end-icon_zpfet_102","label-error":"_label-error_zpfet_109","hidden-label":"_hidden-label_zpfet_120","container-small":"_container-small_zpfet_243","bill-blue-800":"_bill-blue-800_zpfet_485","fin-black":"_fin-black_zpfet_492"};exports.default=l;exports.error=_;exports.input=e;exports.label=t;

package/dist/components/Input/InputInnerLabel.module.scss.mjs

@@ -1,20 +1,22 @@
-const _ = "_input_19hx0_12", e = "_label_19hx0_39", n = "_error_19hx0_59", t = {
-  "container-large": "_container-large_19hx0_1",
-  "container-input": "_container-input_19hx0_6",
-  input: _,
-  label: e,
-  error: n,
-  "isset-right-icon": "_isset-right-icon_19hx0_82",
-  "isset-left-icon": "_isset-left-icon_19hx0_85",
-  "start-icon": "_start-icon_19hx0_88",
-  "end-icon": "_end-icon_19hx0_95",
-  "label-error": "_label-error_19hx0_102",
-  "hidden-label": "_hidden-label_19hx0_113",
-  "container-small": "_container-small_19hx0_229"
+const e = "_input_zpfet_12", t = "_label_zpfet_43", _ = "_error_zpfet_63", n = {
+  "container-large": "_container-large_zpfet_1",
+  "container-input": "_container-input_zpfet_6",
+  input: e,
+  label: t,
+  error: _,
+  "isset-right-icon": "_isset-right-icon_zpfet_89",
+  "isset-left-icon": "_isset-left-icon_zpfet_92",
+  "start-icon": "_start-icon_zpfet_95",
+  "end-icon": "_end-icon_zpfet_102",
+  "label-error": "_label-error_zpfet_109",
+  "hidden-label": "_hidden-label_zpfet_120",
+  "container-small": "_container-small_zpfet_243",
+  "bill-blue-800": "_bill-blue-800_zpfet_485",
+  "fin-black": "_fin-black_zpfet_492"
 };
 export {
-  t as default,
-  n as error,
-  _ as input,
-  e as label
+  n as default,
+  _ as error,
+  e as input,
+  t as label
 };

package/dist/components/Modal/ModalDialog.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),y=require("react-dom"),t=require("./style.module.scss.cjs"),j=require("./ModalDialog.config.cjs"),v=({as:r,children:n,id:d="modal",idModal:o="1ru-modal",withOverlay:u=!0,show:l,size:c="regular",className:i,classNameContainer:s,onClose:a,...m})=>{const g=r??"div",f=()=>{typeof a=="function"&&a()};return e.jsx(e.Fragment,{children:l&&document.getElementById(o)&&y.createPortal(e.jsx("div",{id:d,onClick:f,className:`${t.default.modal} ${u?t.default["with-overlay"]:""} ${l?t.default["modal-show"]:""} ${s??""}`,children:e.jsx(g,{onClick:$=>$.stopPropagation(),className:`${t.default["modal-content"]} ${j.configModal.size[c]} ${i??""}`,...m,children:n})}),document.getElementById(o))})};exports.default=v;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),v=require("react-dom"),t=require("./style.module.scss.cjs"),n=require("./ModalDialog.config.cjs"),M=({as:r,children:d,id:i="modal",idModal:o="iru-modal",withOverlay:c=!0,show:l,size:u="regular",className:s,classNameContainer:m,onClose:a,brand:g="",...f})=>{const $=r??"div",y=()=>{typeof a=="function"&&a()};return e.jsx(e.Fragment,{children:l&&document.getElementById(o)&&v.createPortal(e.jsx("div",{id:i,onClick:y,className:`${t.default.modal} ${n.configModal.brand[g]} ${c?t.default["with-overlay"]:""} ${l?t.default["modal-show"]:""} ${m??""}`,children:e.jsx($,{onClick:j=>j.stopPropagation(),className:`${t.default["modal-content"]} ${n.configModal.size[u]} ${s??""}`,...f,children:d})}),document.getElementById(o))})};exports.default=M;

package/dist/components/Modal/ModalDialog.config.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("./style.module.scss.cjs"),e={size:{small:l.default["modal-small"],medium:l.default["modal-medium"],regular:l.default["modal-regular"],large:l.default["modal-large"]}};exports.configModal=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./style.module.scss.cjs"),l={size:{small:e.default["modal-small"],medium:e.default["modal-medium"],regular:e.default["modal-regular"],large:e.default["modal-large"]},brand:{"":e.default["brand-general"],fin:e.default["brand-fin"]}};exports.configModal=l;

package/dist/components/Modal/ModalDialog.config.mjs

@@ -1,12 +1,16 @@
-import l from "./style.module.scss.mjs";
-const a = {
+import a from "./style.module.scss.mjs";
+const r = {
   size: {
-    small: l["modal-small"],
-    medium: l["modal-medium"],
-    regular: l["modal-regular"],
-    large: l["modal-large"]
+    small: a["modal-small"],
+    medium: a["modal-medium"],
+    regular: a["modal-regular"],
+    large: a["modal-large"]
+  },
+  brand: {
+    "": a["brand-general"],
+    fin: a["brand-fin"]
   }
 };
 export {
-  a as configModal
+  r as configModal
 };

package/dist/components/Modal/ModalDialog.mjs

@@ -1,37 +1,38 @@
-import { jsx as t, Fragment as $ } from "react/jsx-runtime";
-import { createPortal as y } from "react-dom";
+import { jsx as t, Fragment as h } from "react/jsx-runtime";
+import { createPortal as v } from "react-dom";
 import o from "./style.module.scss.mjs";
-import { configModal as h } from "./ModalDialog.config.mjs";
-const C = ({
-  as: l,
-  children: m,
-  id: n = "modal",
-  idModal: e = "1ru-modal",
-  withOverlay: i = !0,
+import { configModal as l } from "./ModalDialog.config.mjs";
+const E = ({
+  as: m,
+  children: n,
+  id: i = "modal",
+  idModal: e = "iru-modal",
+  withOverlay: d = !0,
   show: r,
   size: c = "regular",
-  className: d,
-  classNameContainer: s,
+  className: s,
+  classNameContainer: f,
   onClose: a,
-  ...f
+  brand: g = "",
+  ...p
 }) => {
-  const g = l ?? "div", p = () => {
+  const u = m ?? "div", $ = () => {
     typeof a == "function" && a();
   };
-  return /* @__PURE__ */ t($, { children: r && document.getElementById(e) && y(
+  return /* @__PURE__ */ t(h, { children: r && document.getElementById(e) && v(
     /* @__PURE__ */ t(
       "div",
       {
-        id: n,
-        onClick: p,
-        className: `${o.modal} ${i ? o["with-overlay"] : ""} ${r ? o["modal-show"] : ""} ${s ?? ""}`,
+        id: i,
+        onClick: $,
+        className: `${o.modal} ${l.brand[g]} ${d ? o["with-overlay"] : ""} ${r ? o["modal-show"] : ""} ${f ?? ""}`,
         children: /* @__PURE__ */ t(
-          g,
+          u,
           {
-            onClick: (u) => u.stopPropagation(),
-            className: `${o["modal-content"]} ${h.size[c]} ${d ?? ""}`,
-            ...f,
-            children: m
+            onClick: (y) => y.stopPropagation(),
+            className: `${o["modal-content"]} ${l.size[c]} ${s ?? ""}`,
+            ...p,
+            children: n
           }
         )
       }
@@ -40,5 +41,5 @@ const C = ({
   ) });
 };
 export {
-  C as default
+  E as default
 };

package/dist/components/Modal/style.module.scss.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o="_modal_12o7y_1",l={modal:o,"modal-content":"_modal-content_12o7y_1","with-overlay":"_with-overlay_12o7y_23","modal-small":"_modal-small_12o7y_40","modal-medium":"_modal-medium_12o7y_44","modal-regular":"_modal-regular_12o7y_48","modal-large":"_modal-large_12o7y_52","modal-show":"_modal-show_12o7y_56"};exports.default=l;exports.modal=o;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const d="_modal_mu7dk_1",l={"brand-fin":"_brand-fin_mu7dk_1",modal:d,"modal-content":"_modal-content_mu7dk_1","brand-general":"_brand-general_mu7dk_1","with-overlay":"_with-overlay_mu7dk_23","modal-small":"_modal-small_mu7dk_40","modal-medium":"_modal-medium_mu7dk_44","modal-regular":"_modal-regular_mu7dk_48","modal-large":"_modal-large_mu7dk_52","modal-show":"_modal-show_mu7dk_56"};exports.default=l;exports.modal=d;

package/dist/components/Modal/style.module.scss.mjs

@@ -1,14 +1,16 @@
-const o = "_modal_12o7y_1", l = {
-  modal: o,
-  "modal-content": "_modal-content_12o7y_1",
-  "with-overlay": "_with-overlay_12o7y_23",
-  "modal-small": "_modal-small_12o7y_40",
-  "modal-medium": "_modal-medium_12o7y_44",
-  "modal-regular": "_modal-regular_12o7y_48",
-  "modal-large": "_modal-large_12o7y_52",
-  "modal-show": "_modal-show_12o7y_56"
+const d = "_modal_mu7dk_1", a = {
+  "brand-fin": "_brand-fin_mu7dk_1",
+  modal: d,
+  "modal-content": "_modal-content_mu7dk_1",
+  "brand-general": "_brand-general_mu7dk_1",
+  "with-overlay": "_with-overlay_mu7dk_23",
+  "modal-small": "_modal-small_mu7dk_40",
+  "modal-medium": "_modal-medium_mu7dk_44",
+  "modal-regular": "_modal-regular_mu7dk_48",
+  "modal-large": "_modal-large_mu7dk_52",
+  "modal-show": "_modal-show_mu7dk_56"
 };
 export {
-  l as default,
-  o as modal
+  a as default,
+  d as modal
 };

package/dist/components/Popover/Popover.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react/jsx-runtime"),e=require("@floating-ui/react"),r=require("react"),H=require("./style.module.scss.cjs"),g=r.forwardRef((m,h)=>{const{children:w,className:P,offset:y=10,isShow:i,anchorEl:a,useAutoPlacement:F=!1,flipOptions:v,autoPlacementOptions:S,zIndex:x=10,width:c,styleInnerPopover:R={},floatingOptions:j={},onClose:u=()=>{},withArrow:M,propsArrow:O={},floatingFocusManagerProps:q,useDismissProps:A,...C}=m,f=r.useRef(null),[n,l]=r.useState(!1),{refs:d,floatingStyles:I,context:t}=e.useFloating({open:n,onOpenChange:s=>{l(s),s||u()},middleware:[e.offset(y),F?e.autoPlacement(S):e.flip(v),e.shift(),e.arrow({element:f})],whileElementsMounted:e.autoUpdate,...j}),T=e.useClick(t),E=e.useDismiss(t,A),N=e.useRole(t),{getReferenceProps:_,getFloatingProps:b}=e.useInteractions([T,E,N]),{styles:k,isMounted:D}=e.useTransitionStyles(t),p=s=>{d.setReference(s.currentTarget),l(z=>!z),n&&u()};r.useEffect(()=>{i&&a?p({currentTarget:a}):i||l(!1)},[i,a]),r.useImperativeHandle(h,()=>({show:n,setShow:l,handlerShow:p,getReferenceProps:_}),[n]);const $=()=>{let s={...I,...k,...R,zIndex:x};return c&&(s={...s,width:c}),s};return o.jsx(o.Fragment,{children:D&&n&&o.jsx(e.FloatingPortal,{children:o.jsx(e.FloatingFocusManager,{context:t,modal:!1,...q,children:o.jsxs("div",{ref:d.setFloating,style:$(),...b(),className:`${H.default.popover} ${P??""}`,...C,children:[w,M&&o.jsx(e.FloatingArrow,{ref:f,context:t,...O})]})})})})});g.displayName="Popover";exports.default=g;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react/jsx-runtime"),e=require("@floating-ui/react"),r=require("react"),U=require("./style.module.scss.cjs"),B=require("./Popover.config.cjs"),g=r.forwardRef((m,h)=>{const{children:w,className:P,offset:v=10,isShow:l,anchorEl:a,useAutoPlacement:y=!1,flipOptions:F,autoPlacementOptions:S,zIndex:x=10,width:c,styleInnerPopover:R={},floatingOptions:j={},onClose:u=()=>{},withArrow:M,propsArrow:q={},floatingFocusManagerProps:O,useDismissProps:A,variant:C="white",...I}=m,f=r.useRef(null),[n,i]=r.useState(!1),{refs:d,floatingStyles:T,context:s}=e.useFloating({open:n,onOpenChange:t=>{i(t),t||u()},middleware:[e.offset(v),y?e.autoPlacement(S):e.flip(F),e.shift(),e.arrow({element:f})],whileElementsMounted:e.autoUpdate,...j}),_=e.useClick(s),E=e.useDismiss(s,A),N=e.useRole(s),{getReferenceProps:$,getFloatingProps:b}=e.useInteractions([_,E,N]),{styles:k,isMounted:D}=e.useTransitionStyles(s),p=t=>{d.setReference(t.currentTarget),i(H=>!H),n&&u()};r.useEffect(()=>{l&&a?p({currentTarget:a}):l||i(!1)},[l,a]),r.useImperativeHandle(h,()=>({show:n,setShow:i,handlerShow:p,getReferenceProps:$}),[n]);const z=()=>{let t={...T,...k,...R,zIndex:x};return c&&(t={...t,width:c}),t};return o.jsx(o.Fragment,{children:D&&n&&o.jsx(e.FloatingPortal,{children:o.jsx(e.FloatingFocusManager,{context:s,modal:!1,...O,children:o.jsxs("div",{ref:d.setFloating,style:z(),...b(),className:`${U.default.popover} ${B.configPopover.variant[C]} ${P??""}`,...I,children:[w,M&&o.jsx(e.FloatingArrow,{ref:f,context:s,...q})]})})})})});g.displayName="Popover";exports.default=g;

package/dist/components/Popover/Popover.config.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./style.module.scss.cjs"),t={variant:{white:e.default.white,"blue-gray-50":e.default["blue-gray-50"]}};exports.configPopover=t;

package/dist/components/Popover/Popover.config.mjs

@@ -0,0 +1,10 @@
+import e from "./style.module.scss.mjs";
+const r = {
+  variant: {
+    white: e.white,
+    "blue-gray-50": e["blue-gray-50"]
+  }
+};
+export {
+  r as configPopover
+};

package/dist/components/Popover/Popover.mjs

@@ -1,78 +1,80 @@
-import { jsx as r, Fragment as H, jsxs as U } from "react/jsx-runtime";
-import { useFloating as b, autoUpdate as q, offset as B, autoPlacement as G, flip as J, shift as K, arrow as L, useClick as Q, useDismiss as V, useRole as W, useInteractions as X, useTransitionStyles as Y, FloatingPortal as Z, FloatingFocusManager as _, FloatingArrow as ee } from "@floating-ui/react";
-import te, { forwardRef as se, useState as oe, useEffect as re, useImperativeHandle as ne } from "react";
-import le from "./style.module.scss.mjs";
-const ie = se((p, m) => {
+import { jsx as r, Fragment as U, jsxs as b } from "react/jsx-runtime";
+import { useFloating as q, autoUpdate as B, offset as G, autoPlacement as J, flip as K, shift as L, arrow as Q, useClick as V, useDismiss as W, useRole as X, useInteractions as Y, useTransitionStyles as Z, FloatingPortal as _, FloatingFocusManager as ee, FloatingArrow as te } from "@floating-ui/react";
+import oe, { forwardRef as se, useState as re, useEffect as ne, useImperativeHandle as ie } from "react";
+import ae from "./style.module.scss.mjs";
+import { configPopover as le } from "./Popover.config.mjs";
+const fe = se((u, m) => {
   const {
     children: d,
     className: g,
     offset: h = 10,
     isShow: n,
-    anchorEl: l,
+    anchorEl: i,
     useAutoPlacement: w = !1,
     flipOptions: P,
-    autoPlacementOptions: y,
-    zIndex: F = 10,
-    width: i,
-    styleInnerPopover: v = {},
+    autoPlacementOptions: v,
+    zIndex: y = 10,
+    width: a,
+    styleInnerPopover: F = {},
     floatingOptions: R = {},
-    onClose: a = () => {
+    onClose: l = () => {
     },
     withArrow: S,
     propsArrow: x = {},
     floatingFocusManagerProps: A,
     useDismissProps: C,
-    ...I
-  } = p, f = te.useRef(null), [s, o] = oe(!1), { refs: c, floatingStyles: M, context: t } = b({
-    open: s,
+    variant: I = "white",
+    ...M
+  } = u, f = oe.useRef(null), [o, s] = re(!1), { refs: c, floatingStyles: O, context: t } = q({
+    open: o,
     onOpenChange: (e) => {
-      o(e), e || a();
+      s(e), e || l();
     },
     middleware: [
-      B(h),
-      w ? G(y) : J(P),
-      K(),
-      L({
+      G(h),
+      w ? J(v) : K(P),
+      L(),
+      Q({
         element: f
       })
     ],
-    whileElementsMounted: q,
+    whileElementsMounted: B,
     ...R
-  }), O = Q(t), E = V(t, C), N = W(t), { getReferenceProps: T, getFloatingProps: $ } = X([O, E, N]), { styles: j, isMounted: k } = Y(t), u = (e) => {
-    c.setReference(e.currentTarget), o((z) => !z), s && a();
+  }), $ = V(t), E = W(t, C), N = X(t), { getReferenceProps: T, getFloatingProps: j } = Y([$, E, N]), { styles: k, isMounted: D } = Z(t), p = (e) => {
+    c.setReference(e.currentTarget), s((H) => !H), o && l();
   };
-  re(() => {
-    n && l ? u({ currentTarget: l }) : n || o(!1);
-  }, [n, l]), ne(
+  ne(() => {
+    n && i ? p({ currentTarget: i }) : n || s(!1);
+  }, [n, i]), ie(
     m,
     () => ({
-      show: s,
-      setShow: o,
-      handlerShow: u,
+      show: o,
+      setShow: s,
+      handlerShow: p,
       getReferenceProps: T
     }),
-    [s]
+    [o]
   );
-  const D = () => {
-    let e = { ...M, ...j, ...v, zIndex: F };
-    return i && (e = { ...e, width: i }), e;
+  const z = () => {
+    let e = { ...O, ...k, ...F, zIndex: y };
+    return a && (e = { ...e, width: a }), e;
   };
-  return /* @__PURE__ */ r(H, { children: k && s && /* @__PURE__ */ r(Z, { children: /* @__PURE__ */ r(_, { context: t, modal: !1, ...A, children: /* @__PURE__ */ U(
+  return /* @__PURE__ */ r(U, { children: D && o && /* @__PURE__ */ r(_, { children: /* @__PURE__ */ r(ee, { context: t, modal: !1, ...A, children: /* @__PURE__ */ b(
     "div",
     {
       ref: c.setFloating,
-      style: D(),
-      ...$(),
-      className: `${le.popover} ${g ?? ""}`,
-      ...I,
+      style: z(),
+      ...j(),
+      className: `${ae.popover} ${le.variant[I]} ${g ?? ""}`,
+      ...M,
       children: [
         d,
-        S && /* @__PURE__ */ r(ee, { ref: f, context: t, ...x })
+        S && /* @__PURE__ */ r(te, { ref: f, context: t, ...x })
       ]
     }
   ) }) }) });
 });
-ie.displayName = "Popover";
+fe.displayName = "Popover";
 export {
-  ie as default
+  fe as default
 };

package/dist/components/Popover/style.module.scss.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="_popover_cskuc_1",o={popover:e};exports.default=o;exports.popover=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="_white_1tg50_1",t="_popover_1tg50_1",o={white:e,popover:t,"blue-gray-50":"_blue-gray-50_1tg50_14"};exports.default=o;exports.popover=t;exports.white=e;

package/dist/components/Popover/style.module.scss.mjs

@@ -1,7 +1,10 @@
-const o = "_popover_cskuc_1", p = {
-  popover: o
+const t = "_white_1tg50_1", e = "_popover_1tg50_1", o = {
+  white: t,
+  popover: e,
+  "blue-gray-50": "_blue-gray-50_1tg50_14"
 };
 export {
-  p as default,
-  o as popover
+  o as default,
+  e as popover,
+  t as white
 };

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./itemSidebar.module.scss.cjs"),a={variant:{"payhere-brand-base-white":e.default["sidebar-payhere"],"payhere-brand-base-transparent":e.default["sidebar-payhere"],"payhere-brand-indigo-900-transparent":e.default["sidebar-payhere-indigo-800"],"payhere-brand-blue-gray-900-transparent":e.default["sidebar-payhere-blue-gray-800"],"laba-white":e.default["sidebar-laba"],"lpd-brand-base-white":e.default["sidebar-lpd"],"lpd-brand-base-transparent":e.default["sidebar-lpd"],"lpd-brand-base-white-responsive":e.default["sidebar-lpd"],"lpd-brand-base-transparent-responsive":e.default["sidebar-lpd"],"bill-brand-base":e.default["sidebar-bill"],"bill-brand-base-responsive":e.default["sidebar-bill"]},parent:{1:e.default["parent-sidebar-1"],2:e.default["parent-sidebar-2"],3:e.default["parent-sidebar-3"],4:e.default["parent-sidebar-4"],5:e.default["parent-sidebar-5"],6:e.default["parent-sidebar-6"],7:e.default["parent-sidebar-7"],8:e.default["parent-sidebar-8"]},divider:{"payhere-brand-base-white":e.default["divider-item-sidebar-payhere"],"payhere-brand-base-transparent":e.default["divider-item-sidebar-payhere"],"payhere-brand-indigo-900-transparent":e.default["divider-item-sidebar-payhere"],"payhere-brand-blue-gray-900-transparent":e.default["divider-item-sidebar-payhere"],"laba-white":e.default["divider-item-sidebar-laba"],"lpd-brand-base-white":e.default["divider-item-sidebar-lpd"],"lpd-brand-base-transparent":e.default["divider-item-sidebar-lpd"],"lpd-brand-base-white-responsive":e.default["divider-item-sidebar-lpd"],"lpd-brand-base-transparent-responsive":e.default["divider-item-sidebar-lpd"],"bill-brand-base":e.default["divider-item-sidebar-bill"],"bill-brand-base-responsive":e.default["divider-item-sidebar-bill"]}};exports.configItemSidebar=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./itemSidebar.module.scss.cjs"),a={variant:{"payhere-brand-base-white":e.default["sidebar-payhere"],"payhere-brand-base-transparent":e.default["sidebar-payhere"],"payhere-brand-indigo-900-transparent":e.default["sidebar-payhere-indigo-800"],"payhere-brand-blue-gray-900-transparent":e.default["sidebar-payhere-blue-gray-800"],"laba-white":e.default["sidebar-laba"],"lpd-brand-base-white":e.default["sidebar-lpd"],"lpd-brand-base-transparent":e.default["sidebar-lpd"],"lpd-brand-base-white-responsive":e.default["sidebar-lpd"],"lpd-brand-base-transparent-responsive":e.default["sidebar-lpd"],"bill-brand-base":e.default["sidebar-bill"],"bill-brand-base-responsive":e.default["sidebar-bill"],"fin-base":e.default["sidebar-fin"],"fin-base-responsive":e.default["sidebar-fin"]},parent:{1:e.default["parent-sidebar-1"],2:e.default["parent-sidebar-2"],3:e.default["parent-sidebar-3"],4:e.default["parent-sidebar-4"],5:e.default["parent-sidebar-5"],6:e.default["parent-sidebar-6"],7:e.default["parent-sidebar-7"],8:e.default["parent-sidebar-8"]},divider:{"payhere-brand-base-white":e.default["divider-item-sidebar-payhere"],"payhere-brand-base-transparent":e.default["divider-item-sidebar-payhere"],"payhere-brand-indigo-900-transparent":e.default["divider-item-sidebar-payhere"],"payhere-brand-blue-gray-900-transparent":e.default["divider-item-sidebar-payhere"],"laba-white":e.default["divider-item-sidebar-laba"],"lpd-brand-base-white":e.default["divider-item-sidebar-lpd"],"lpd-brand-base-transparent":e.default["divider-item-sidebar-lpd"],"lpd-brand-base-white-responsive":e.default["divider-item-sidebar-lpd"],"lpd-brand-base-transparent-responsive":e.default["divider-item-sidebar-lpd"],"bill-brand-base":e.default["divider-item-sidebar-bill"],"bill-brand-base-responsive":e.default["divider-item-sidebar-bill"],"fin-base":e.default["divider-item-sidebar-fin"],"fin-base-responsive":e.default["divider-item-sidebar-fin"]}};exports.configItemSidebar=a;

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

@@ -11,7 +11,9 @@ const r = {
     "lpd-brand-base-white-responsive": e["sidebar-lpd"],
     "lpd-brand-base-transparent-responsive": e["sidebar-lpd"],
     "bill-brand-base": e["sidebar-bill"],
-    "bill-brand-base-responsive": e["sidebar-bill"]
+    "bill-brand-base-responsive": e["sidebar-bill"],
+    "fin-base": e["sidebar-fin"],
+    "fin-base-responsive": e["sidebar-fin"]
   },
   parent: {
     1: e["parent-sidebar-1"],
@@ -34,7 +36,9 @@ const r = {
     "lpd-brand-base-white-responsive": e["divider-item-sidebar-lpd"],
     "lpd-brand-base-transparent-responsive": e["divider-item-sidebar-lpd"],
     "bill-brand-base": e["divider-item-sidebar-bill"],
-    "bill-brand-base-responsive": e["divider-item-sidebar-bill"]
+    "bill-brand-base-responsive": e["divider-item-sidebar-bill"],
+    "fin-base": e["divider-item-sidebar-fin"],
+    "fin-base-responsive": e["divider-item-sidebar-fin"]
   }
 };
 export {

package/dist/components/Sidebar/Sidebar.cjs

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

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

@@ -1 +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;
+"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"],"fin-base":e.default["fin-base"],"fin-base-responsive":e.default["fin-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

@@ -1,18 +1,20 @@
-import a from "./Sidebar.module.scss.mjs";
+import e 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"]
+    "payhere-brand-base-white": e["payhere-brand-base-white"],
+    "payhere-brand-base-transparent": e["payhere-brand-base-transparent"],
+    "payhere-brand-indigo-900-transparent": e["payhere-brand-indigo-900-transparent"],
+    "payhere-brand-blue-gray-900-transparent": e["payhere-brand-blue-gray-900-transparent"],
+    "laba-white": e["laba-white"],
+    "lpd-brand-base-white": e["lpd-brand-base-white"],
+    "lpd-brand-base-transparent": e["lpd-brand-base-transparent"],
+    "lpd-brand-base-white-responsive": e["lpd-brand-base-white-responsive"],
+    "lpd-brand-base-transparent-responsive": e["lpd-brand-base-transparent-responsive"],
+    "bill-brand-base": e["bill-brand-base"],
+    "bill-brand-base-responsive": e["bill-brand-base-responsive"],
+    "fin-base": e["fin-base"],
+    "fin-base-responsive": e["fin-base-responsive"]
   },
   mobileSupport: [
     "lpd-brand-base-transparent-responsive",