1mpacto-react-ui 2.0.26 → 2.0.27

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

@@ -1,51 +1,58 @@
-const _ = "_loading_14f86_14", e = {
-  "button-bill-xxs": "_button-bill-xxs_14f86_6",
-  "button-bill-xs": "_button-bill-xs_14f86_6",
-  "button-bill-s": "_button-bill-s_14f86_6",
-  "button-bill-m": "_button-bill-m_14f86_6",
-  "button-bill-l": "_button-bill-l_14f86_6",
-  "button-xs": "_button-xs_14f86_6",
-  "button-s": "_button-s_14f86_6",
-  "button-m": "_button-m_14f86_6",
-  "button-l": "_button-l_14f86_6",
-  "button-extra-small": "_button-extra-small_14f86_6",
-  "button-small": "_button-small_14f86_6",
-  "button-reguler": "_button-reguler_14f86_6",
-  "button-large": "_button-large_14f86_6",
+const _ = "_loading_o0460_14", r = {
+  "button-fin-xs": "_button-fin-xs_o0460_6",
+  "button-fin-s": "_button-fin-s_o0460_6",
+  "button-fin-m": "_button-fin-m_o0460_6",
+  "button-fin-l": "_button-fin-l_o0460_6",
+  "button-bill-xxs": "_button-bill-xxs_o0460_6",
+  "button-bill-xs": "_button-bill-xs_o0460_6",
+  "button-bill-s": "_button-bill-s_o0460_6",
+  "button-bill-m": "_button-bill-m_o0460_6",
+  "button-bill-l": "_button-bill-l_o0460_6",
+  "button-xs": "_button-xs_o0460_6",
+  "button-s": "_button-s_o0460_6",
+  "button-m": "_button-m_o0460_6",
+  "button-l": "_button-l_o0460_6",
+  "button-extra-small": "_button-extra-small_o0460_6",
+  "button-small": "_button-small_o0460_6",
+  "button-reguler": "_button-reguler_o0460_6",
+  "button-large": "_button-large_o0460_6",
   loading: _,
-  "nude-laba-red-05": "_nude-laba-red-05_14f86_29",
-  "nude-laba-red-10": "_nude-laba-red-10_14f86_29",
-  "nude-gray-500": "_nude-gray-500_14f86_29",
-  "nude-green-700": "_nude-green-700_14f86_29",
-  "nude-red-700": "_nude-red-700_14f86_29",
-  "nude-laba-blue-10": "_nude-laba-blue-10_14f86_29",
-  "ghost-laba-green-10": "_ghost-laba-green-10_14f86_29",
-  "ghost-blue-gray-100-bg_white": "_ghost-blue-gray-100-bg_white_14f86_29",
-  "ghost-green-700": "_ghost-green-700_14f86_29",
-  "ghost-red-700": "_ghost-red-700_14f86_29",
-  "ghost-laba-blue-10": "_ghost-laba-blue-10_14f86_29",
-  "filled-laba-white_laba-red-05": "_filled-laba-white_laba-red-05_14f86_29",
-  "filled-laba-white_laba-blue-10": "_filled-laba-white_laba-blue-10_14f86_29",
-  "primary-green-700-dsb_laba-grey-06": "_primary-green-700-dsb_laba-grey-06_14f86_29",
-  "primary-red-700-dsb_laba-grey-06": "_primary-red-700-dsb_laba-grey-06_14f86_29",
-  "primary-laba-blue-10": "_primary-laba-blue-10_14f86_29",
-  "primary-bill-red-700": "_primary-bill-red-700_14f86_29",
-  "tertiary-bill-secondary-800": "_tertiary-bill-secondary-800_14f86_29",
-  "secondary-bill-secondary-800": "_secondary-bill-secondary-800_14f86_29",
-  "primary-bill-primary-600": "_primary-bill-primary-600_14f86_29",
-  "tertiary-gray-500": "_tertiary-gray-500_14f86_29",
-  "tertiary-red-600": "_tertiary-red-600_14f86_29",
-  "tertiary-red-300": "_tertiary-red-300_14f86_29",
-  "tertiary-blue-700": "_tertiary-blue-700_14f86_29",
-  "secondary-green-600": "_secondary-green-600_14f86_29",
-  "secondary-red-700": "_secondary-red-700_14f86_29",
-  "secondary-red-600": "_secondary-red-600_14f86_29",
-  "secondary-blue-700": "_secondary-blue-700_14f86_29",
-  "primary-red-700": "_primary-red-700_14f86_29",
-  "primary-blue-700": "_primary-blue-700_14f86_29",
-  "icon-loading": "_icon-loading_14f86_192"
+  "nude-laba-red-05": "_nude-laba-red-05_o0460_29",
+  "nude-laba-red-10": "_nude-laba-red-10_o0460_29",
+  "nude-gray-500": "_nude-gray-500_o0460_29",
+  "nude-green-700": "_nude-green-700_o0460_29",
+  "nude-red-700": "_nude-red-700_o0460_29",
+  "nude-laba-blue-10": "_nude-laba-blue-10_o0460_29",
+  "ghost-laba-green-10": "_ghost-laba-green-10_o0460_29",
+  "ghost-blue-gray-100-bg_white": "_ghost-blue-gray-100-bg_white_o0460_29",
+  "ghost-green-700": "_ghost-green-700_o0460_29",
+  "ghost-red-700": "_ghost-red-700_o0460_29",
+  "ghost-laba-blue-10": "_ghost-laba-blue-10_o0460_29",
+  "filled-laba-white_laba-red-05": "_filled-laba-white_laba-red-05_o0460_29",
+  "filled-laba-white_laba-blue-10": "_filled-laba-white_laba-blue-10_o0460_29",
+  "primary-green-700-dsb_laba-grey-06": "_primary-green-700-dsb_laba-grey-06_o0460_29",
+  "primary-red-700-dsb_laba-grey-06": "_primary-red-700-dsb_laba-grey-06_o0460_29",
+  "primary-laba-blue-10": "_primary-laba-blue-10_o0460_29",
+  "tertiary-fin-primary-500": "_tertiary-fin-primary-500_o0460_29",
+  "secondary-fin-primary-500": "_secondary-fin-primary-500_o0460_29",
+  "primary-fin-primary-500": "_primary-fin-primary-500_o0460_29",
+  "primary-bill-red-700": "_primary-bill-red-700_o0460_29",
+  "tertiary-bill-secondary-800": "_tertiary-bill-secondary-800_o0460_29",
+  "secondary-bill-secondary-800": "_secondary-bill-secondary-800_o0460_29",
+  "primary-bill-primary-600": "_primary-bill-primary-600_o0460_29",
+  "tertiary-gray-500": "_tertiary-gray-500_o0460_29",
+  "tertiary-red-600": "_tertiary-red-600_o0460_29",
+  "tertiary-red-300": "_tertiary-red-300_o0460_29",
+  "tertiary-blue-700": "_tertiary-blue-700_o0460_29",
+  "secondary-green-600": "_secondary-green-600_o0460_29",
+  "secondary-red-700": "_secondary-red-700_o0460_29",
+  "secondary-red-600": "_secondary-red-600_o0460_29",
+  "secondary-blue-700": "_secondary-blue-700_o0460_29",
+  "primary-red-700": "_primary-red-700_o0460_29",
+  "primary-blue-700": "_primary-blue-700_o0460_29",
+  "icon-loading": "_icon-loading_o0460_236"
 };
 export {
-  e as default,
+  r as default,
   _ as loading
 };

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

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n="_input_5nva2_12",e="_label_5nva2_38",_="_error_5nva2_58",a={"container-large":"_container-large_5nva2_1","container-input":"_container-input_5nva2_6",input:n,label:e,error:_,"isset-right-icon":"_isset-right-icon_5nva2_80","isset-left-icon":"_isset-left-icon_5nva2_83","start-icon":"_start-icon_5nva2_86","end-icon":"_end-icon_5nva2_93","label-error":"_label-error_5nva2_100","hidden-label":"_hidden-label_5nva2_111","container-small":"_container-small_5nva2_225","bill-blue-800":"_bill-blue-800_5nva2_449","fin-black":"_fin-black_5nva2_456"};exports.default=a;exports.error=_;exports.input=n;exports.label=e;
+"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,22 +1,22 @@
-const n = "_input_5nva2_12", _ = "_label_5nva2_38", a = "_error_5nva2_58", e = {
-  "container-large": "_container-large_5nva2_1",
-  "container-input": "_container-input_5nva2_6",
-  input: n,
-  label: _,
-  error: a,
-  "isset-right-icon": "_isset-right-icon_5nva2_80",
-  "isset-left-icon": "_isset-left-icon_5nva2_83",
-  "start-icon": "_start-icon_5nva2_86",
-  "end-icon": "_end-icon_5nva2_93",
-  "label-error": "_label-error_5nva2_100",
-  "hidden-label": "_hidden-label_5nva2_111",
-  "container-small": "_container-small_5nva2_225",
-  "bill-blue-800": "_bill-blue-800_5nva2_449",
-  "fin-black": "_fin-black_5nva2_456"
+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 {
-  e as default,
-  a as error,
-  n as input,
-  _ 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/Sidebar.module.scss.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="_sidebar_fnsvp_16",a={"splace-screen":"_splace-screen_fnsvp_1","payhere-brand-base-white":"_payhere-brand-base-white_fnsvp_13",sidebar:e,"button-collaps-sidebar":"_button-collaps-sidebar_fnsvp_31","menu-sidebar":"_menu-sidebar_fnsvp_48","sidebar-open":"_sidebar-open_fnsvp_79","container-icon-company-sidebar":"_container-icon-company-sidebar_fnsvp_96","icon-company-sidebar":"_icon-company-sidebar_fnsvp_99","sidebar-close":"_sidebar-close_fnsvp_107","content-sidebar":"_content-sidebar_fnsvp_132","payhere-brand-base-transparent":"_payhere-brand-base-transparent_fnsvp_211","payhere-brand-blue-gray-900-transparent":"_payhere-brand-blue-gray-900-transparent_fnsvp_409","payhere-brand-indigo-900-transparent":"_payhere-brand-indigo-900-transparent_fnsvp_607","laba-white":"_laba-white_fnsvp_805","lpd-brand-base-white":"_lpd-brand-base-white_fnsvp_1195","lpd-brand-base-transparent":"_lpd-brand-base-transparent_fnsvp_1393","lpd-brand-base-white-responsive":"_lpd-brand-base-white-responsive_fnsvp_1591","lpd-brand-base-transparent-responsive":"_lpd-brand-base-transparent-responsive_fnsvp_1825","bill-brand-base":"_bill-brand-base_fnsvp_2059","bill-brand-base-responsive":"_bill-brand-base-responsive_fnsvp_2460","fin-base":"_fin-base_fnsvp_2861","fin-base-responsive":"_fin-base-responsive_fnsvp_3251"};exports.default=a;exports.sidebar=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a="_sidebar_1sa0l_16",e={"splace-screen":"_splace-screen_1sa0l_1","payhere-brand-base-white":"_payhere-brand-base-white_1sa0l_13",sidebar:a,"button-collaps-sidebar":"_button-collaps-sidebar_1sa0l_31","menu-sidebar":"_menu-sidebar_1sa0l_48","sidebar-open":"_sidebar-open_1sa0l_79","container-icon-company-sidebar":"_container-icon-company-sidebar_1sa0l_96","icon-company-sidebar":"_icon-company-sidebar_1sa0l_99","sidebar-close":"_sidebar-close_1sa0l_107","content-sidebar":"_content-sidebar_1sa0l_132","payhere-brand-base-transparent":"_payhere-brand-base-transparent_1sa0l_211","payhere-brand-blue-gray-900-transparent":"_payhere-brand-blue-gray-900-transparent_1sa0l_409","payhere-brand-indigo-900-transparent":"_payhere-brand-indigo-900-transparent_1sa0l_607","laba-white":"_laba-white_1sa0l_805","lpd-brand-base-white":"_lpd-brand-base-white_1sa0l_1195","lpd-brand-base-transparent":"_lpd-brand-base-transparent_1sa0l_1393","lpd-brand-base-white-responsive":"_lpd-brand-base-white-responsive_1sa0l_1591","lpd-brand-base-transparent-responsive":"_lpd-brand-base-transparent-responsive_1sa0l_1825","bill-brand-base":"_bill-brand-base_1sa0l_2059","bill-brand-base-responsive":"_bill-brand-base-responsive_1sa0l_2460","fin-base":"_fin-base_1sa0l_2861","fin-base-responsive":"_fin-base-responsive_1sa0l_3255"};exports.default=e;exports.sidebar=a;

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

@@ -1,28 +1,28 @@
-const e = "_sidebar_fnsvp_16", a = {
-  "splace-screen": "_splace-screen_fnsvp_1",
-  "payhere-brand-base-white": "_payhere-brand-base-white_fnsvp_13",
-  sidebar: e,
-  "button-collaps-sidebar": "_button-collaps-sidebar_fnsvp_31",
-  "menu-sidebar": "_menu-sidebar_fnsvp_48",
-  "sidebar-open": "_sidebar-open_fnsvp_79",
-  "container-icon-company-sidebar": "_container-icon-company-sidebar_fnsvp_96",
-  "icon-company-sidebar": "_icon-company-sidebar_fnsvp_99",
-  "sidebar-close": "_sidebar-close_fnsvp_107",
-  "content-sidebar": "_content-sidebar_fnsvp_132",
-  "payhere-brand-base-transparent": "_payhere-brand-base-transparent_fnsvp_211",
-  "payhere-brand-blue-gray-900-transparent": "_payhere-brand-blue-gray-900-transparent_fnsvp_409",
-  "payhere-brand-indigo-900-transparent": "_payhere-brand-indigo-900-transparent_fnsvp_607",
-  "laba-white": "_laba-white_fnsvp_805",
-  "lpd-brand-base-white": "_lpd-brand-base-white_fnsvp_1195",
-  "lpd-brand-base-transparent": "_lpd-brand-base-transparent_fnsvp_1393",
-  "lpd-brand-base-white-responsive": "_lpd-brand-base-white-responsive_fnsvp_1591",
-  "lpd-brand-base-transparent-responsive": "_lpd-brand-base-transparent-responsive_fnsvp_1825",
-  "bill-brand-base": "_bill-brand-base_fnsvp_2059",
-  "bill-brand-base-responsive": "_bill-brand-base-responsive_fnsvp_2460",
-  "fin-base": "_fin-base_fnsvp_2861",
-  "fin-base-responsive": "_fin-base-responsive_fnsvp_3251"
+const a = "_sidebar_1sa0l_16", e = {
+  "splace-screen": "_splace-screen_1sa0l_1",
+  "payhere-brand-base-white": "_payhere-brand-base-white_1sa0l_13",
+  sidebar: a,
+  "button-collaps-sidebar": "_button-collaps-sidebar_1sa0l_31",
+  "menu-sidebar": "_menu-sidebar_1sa0l_48",
+  "sidebar-open": "_sidebar-open_1sa0l_79",
+  "container-icon-company-sidebar": "_container-icon-company-sidebar_1sa0l_96",
+  "icon-company-sidebar": "_icon-company-sidebar_1sa0l_99",
+  "sidebar-close": "_sidebar-close_1sa0l_107",
+  "content-sidebar": "_content-sidebar_1sa0l_132",
+  "payhere-brand-base-transparent": "_payhere-brand-base-transparent_1sa0l_211",
+  "payhere-brand-blue-gray-900-transparent": "_payhere-brand-blue-gray-900-transparent_1sa0l_409",
+  "payhere-brand-indigo-900-transparent": "_payhere-brand-indigo-900-transparent_1sa0l_607",
+  "laba-white": "_laba-white_1sa0l_805",
+  "lpd-brand-base-white": "_lpd-brand-base-white_1sa0l_1195",
+  "lpd-brand-base-transparent": "_lpd-brand-base-transparent_1sa0l_1393",
+  "lpd-brand-base-white-responsive": "_lpd-brand-base-white-responsive_1sa0l_1591",
+  "lpd-brand-base-transparent-responsive": "_lpd-brand-base-transparent-responsive_1sa0l_1825",
+  "bill-brand-base": "_bill-brand-base_1sa0l_2059",
+  "bill-brand-base-responsive": "_bill-brand-base-responsive_1sa0l_2460",
+  "fin-base": "_fin-base_1sa0l_2861",
+  "fin-base-responsive": "_fin-base-responsive_1sa0l_3255"
 };
 export {
-  a as default,
-  e as sidebar
+  e as default,
+  a as sidebar
 };

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

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="_hidden_gveg1_96",i="_active_gveg1_152",_={"item-icon-subs":"_item-icon-subs_gveg1_1","item-sidebar-2":"_item-sidebar-2_gveg1_1","item-sidebar-1":"_item-sidebar-1_gveg1_1","end-icon":"_end-icon_gveg1_1","item-icon":"_item-icon_gveg1_1","item-label":"_item-label_gveg1_25","item-sidebar-open":"_item-sidebar-open_gveg1_51","item-sidebar-close":"_item-sidebar-close_gveg1_66","item-icon-subs-active":"_item-icon-subs-active_gveg1_75","item-subs-sidebar":"_item-subs-sidebar_gveg1_82","sidebar-bill":"_sidebar-bill_gveg1_85",hidden:e,"divider-item-sidebar-payhere":"_divider-item-sidebar-payhere_gveg1_106","divider-item-sidebar-lpd":"_divider-item-sidebar-lpd_gveg1_111","parent-sidebar-5":"_parent-sidebar-5_gveg1_133","parent-sidebar-6":"_parent-sidebar-6_gveg1_137","parent-sidebar-7":"_parent-sidebar-7_gveg1_141","parent-sidebar-8":"_parent-sidebar-8_gveg1_146",active:i,"sidebar-payhere-blue-gray-800":"_sidebar-payhere-blue-gray-800_gveg1_162","sidebar-payhere-indigo-800":"_sidebar-payhere-indigo-800_gveg1_188","sidebar-payhere":"_sidebar-payhere_gveg1_162","sidebar-laba":"_sidebar-laba_gveg1_240","sidebar-lpd":"_sidebar-lpd_gveg1_273","sidebar-fin":"_sidebar-fin_gveg1_299"};exports.active=i;exports.default=_;exports.hidden=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="_hidden_1tshq_96",i="_active_1tshq_152",s={"item-icon-subs":"_item-icon-subs_1tshq_1","item-sidebar-2":"_item-sidebar-2_1tshq_1","item-sidebar-1":"_item-sidebar-1_1tshq_1","end-icon":"_end-icon_1tshq_1","item-icon":"_item-icon_1tshq_1","item-label":"_item-label_1tshq_25","item-sidebar-open":"_item-sidebar-open_1tshq_51","item-sidebar-close":"_item-sidebar-close_1tshq_66","item-icon-subs-active":"_item-icon-subs-active_1tshq_75","item-subs-sidebar":"_item-subs-sidebar_1tshq_82","sidebar-bill":"_sidebar-bill_1tshq_85",hidden:e,"divider-item-sidebar-payhere":"_divider-item-sidebar-payhere_1tshq_106","divider-item-sidebar-lpd":"_divider-item-sidebar-lpd_1tshq_111","parent-sidebar-5":"_parent-sidebar-5_1tshq_133","parent-sidebar-6":"_parent-sidebar-6_1tshq_137","parent-sidebar-7":"_parent-sidebar-7_1tshq_141","parent-sidebar-8":"_parent-sidebar-8_1tshq_146",active:i,"sidebar-payhere-blue-gray-800":"_sidebar-payhere-blue-gray-800_1tshq_162","sidebar-payhere-indigo-800":"_sidebar-payhere-indigo-800_1tshq_188","sidebar-payhere":"_sidebar-payhere_1tshq_162","sidebar-laba":"_sidebar-laba_1tshq_240","sidebar-lpd":"_sidebar-lpd_1tshq_273","sidebar-fin":"_sidebar-fin_1tshq_299"};exports.active=i;exports.default=s;exports.hidden=e;

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

@@ -1,32 +1,32 @@
-const e = "_hidden_gveg1_96", i = "_active_gveg1_152", _ = {
-  "item-icon-subs": "_item-icon-subs_gveg1_1",
-  "item-sidebar-2": "_item-sidebar-2_gveg1_1",
-  "item-sidebar-1": "_item-sidebar-1_gveg1_1",
-  "end-icon": "_end-icon_gveg1_1",
-  "item-icon": "_item-icon_gveg1_1",
-  "item-label": "_item-label_gveg1_25",
-  "item-sidebar-open": "_item-sidebar-open_gveg1_51",
-  "item-sidebar-close": "_item-sidebar-close_gveg1_66",
-  "item-icon-subs-active": "_item-icon-subs-active_gveg1_75",
-  "item-subs-sidebar": "_item-subs-sidebar_gveg1_82",
-  "sidebar-bill": "_sidebar-bill_gveg1_85",
+const e = "_hidden_1tshq_96", i = "_active_1tshq_152", s = {
+  "item-icon-subs": "_item-icon-subs_1tshq_1",
+  "item-sidebar-2": "_item-sidebar-2_1tshq_1",
+  "item-sidebar-1": "_item-sidebar-1_1tshq_1",
+  "end-icon": "_end-icon_1tshq_1",
+  "item-icon": "_item-icon_1tshq_1",
+  "item-label": "_item-label_1tshq_25",
+  "item-sidebar-open": "_item-sidebar-open_1tshq_51",
+  "item-sidebar-close": "_item-sidebar-close_1tshq_66",
+  "item-icon-subs-active": "_item-icon-subs-active_1tshq_75",
+  "item-subs-sidebar": "_item-subs-sidebar_1tshq_82",
+  "sidebar-bill": "_sidebar-bill_1tshq_85",
   hidden: e,
-  "divider-item-sidebar-payhere": "_divider-item-sidebar-payhere_gveg1_106",
-  "divider-item-sidebar-lpd": "_divider-item-sidebar-lpd_gveg1_111",
-  "parent-sidebar-5": "_parent-sidebar-5_gveg1_133",
-  "parent-sidebar-6": "_parent-sidebar-6_gveg1_137",
-  "parent-sidebar-7": "_parent-sidebar-7_gveg1_141",
-  "parent-sidebar-8": "_parent-sidebar-8_gveg1_146",
+  "divider-item-sidebar-payhere": "_divider-item-sidebar-payhere_1tshq_106",
+  "divider-item-sidebar-lpd": "_divider-item-sidebar-lpd_1tshq_111",
+  "parent-sidebar-5": "_parent-sidebar-5_1tshq_133",
+  "parent-sidebar-6": "_parent-sidebar-6_1tshq_137",
+  "parent-sidebar-7": "_parent-sidebar-7_1tshq_141",
+  "parent-sidebar-8": "_parent-sidebar-8_1tshq_146",
   active: i,
-  "sidebar-payhere-blue-gray-800": "_sidebar-payhere-blue-gray-800_gveg1_162",
-  "sidebar-payhere-indigo-800": "_sidebar-payhere-indigo-800_gveg1_188",
-  "sidebar-payhere": "_sidebar-payhere_gveg1_162",
-  "sidebar-laba": "_sidebar-laba_gveg1_240",
-  "sidebar-lpd": "_sidebar-lpd_gveg1_273",
-  "sidebar-fin": "_sidebar-fin_gveg1_299"
+  "sidebar-payhere-blue-gray-800": "_sidebar-payhere-blue-gray-800_1tshq_162",
+  "sidebar-payhere-indigo-800": "_sidebar-payhere-indigo-800_1tshq_188",
+  "sidebar-payhere": "_sidebar-payhere_1tshq_162",
+  "sidebar-laba": "_sidebar-laba_1tshq_240",
+  "sidebar-lpd": "_sidebar-lpd_1tshq_273",
+  "sidebar-fin": "_sidebar-fin_1tshq_299"
 };
 export {
   i as active,
-  _ as default,
+  s as default,
   e as hidden
 };