1mpacto-react-ui 2.0.26 → 2.0.28

package/dist/components/Pagination/Pagination.mjs

@@ -1,15 +1,14 @@
-import { jsxs as l, Fragment as Z, jsx as e } from "react/jsx-runtime";
-import B, { useMemo as z, isValidElement as N } from "react";
-import r from "./style.module.scss.mjs";
+import { jsxs as p, Fragment as z, jsx as r } from "react/jsx-runtime";
+import M, { useMemo as D, isValidElement as N } from "react";
+import o from "./style.module.scss.mjs";
 import { formatNumber as u } from "../../utils/common.mjs";
-import { ChevronDownIcon as M } from "../Calendar/CalendarYear.mjs";
-import D from "../Popover/Popover.mjs";
-import nn from "../Button/Button.mjs";
-import { configPagination as j } from "./Pagination.config.mjs";
-const $ = (t, o) => {
-  const a = o - t + 1;
-  return Array.from({ length: a }, (s, w) => w + t);
-}, L = {
+import { ChevronDownIcon as B } from "../Calendar/CalendarYear.mjs";
+import nn from "../Popover/Popover.mjs";
+import { configPagination as L } from "./Pagination.config.mjs";
+const $ = (t, e) => {
+  const a = e - t + 1;
+  return Array.from({ length: a }, (s, x) => x + t);
+}, S = {
   "en-US": {
     "Rows per page:": "Rows per page:",
     of: "of",
@@ -30,130 +29,131 @@ const $ = (t, o) => {
     of: "van",
     "Go to:": "Ga naar:"
   }
-}, dn = ({
+}, mn = ({
   totalData: t,
-  totalPage: o,
+  totalPage: e,
   pageNumber: a,
   pageSize: s,
-  className: w,
+  className: x,
   id: m = "1ru-pagination",
-  kind: F = "box",
+  kind: O = "box",
   prevIcon: f,
   nextIcon: g,
-  onChange: x,
-  optionPageSize: O = [25, 50, 75, 100],
-  offset: U = 1.5,
+  onChange: w,
+  optionPageSize: U = [25, 50, 75, 100],
+  offset: _ = 1.5,
   zIndex: q,
-  withGotoPage: v = !1,
-  withMorePage: S = !0,
-  withOptionPageSize: H = !1,
-  locale: y = "id-ID",
-  fonts: I = "inter"
+  withGotoPage: H = !1,
+  withMorePage: j = !0,
+  withOptionPageSize: J = !1,
+  withPageSize: K = !0,
+  locale: C = "id-ID",
+  fonts: V = "inter"
 }) => {
-  const C = B.useRef(null), [i, R] = B.useState(a), [J, G] = B.useState(a.toString()), p = 1, K = (i - 1) * s + 1, V = s * i, Q = t ? `${u(K, "decimal")}-${V >= t ? u(t, "decimal") : u(V, "decimal")}` : 0, T = z(() => {
+  const R = M.useRef(null), [i, y] = M.useState(a), [Q, G] = M.useState(a.toString()), l = 1, T = (i - 1) * s + 1, A = s * i, W = t ? `${u(T, "decimal")}-${A >= t ? u(t, "decimal") : u(A, "decimal")}` : 0, X = D(() => {
     const n = Math.ceil(t / s);
-    if (p + 5 >= n)
+    if (l + 5 >= n)
       return $(1, n);
-    const d = Math.max(i - p, 1), _ = Math.min(i + p, n), k = d > 2, P = _ < n - 2, A = 1, Y = n;
+    const d = Math.max(i - l, 1), E = Math.min(i + l, n), k = d > 2, P = E < n - 2, F = 1, v = n;
     if (!k && P) {
-      const b = 3 + 2 * p;
+      const b = 3 + 2 * l;
       return [...$(1, b), "mr", n];
     }
     if (k && !P) {
-      const b = 3 + 2 * p, E = $(n - b + 1, n);
-      return [A, "ml", ...E];
+      const b = 3 + 2 * l, I = $(n - b + 1, n);
+      return [F, "ml", ...I];
     }
     if (k && P) {
-      const b = $(d, _);
-      return [A, "ml", ...b, "mr", Y];
+      const b = $(d, E);
+      return [F, "ml", ...b, "mr", v];
     }
-  }, [t, s, p, i]), h = (n) => {
-    typeof x == "function" && (x(n), R(n.pageNumber), G(n.pageNumber.toString()));
-  }, W = (n) => {
-    if (typeof x == "function" && S) {
+  }, [t, s, l, i]), h = (n) => {
+    typeof w == "function" && (w(n), y(n.pageNumber), G(n.pageNumber.toString()));
+  }, Y = (n) => {
+    if (typeof w == "function" && j) {
       if (n === "ml") {
         const d = i - 5;
-        R(d < 1 ? 1 : i - 5);
+        y(d < 1 ? 1 : i - 5);
       } else if (n === "mr") {
         const d = i + 5;
-        R(d > o ? o : i + 5);
+        y(d > e ? e : i + 5);
       }
     }
-  }, X = (n) => {
+  }, Z = (n) => {
     G(n);
     const c = Number(n);
-    c > 0 && c <= o && h({
+    c > 0 && c <= e && h({
       pageSize: s,
       totalData: t,
-      totalPage: o,
+      totalPage: e,
       pageNumber: c
     });
   };
-  return /* @__PURE__ */ l(Z, { children: [
-    /* @__PURE__ */ l("div", { id: m, className: `${j.kind[F]} ${j.fonts[I].value} ${w}`, children: [
-      /* @__PURE__ */ l("div", { className: r["pagination-size"], children: [
-        /* @__PURE__ */ e("span", { children: L[y]["Rows per page:"] }),
-        H && /* @__PURE__ */ e(
-          nn,
+  return /* @__PURE__ */ p(z, { children: [
+    /* @__PURE__ */ p("div", { id: m, className: `${L.kind[O]} ${L.fonts[V].value} ${x}`, children: [
+      /* @__PURE__ */ p("div", { className: o["pagination-size"], children: [
+        /* @__PURE__ */ r("span", { children: S[C]["Rows per page:"] }),
+        J && /* @__PURE__ */ p(
+          "button",
           {
             id: `${m}-option-size`,
-            variants: "ghost-blue-gray-100-bg_white",
-            size: "xs",
-            endIcon: /* @__PURE__ */ e(M, { className: "!iru-text-gray-500 !iru-w-[14px] !iru-h-[14px] iru-mx-0.5" }),
-            className: "!iru-rounded-md !iru-min-w-[60px] iru-justify-between",
-            onClick: (n) => C.current?.handlerShow(n),
-            children: u(s, "decimal")
+            className: o["button-option"],
+            onClick: (n) => R.current?.handlerShow(n),
+            children: [
+              u(s, "decimal"),
+              /* @__PURE__ */ r(B, { className: "!iru-text-gray-500 !iru-w-[14px] !iru-h-[14px] iru-mx-0.5" })
+            ]
           }
         ),
-        /* @__PURE__ */ l("span", { children: [
-          Q,
+        K && /* @__PURE__ */ p("span", { children: [
+          W,
           " ",
-          L[y].of,
+          S[C].of,
           " ",
           u(t, "decimal")
         ] })
       ] }),
-      /* @__PURE__ */ l("div", { className: r["navigation-container"], children: [
-        /* @__PURE__ */ e(
+      /* @__PURE__ */ p("div", { className: o["navigation-container"], children: [
+        /* @__PURE__ */ r(
           "button",
           {
             id: `${m}-button-prev`,
-            className: `${r["button-prev"]}`,
+            className: `${o["button-prev"]}`,
             disabled: i === 1,
             onClick: () => h({
               pageSize: s,
               totalData: t,
-              totalPage: o,
+              totalPage: e,
               pageNumber: a - 1
             }),
-            children: typeof f == "function" || N(f) ? N(f) ? f : f() : /* @__PURE__ */ e(M, { className: "iru-rotate-90 !iru-text-gray-500 !iru-w-[14px] !iru-h-[14px]" })
+            children: typeof f == "function" || N(f) ? N(f) ? f : f() : /* @__PURE__ */ r(B, { className: "iru-rotate-90 !iru-text-gray-500 !iru-w-[14px] !iru-h-[14px]" })
           }
         ),
-        (T ?? []).map((n, c) => {
+        (X ?? []).map((n, c) => {
           if (typeof n != "number") {
             const d = ["ml", "mr"].includes(n);
-            return /* @__PURE__ */ e(
+            return /* @__PURE__ */ r(
               "button",
               {
-                className: r["button-container"],
-                disabled: !S,
-                onClick: () => W(n),
+                className: o["button-container"],
+                disabled: !j,
+                onClick: () => Y(n),
                 children: d ? "..." : n
               },
               c
             );
           }
-          return /* @__PURE__ */ e(
+          return /* @__PURE__ */ r(
             "button",
             {
               id: `${m}-button-${n}`,
-              className: `${n === a ? r["pagination-active"] : ""} ${r["button-container"]}  
-                ${j.fonts[I].typographyButtonLabel}`,
+              className: `${n === a ? o["pagination-active"] : ""} ${o["button-container"]}  
+                ${L.fonts[V].typographyButtonLabel}`,
               disabled: n === a,
               onClick: () => h({
                 pageSize: s,
                 totalData: t,
-                totalPage: o,
+                totalPage: e,
                 pageNumber: n
               }),
               children: u(n, "decimal")
@@ -161,58 +161,58 @@ const $ = (t, o) => {
             c
           );
         }),
-        /* @__PURE__ */ e(
+        /* @__PURE__ */ r(
           "button",
           {
             id: `${m}-button-next`,
-            className: `${r["button-next"]}`,
-            disabled: i === o || !o,
+            className: `${o["button-next"]}`,
+            disabled: i === e || !e,
             onClick: () => h({
               pageSize: s,
               totalData: t,
-              totalPage: o,
+              totalPage: e,
               pageNumber: a + 1
             }),
-            children: typeof g == "function" || N(g) ? N(g) ? g : g() : /* @__PURE__ */ e(M, { className: "-iru-rotate-90 !iru-text-gray-500 !iru-w-[14px] !iru-h-[14px]" })
+            children: typeof g == "function" || N(g) ? N(g) ? g : g() : /* @__PURE__ */ r(B, { className: "-iru-rotate-90 !iru-text-gray-500 !iru-w-[14px] !iru-h-[14px]" })
           }
         ),
-        v && /* @__PURE__ */ l("div", { className: r["goto-page"], children: [
-          /* @__PURE__ */ e("span", { children: L[y]["Go to:"] }),
-          /* @__PURE__ */ e(
+        H && /* @__PURE__ */ p("div", { className: o["goto-page"], children: [
+          /* @__PURE__ */ r("span", { children: S[C]["Go to:"] }),
+          /* @__PURE__ */ r(
             "input",
             {
               id: `${m}-goto-page`,
               type: "number",
-              className: r["goto-page-input"],
-              value: J,
-              onChange: (n) => X(n.target.value),
+              className: o["goto-page-input"],
+              value: Q,
+              onChange: (n) => Z(n.target.value),
               onBlur: () => G(i.toString())
             }
           )
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ e(
-      D,
+    /* @__PURE__ */ r(
+      nn,
       {
         floatingOptions: { placement: "bottom-end" },
-        ref: C,
-        className: r["options-size"],
-        offset: U,
+        ref: R,
+        className: o["options-size"],
+        offset: _,
         zIndex: q,
         id: `${m}-popover-options-size`,
-        children: O.map((n, c) => /* @__PURE__ */ e(
+        children: U.map((n, c) => /* @__PURE__ */ r(
           "p",
           {
             id: `${m}-option-size-${n}`,
-            className: `${r.option} ${n === s ? r.active : ""}`,
+            className: `${o.option} ${n === s ? o.active : ""}`,
             onClick: () => {
               h({
                 totalData: t,
-                totalPage: o,
+                totalPage: e,
                 pageSize: n,
                 pageNumber: 1
-              }), C.current?.setShow(!1);
+              }), R.current?.setShow(!1);
             },
             children: u(n, "decimal")
           },
@@ -223,5 +223,5 @@ const $ = (t, o) => {
   ] });
 };
 export {
-  dn as default
+  mn as default
 };

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

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t="_option_gp96l_165",n="_active_gp96l_186",o={"pagination-nude":"_pagination-nude_gp96l_1","pagination-box":"_pagination-box_gp96l_1","pagination-size":"_pagination-size_gp96l_22","navigation-container":"_navigation-container_gp96l_27","button-container":"_button-container_gp96l_36","button-next":"_button-next_gp96l_36","button-prev":"_button-prev_gp96l_36","pagination-active":"_pagination-active_gp96l_59","goto-page":"_goto-page_gp96l_63","goto-page-input":"_goto-page-input_gp96l_69","options-size":"_options-size_gp96l_165",option:t,active:n};exports.active=n;exports.default=o;exports.option=t;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t="_option_169sb_83",n="_active_169sb_105",o={"pagination-box-fin":"_pagination-box-fin_169sb_1","pagination-box":"_pagination-box_169sb_1","pagination-nude":"_pagination-nude_169sb_1","navigation-container":"_navigation-container_169sb_18","button-container":"_button-container_169sb_22","button-next":"_button-next_169sb_22","button-prev":"_button-prev_169sb_22","pagination-active":"_pagination-active_169sb_52","goto-page":"_goto-page_169sb_56","goto-page-input":"_goto-page-input_169sb_62","options-size":"_options-size_169sb_83",option:t,active:n,"pagination-size":"_pagination-size_169sb_117","button-option":"_button-option_169sb_186"};exports.active=n;exports.default=o;exports.option=t;

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

@@ -1,20 +1,22 @@
-const t = "_option_gp96l_165", n = "_active_gp96l_186", o = {
-  "pagination-nude": "_pagination-nude_gp96l_1",
-  "pagination-box": "_pagination-box_gp96l_1",
-  "pagination-size": "_pagination-size_gp96l_22",
-  "navigation-container": "_navigation-container_gp96l_27",
-  "button-container": "_button-container_gp96l_36",
-  "button-next": "_button-next_gp96l_36",
-  "button-prev": "_button-prev_gp96l_36",
-  "pagination-active": "_pagination-active_gp96l_59",
-  "goto-page": "_goto-page_gp96l_63",
-  "goto-page-input": "_goto-page-input_gp96l_69",
-  "options-size": "_options-size_gp96l_165",
-  option: t,
-  active: n
+const n = "_option_169sb_83", t = "_active_169sb_105", o = {
+  "pagination-box-fin": "_pagination-box-fin_169sb_1",
+  "pagination-box": "_pagination-box_169sb_1",
+  "pagination-nude": "_pagination-nude_169sb_1",
+  "navigation-container": "_navigation-container_169sb_18",
+  "button-container": "_button-container_169sb_22",
+  "button-next": "_button-next_169sb_22",
+  "button-prev": "_button-prev_169sb_22",
+  "pagination-active": "_pagination-active_169sb_52",
+  "goto-page": "_goto-page_169sb_56",
+  "goto-page-input": "_goto-page-input_169sb_62",
+  "options-size": "_options-size_169sb_83",
+  option: n,
+  active: t,
+  "pagination-size": "_pagination-size_169sb_117",
+  "button-option": "_button-option_169sb_186"
 };
 export {
-  n as active,
+  t as active,
   o as default,
-  t as option
+  n as option
 };

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,"white-fin":e.default["white-fin"],"blue-gray-50":e.default["blue-gray-50"]}};exports.configPopover=t;

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

@@ -0,0 +1,11 @@
+import e from "./style.module.scss.mjs";
+const t = {
+  variant: {
+    white: e.white,
+    "white-fin": e["white-fin"],
+    "blue-gray-50": e["blue-gray-50"]
+  }
+};
+export {
+  t 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_1sas3_1",t="_popover_1sas3_1",o={white:e,popover:t,"white-fin":"_white-fin_1sas3_14","blue-gray-50":"_blue-gray-50_1sas3_30"};exports.default=o;exports.popover=t;exports.white=e;

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

@@ -1,7 +1,11 @@
-const o = "_popover_cskuc_1", p = {
-  popover: o
+const e = "_white_1sas3_1", s = "_popover_1sas3_1", _ = {
+  white: e,
+  popover: s,
+  "white-fin": "_white-fin_1sas3_14",
+  "blue-gray-50": "_blue-gray-50_1sas3_30"
 };
 export {
-  p as default,
-  o as popover
+  _ as default,
+  s as popover,
+  e as white
 };

package/dist/components/RadioCheckbox/RadioCheckbox.config.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../config/components/borderRadius.cjs"),r=require("../../config/components/font.cjs"),l=require("../../config/components/typography.cjs"),a=require("./RadioCheckbox.module.scss.cjs"),t={size:{reguler:a.default["input-radio-checkbox-reguler"],small:a.default["input-radio-checkbox-small"],m:a.default["input-radio-checkbox-m"],s:a.default["input-radio-checkbox-s"]},variants:{"laba-blue-10":a.default["laba-blue-10"],"laba-blue-10-hv_bg_transparent":a.default["laba-blue-10-hv_bg_transparent"],"blue-700":a.default["blue-700"],"blue-700-hv_bg_transparent":a.default["blue-700-hv_bg_transparent"],"bill-primary-500":a.default["bill-primary-500"],"bill-primary-600-hv_bg_transparent":a.default["bill-primary-600-hv_bg_transparent"],"bill-secondary-800-hv_bg_transparent":a.default["bill-secondary-800-hv_bg_transparent"]},variantDisableds:{"default-disabled-checkbox":a.default["default-disabled-checkbox"],"default-disabled-radio":a.default["default-disabled-radio"]},borderRadius:e.configBorderRadius,typography:l.configtypography,fonts:r.configFont};exports.configRadioCheckbox=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../config/components/borderRadius.cjs"),r=require("../../config/components/font.cjs"),t=require("../../config/components/typography.cjs"),a=require("./RadioCheckbox.module.scss.cjs"),l={size:{reguler:a.default["input-radio-checkbox-reguler"],small:a.default["input-radio-checkbox-small"],m:a.default["input-radio-checkbox-m"],s:a.default["input-radio-checkbox-s"]},variants:{"laba-blue-10":a.default["laba-blue-10"],"laba-blue-10-hv_bg_transparent":a.default["laba-blue-10-hv_bg_transparent"],"blue-700":a.default["blue-700"],"blue-700-hv_bg_transparent":a.default["blue-700-hv_bg_transparent"],"bill-primary-500":a.default["bill-primary-500"],"bill-primary-600-hv_bg_transparent":a.default["bill-primary-600-hv_bg_transparent"],"bill-secondary-800-hv_bg_transparent":a.default["bill-secondary-800-hv_bg_transparent"],"fin-primary-500-hv_bg_transparent":a.default["fin-primary-500-hv_bg_transparent"],"fin-primary-500":a.default["fin-primary-500"]},variantDisableds:{"default-disabled-checkbox":a.default["default-disabled-checkbox"],"default-disabled-radio":a.default["default-disabled-radio"]},borderRadius:e.configBorderRadius,typography:t.configtypography,fonts:r.configFont};exports.configRadioCheckbox=l;

package/dist/components/RadioCheckbox/RadioCheckbox.config.mjs

@@ -1,31 +1,33 @@
-import { configBorderRadius as r } from "../../config/components/borderRadius.mjs";
-import { configFont as e } from "../../config/components/font.mjs";
-import { configtypography as l } from "../../config/components/typography.mjs";
-import a from "./RadioCheckbox.module.scss.mjs";
-const n = {
+import { configBorderRadius as a } from "../../config/components/borderRadius.mjs";
+import { configFont as i } from "../../config/components/font.mjs";
+import { configtypography as e } from "../../config/components/typography.mjs";
+import r from "./RadioCheckbox.module.scss.mjs";
+const o = {
   size: {
-    reguler: a["input-radio-checkbox-reguler"],
-    small: a["input-radio-checkbox-small"],
-    m: a["input-radio-checkbox-m"],
-    s: a["input-radio-checkbox-s"]
+    reguler: r["input-radio-checkbox-reguler"],
+    small: r["input-radio-checkbox-small"],
+    m: r["input-radio-checkbox-m"],
+    s: r["input-radio-checkbox-s"]
   },
   variants: {
-    "laba-blue-10": a["laba-blue-10"],
-    "laba-blue-10-hv_bg_transparent": a["laba-blue-10-hv_bg_transparent"],
-    "blue-700": a["blue-700"],
-    "blue-700-hv_bg_transparent": a["blue-700-hv_bg_transparent"],
-    "bill-primary-500": a["bill-primary-500"],
-    "bill-primary-600-hv_bg_transparent": a["bill-primary-600-hv_bg_transparent"],
-    "bill-secondary-800-hv_bg_transparent": a["bill-secondary-800-hv_bg_transparent"]
+    "laba-blue-10": r["laba-blue-10"],
+    "laba-blue-10-hv_bg_transparent": r["laba-blue-10-hv_bg_transparent"],
+    "blue-700": r["blue-700"],
+    "blue-700-hv_bg_transparent": r["blue-700-hv_bg_transparent"],
+    "bill-primary-500": r["bill-primary-500"],
+    "bill-primary-600-hv_bg_transparent": r["bill-primary-600-hv_bg_transparent"],
+    "bill-secondary-800-hv_bg_transparent": r["bill-secondary-800-hv_bg_transparent"],
+    "fin-primary-500-hv_bg_transparent": r["fin-primary-500-hv_bg_transparent"],
+    "fin-primary-500": r["fin-primary-500"]
   },
   variantDisableds: {
-    "default-disabled-checkbox": a["default-disabled-checkbox"],
-    "default-disabled-radio": a["default-disabled-radio"]
+    "default-disabled-checkbox": r["default-disabled-checkbox"],
+    "default-disabled-radio": r["default-disabled-radio"]
   },
-  borderRadius: r,
-  typography: l,
-  fonts: e
+  borderRadius: a,
+  typography: e,
+  fonts: i
 };
 export {
-  n as configRadioCheckbox
+  o as configRadioCheckbox
 };

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

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="_container_1efq6_1",_="_label_1efq6_159",a="_disabled_1efq6_163",l={container:e,"container-input":"_container-input_1efq6_1","input-radio-checkbox-s":"_input-radio-checkbox-s_1efq6_1","input-radio-checkbox-m":"_input-radio-checkbox-m_1efq6_1","input-radio-checkbox-small":"_input-radio-checkbox-small_1efq6_1","input-radio-checkbox-reguler":"_input-radio-checkbox-reguler_1efq6_1","checked-icon":"_checked-icon_1efq6_11","default-disabled-radio":"_default-disabled-radio_1efq6_48","default-disabled-checkbox":"_default-disabled-checkbox_1efq6_58","laba-blue-10":"_laba-blue-10_1efq6_66","laba-blue-10-hv_bg_transparent":"_laba-blue-10-hv_bg_transparent_1efq6_78","blue-700":"_blue-700_1efq6_90","blue-700-hv_bg_transparent":"_blue-700-hv_bg_transparent_1efq6_102","bill-primary-500":"_bill-primary-500_1efq6_114","bill-primary-600-hv_bg_transparent":"_bill-primary-600-hv_bg_transparent_1efq6_126","bill-secondary-800-hv_bg_transparent":"_bill-secondary-800-hv_bg_transparent_1efq6_138",label:_,disabled:a};exports.container=e;exports.default=l;exports.disabled=a;exports.label=_;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const _="_container_8svpp_1",a="_label_8svpp_239",e="_disabled_8svpp_243",p={container:_,"container-input":"_container-input_8svpp_1","input-radio-checkbox-s":"_input-radio-checkbox-s_8svpp_1","input-radio-checkbox-m":"_input-radio-checkbox-m_8svpp_1","input-radio-checkbox-small":"_input-radio-checkbox-small_8svpp_1","input-radio-checkbox-reguler":"_input-radio-checkbox-reguler_8svpp_1","checked-icon":"_checked-icon_8svpp_11","default-disabled-radio":"_default-disabled-radio_8svpp_48","default-disabled-checkbox":"_default-disabled-checkbox_8svpp_58","laba-blue-10":"_laba-blue-10_8svpp_66","laba-blue-10-hv_bg_transparent":"_laba-blue-10-hv_bg_transparent_8svpp_78","blue-700":"_blue-700_8svpp_90","blue-700-hv_bg_transparent":"_blue-700-hv_bg_transparent_8svpp_102","bill-primary-500":"_bill-primary-500_8svpp_114","bill-primary-600-hv_bg_transparent":"_bill-primary-600-hv_bg_transparent_8svpp_126","bill-secondary-800-hv_bg_transparent":"_bill-secondary-800-hv_bg_transparent_8svpp_138","fin-primary-500":"_fin-primary-500_8svpp_150","fin-primary-500-hv_bg_transparent":"_fin-primary-500-hv_bg_transparent_8svpp_188",label:a,disabled:e};exports.container=_;exports.default=p;exports.disabled=e;exports.label=a;