1mpacto-react-ui 2.0.23 → 2.0.25

package/dist/assets/_mixins.scss

@@ -1,73 +1,73 @@
-@use 'sass:map';
-@use 'sass:list';
-
-@mixin ring($width: 1px, $color: 'transparent', $inset: 0, $important: 0) {
-    $ring-style: 0 0 0 $width $color;
-    $shadow: if($inset==1, inset $ring-style, $ring-style);
-
-    box-shadow: if($important==1, $shadow !important, $shadow);
-}
-
-@mixin ring-left($width: 1px, $color: 'currentColor', $inset: 0, $important: 0) {
-    $ring-style: (-$width) 0 0 $color;
-    $shadow: if($inset==1, inset $ring-style, $ring-style);
-
-    box-shadow: if($important==1, $shadow !important, $shadow);
-}
-
-@mixin ring-top($width: 1px, $color: 'currentColor', $inset: 0, $important: 0) {
-    $ring-style: 0 (-$width) 0 $color;
-    $shadow: if($inset==1, inset $ring-style, $ring-style);
-
-    box-shadow: if($important==1, $shadow !important, $shadow);
-}
-
-@mixin ring-right($width: 1px, $color: 'currentColor', $inset: 0, $important: 0) {
-    $ring-style: $width 0 0 $color;
-    $shadow: if($inset==1, inset $ring-style, $ring-style);
-
-    box-shadow: if($important==1, $shadow !important, $shadow);
-}
-
-@mixin ring-bottom($width: 1px, $color: 'currentColor', $inset: 0, $important: 0) {
-    $ring-style: 0 $width 0 $color;
-    $shadow: if($inset==1, inset $ring-style, $ring-style);
-
-    box-shadow: if($important==1, $shadow !important, $shadow);
-}
-
-@function getColor($color-map, $color) {
-    @if map.has-key($color-map, $color) {
-        @return map.get($color-map, $color);
-    }
-
-    @return $color;
-}
-
-@mixin getTypography($typo-map, $name, $important: false) {
-    @if map.has-key($typo-map, $name) {
-        & {
-            $values: map.get($typo-map, $name);
-            $font-size: list.nth($values, 1);
-            $props: list.nth($values, 2);
-            $line-height: map.get($props, 'line-height');
-            $font-weight: map.get($props, 'font-weight');
-
-            @if $important {
-                font-size: $font-size !important;
-                line-height: $line-height !important;
-                font-weight: $font-weight !important;
-            }
-
-            @else {
-                font-size: $font-size;
-                line-height: $line-height;
-                font-weight: $font-weight;
-            }
-        }
-    }
-
-    @else {
-        @warn 'Typography "#{$name}" not found in the typography map.';
-    }
+@use 'sass:map';
+@use 'sass:list';
+
+@mixin ring($width: 1px, $color: 'transparent', $inset: 0, $important: 0) {
+    $ring-style: 0 0 0 $width $color;
+    $shadow: if($inset==1, inset $ring-style, $ring-style);
+
+    box-shadow: if($important==1, $shadow !important, $shadow);
+}
+
+@mixin ring-left($width: 1px, $color: 'currentColor', $inset: 0, $important: 0) {
+    $ring-style: (-$width) 0 0 $color;
+    $shadow: if($inset==1, inset $ring-style, $ring-style);
+
+    box-shadow: if($important==1, $shadow !important, $shadow);
+}
+
+@mixin ring-top($width: 1px, $color: 'currentColor', $inset: 0, $important: 0) {
+    $ring-style: 0 (-$width) 0 $color;
+    $shadow: if($inset==1, inset $ring-style, $ring-style);
+
+    box-shadow: if($important==1, $shadow !important, $shadow);
+}
+
+@mixin ring-right($width: 1px, $color: 'currentColor', $inset: 0, $important: 0) {
+    $ring-style: $width 0 0 $color;
+    $shadow: if($inset==1, inset $ring-style, $ring-style);
+
+    box-shadow: if($important==1, $shadow !important, $shadow);
+}
+
+@mixin ring-bottom($width: 1px, $color: 'currentColor', $inset: 0, $important: 0) {
+    $ring-style: 0 $width 0 $color;
+    $shadow: if($inset==1, inset $ring-style, $ring-style);
+
+    box-shadow: if($important==1, $shadow !important, $shadow);
+}
+
+@function getColor($color-map, $color) {
+    @if map.has-key($color-map, $color) {
+        @return map.get($color-map, $color);
+    }
+
+    @return $color;
+}
+
+@mixin getTypography($typo-map, $name, $important: false) {
+    @if map.has-key($typo-map, $name) {
+        & {
+            $values: map.get($typo-map, $name);
+            $font-size: list.nth($values, 1);
+            $props: list.nth($values, 2);
+            $line-height: map.get($props, 'line-height');
+            $font-weight: map.get($props, 'font-weight');
+
+            @if $important {
+                font-size: $font-size !important;
+                line-height: $line-height !important;
+                font-weight: $font-weight !important;
+            }
+
+            @else {
+                font-size: $font-size;
+                line-height: $line-height;
+                font-weight: $font-weight;
+            }
+        }
+    }
+
+    @else {
+        @warn 'Typography "#{$name}" not found in the typography map.';
+    }
 }

package/dist/assets/icons/arrow-narrow-down.svg

@@ -1,3 +1,3 @@
-<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M10.6673 11.3333L8.00065 14M8.00065 14L5.33398 11.3333M8.00065 14V2" stroke="#CFD8DC" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-</svg>
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10.6673 11.3333L8.00065 14M8.00065 14L5.33398 11.3333M8.00065 14V2" stroke="#CFD8DC" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/dist/components/Button/Button.cjs

@@ -1,12 +1,12 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react/jsx-runtime"),i=require("react"),l=require("./style.module.scss.cjs"),s=require("./Button.config.cjs"),p=({className:r=""})=>n.jsx("svg",{className:`${l.default["icon-loading"]} ${r??""}`,xmlns:"http://www.w3.org/2000/svg",width:"25",height:"24",viewBox:"0 0 25 24",fill:"none",children:n.jsx("path",{d:`M21.6311 6.63315C22.3017 6.23898 22.5321 5.36957 22.0621 4.7497C20.7187 2.9779 18.9029 1.6063 \r
-        16.8106 0.800956C14.2782 -0.173807 11.4901 -0.261467 8.90143 0.552281C6.31275 1.36603 4.07629 \r
-        3.03314 2.55704 5.28155C1.0378 7.52995 0.325454 10.2269 0.536268 12.9323C0.747083 15.6376 1.86861 \r
-        18.1917 3.71782 20.1776C5.56702 22.1635 8.03473 23.4641 10.7182 23.867C13.4017 24.2699 16.1425 23.7514 \r
-        18.4934 22.3961C20.4357 21.2764 22.0171 19.64 23.0698 17.6815C23.4381 16.9963 23.0758 16.1731 \r
-        22.3522 15.8876C21.6286 15.6021 20.8195 15.9647 20.4268 16.6361C19.6248 18.0072 18.4764 19.1543 \r
-        17.0864 19.9556C15.2874 20.9927 13.19 21.3895 11.1365 21.0812C9.08296 20.7728 7.19456 19.7776 \r
-        5.77946 18.2579C4.36436 16.7382 3.50612 14.7837 3.34479 12.7134C3.18346 10.6431 3.72858 \r
-        8.57931 4.89118 6.85872C6.05378 5.13813 7.76522 3.86239 9.7462 3.23967C11.7272 2.61695 13.8607 \r
-        2.68403 15.7987 3.42996C17.296 4.0063 18.6083 4.96159 19.6129 6.19191C20.1049 \r
-        6.79445 20.9604 7.02733 21.6311 6.63315Z`,fill:"currentColor"})}),c=i.forwardRef((r,d)=>{const{size:a="reguler",variants:u="primary-laba-blue-10",startIcon:t=()=>n.jsx(n.Fragment,{}),endIcon:o=()=>n.jsx(n.Fragment,{}),children:C,className:g,classNameIconLoading:m,loading:e,onClick:f,type:h="button",disabled:x,...j}=r;return n.jsxs("button",{onClick:e?void 0:f,ref:d,className:`${s.configButton.size[a]} ${s.configButton.variants[u]} 
-      ${e?l.default.loading:""}  ${g??""}`,type:h,disabled:x??e,...j,children:[!e&&n.jsxs(n.Fragment,{children:[typeof t=="function"&&t(),i.isValidElement(t)&&t]}),e&&n.jsx(p,{className:`${s.configButton.loadingSize[a]} ${m}`}),C,!e&&n.jsxs(n.Fragment,{children:[typeof o=="function"&&o(),i.isValidElement(o)&&o]})]})});c.displayName="Button";exports.default=c;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react/jsx-runtime"),s=require("react"),r=require("./style.module.scss.cjs"),a=require("./Button.config.cjs"),p=({className:i=""})=>n.jsx("svg",{className:`${r.default["icon-loading"]} ${i??""}`,xmlns:"http://www.w3.org/2000/svg",width:"25",height:"24",viewBox:"0 0 25 24",fill:"none",children:n.jsx("path",{d:`M21.6311 6.63315C22.3017 6.23898 22.5321 5.36957 22.0621 4.7497C20.7187 2.9779 18.9029 1.6063 
+        16.8106 0.800956C14.2782 -0.173807 11.4901 -0.261467 8.90143 0.552281C6.31275 1.36603 4.07629 
+        3.03314 2.55704 5.28155C1.0378 7.52995 0.325454 10.2269 0.536268 12.9323C0.747083 15.6376 1.86861 
+        18.1917 3.71782 20.1776C5.56702 22.1635 8.03473 23.4641 10.7182 23.867C13.4017 24.2699 16.1425 23.7514 
+        18.4934 22.3961C20.4357 21.2764 22.0171 19.64 23.0698 17.6815C23.4381 16.9963 23.0758 16.1731 
+        22.3522 15.8876C21.6286 15.6021 20.8195 15.9647 20.4268 16.6361C19.6248 18.0072 18.4764 19.1543 
+        17.0864 19.9556C15.2874 20.9927 13.19 21.3895 11.1365 21.0812C9.08296 20.7728 7.19456 19.7776 
+        5.77946 18.2579C4.36436 16.7382 3.50612 14.7837 3.34479 12.7134C3.18346 10.6431 3.72858 
+        8.57931 4.89118 6.85872C6.05378 5.13813 7.76522 3.86239 9.7462 3.23967C11.7272 2.61695 13.8607 
+        2.68403 15.7987 3.42996C17.296 4.0063 18.6083 4.96159 19.6129 6.19191C20.1049 
+        6.79445 20.9604 7.02733 21.6311 6.63315Z`,fill:"currentColor"})}),c=s.forwardRef((i,d)=>{const{size:l="reguler",variants:u="primary-laba-blue-10",startIcon:t=()=>n.jsx(n.Fragment,{}),endIcon:o=()=>n.jsx(n.Fragment,{}),children:C,className:g,classNameIconLoading:m,loading:e,onClick:f,type:h="button",disabled:x,...j}=i;return n.jsxs("button",{onClick:e?void 0:f,ref:d,className:`${a.configButton.size[l]} ${a.configButton.variants[u]} 
+      ${e?r.default.loading:""}  ${g??""}`,type:h,disabled:x??e,...j,children:[!e&&n.jsxs(n.Fragment,{children:[typeof t=="function"&&t(),s.isValidElement(t)&&t]}),e&&n.jsx(p,{className:`${a.configButton.loadingSize[l]} ${m}`}),C,!e&&n.jsxs(n.Fragment,{children:[typeof o=="function"&&o(),s.isValidElement(o)&&o]})]})});c.displayName="Button";exports.default=c;

package/dist/components/Button/Button.mjs

@@ -1,11 +1,11 @@
-import { jsx as o, Fragment as i, jsxs as a } from "react/jsx-runtime";
+import { jsx as o, Fragment as e, jsxs as r } from "react/jsx-runtime";
 import { forwardRef as b, isValidElement as c } from "react";
 import d from "./style.module.scss.mjs";
 import { configButton as l } from "./Button.config.mjs";
-const v = ({ className: e = "" }) => /* @__PURE__ */ o(
+const v = ({ className: a = "" }) => /* @__PURE__ */ o(
   "svg",
   {
-    className: `${d["icon-loading"]} ${e ?? ""}`,
+    className: `${d["icon-loading"]} ${a ?? ""}`,
     xmlns: "http://www.w3.org/2000/svg",
     width: "25",
     height: "24",
@@ -14,27 +14,27 @@ const v = ({ className: e = "" }) => /* @__PURE__ */ o(
     children: /* @__PURE__ */ o(
       "path",
       {
-        d: `M21.6311 6.63315C22.3017 6.23898 22.5321 5.36957 22.0621 4.7497C20.7187 2.9779 18.9029 1.6063 \r
-        16.8106 0.800956C14.2782 -0.173807 11.4901 -0.261467 8.90143 0.552281C6.31275 1.36603 4.07629 \r
-        3.03314 2.55704 5.28155C1.0378 7.52995 0.325454 10.2269 0.536268 12.9323C0.747083 15.6376 1.86861 \r
-        18.1917 3.71782 20.1776C5.56702 22.1635 8.03473 23.4641 10.7182 23.867C13.4017 24.2699 16.1425 23.7514 \r
-        18.4934 22.3961C20.4357 21.2764 22.0171 19.64 23.0698 17.6815C23.4381 16.9963 23.0758 16.1731 \r
-        22.3522 15.8876C21.6286 15.6021 20.8195 15.9647 20.4268 16.6361C19.6248 18.0072 18.4764 19.1543 \r
-        17.0864 19.9556C15.2874 20.9927 13.19 21.3895 11.1365 21.0812C9.08296 20.7728 7.19456 19.7776 \r
-        5.77946 18.2579C4.36436 16.7382 3.50612 14.7837 3.34479 12.7134C3.18346 10.6431 3.72858 \r
-        8.57931 4.89118 6.85872C6.05378 5.13813 7.76522 3.86239 9.7462 3.23967C11.7272 2.61695 13.8607 \r
-        2.68403 15.7987 3.42996C17.296 4.0063 18.6083 4.96159 19.6129 6.19191C20.1049 \r
+        d: `M21.6311 6.63315C22.3017 6.23898 22.5321 5.36957 22.0621 4.7497C20.7187 2.9779 18.9029 1.6063 
+        16.8106 0.800956C14.2782 -0.173807 11.4901 -0.261467 8.90143 0.552281C6.31275 1.36603 4.07629 
+        3.03314 2.55704 5.28155C1.0378 7.52995 0.325454 10.2269 0.536268 12.9323C0.747083 15.6376 1.86861 
+        18.1917 3.71782 20.1776C5.56702 22.1635 8.03473 23.4641 10.7182 23.867C13.4017 24.2699 16.1425 23.7514 
+        18.4934 22.3961C20.4357 21.2764 22.0171 19.64 23.0698 17.6815C23.4381 16.9963 23.0758 16.1731 
+        22.3522 15.8876C21.6286 15.6021 20.8195 15.9647 20.4268 16.6361C19.6248 18.0072 18.4764 19.1543 
+        17.0864 19.9556C15.2874 20.9927 13.19 21.3895 11.1365 21.0812C9.08296 20.7728 7.19456 19.7776 
+        5.77946 18.2579C4.36436 16.7382 3.50612 14.7837 3.34479 12.7134C3.18346 10.6431 3.72858 
+        8.57931 4.89118 6.85872C6.05378 5.13813 7.76522 3.86239 9.7462 3.23967C11.7272 2.61695 13.8607 
+        2.68403 15.7987 3.42996C17.296 4.0063 18.6083 4.96159 19.6129 6.19191C20.1049 
         6.79445 20.9604 7.02733 21.6311 6.63315Z`,
         fill: "currentColor"
       }
     )
   }
-), y = b((e, C) => {
+), y = b((a, C) => {
   const {
     size: s = "reguler",
     variants: m = "primary-laba-blue-10",
-    startIcon: r = () => /* @__PURE__ */ o(i, {}),
-    endIcon: t = () => /* @__PURE__ */ o(i, {}),
+    startIcon: t = () => /* @__PURE__ */ o(e, {}),
+    endIcon: i = () => /* @__PURE__ */ o(e, {}),
     children: f,
     className: g,
     classNameIconLoading: p,
@@ -43,8 +43,8 @@ const v = ({ className: e = "" }) => /* @__PURE__ */ o(
     type: h = "button",
     disabled: $,
     ...w
-  } = e;
-  return /* @__PURE__ */ a(
+  } = a;
+  return /* @__PURE__ */ r(
     "button",
     {
       onClick: n ? void 0 : u,
@@ -55,15 +55,15 @@ const v = ({ className: e = "" }) => /* @__PURE__ */ o(
       disabled: $ ?? n,
       ...w,
       children: [
-        !n && /* @__PURE__ */ a(i, { children: [
-          typeof r == "function" && r(),
-          c(r) && r
+        !n && /* @__PURE__ */ r(e, { children: [
+          typeof t == "function" && t(),
+          c(t) && t
         ] }),
         n && /* @__PURE__ */ o(v, { className: `${l.loadingSize[s]} ${p}` }),
         f,
-        !n && /* @__PURE__ */ a(i, { children: [
-          typeof t == "function" && t(),
-          c(t) && t
+        !n && /* @__PURE__ */ r(e, { children: [
+          typeof i == "function" && i(),
+          c(i) && i
         ] })
       ]
     }

package/dist/components/ButtonIcon/ButtonIcon.cjs

@@ -1,12 +1,12 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),h=require("react"),i=require("./style.module.scss.cjs"),t=require("./ButtonIcon.config.cjs"),b=({className:o=""})=>e.jsx("svg",{className:`${i.default["icon-loading"]} ${o??""}`,xmlns:"http://www.w3.org/2000/svg",width:"25",height:"24",viewBox:"0 0 25 24",fill:"none",children:e.jsx("path",{d:`M21.6311 6.63315C22.3017 6.23898 22.5321 5.36957 22.0621 4.7497C20.7187 2.9779 18.9029 1.6063 \r
-        16.8106 0.800956C14.2782 -0.173807 11.4901 -0.261467 8.90143 0.552281C6.31275 1.36603 4.07629 \r
-        3.03314 2.55704 5.28155C1.0378 7.52995 0.325454 10.2269 0.536268 12.9323C0.747083 15.6376 1.86861 \r
-        18.1917 3.71782 20.1776C5.56702 22.1635 8.03473 23.4641 10.7182 23.867C13.4017 24.2699 16.1425 23.7514 \r
-        18.4934 22.3961C20.4357 21.2764 22.0171 19.64 23.0698 17.6815C23.4381 16.9963 23.0758 16.1731 \r
-        22.3522 15.8876C21.6286 15.6021 20.8195 15.9647 20.4268 16.6361C19.6248 18.0072 18.4764 19.1543 \r
-        17.0864 19.9556C15.2874 20.9927 13.19 21.3895 11.1365 21.0812C9.08296 20.7728 7.19456 19.7776 \r
-        5.77946 18.2579C4.36436 16.7382 3.50612 14.7837 3.34479 12.7134C3.18346 10.6431 3.72858 \r
-        8.57931 4.89118 6.85872C6.05378 5.13813 7.76522 3.86239 9.7462 3.23967C11.7272 2.61695 13.8607 \r
-        2.68403 15.7987 3.42996C17.296 4.0063 18.6083 4.96159 19.6129 6.19191C20.1049 \r
-        6.79445 20.9604 7.02733 21.6311 6.63315Z`,fill:"currentColor"})}),s=h.forwardRef((o,a)=>{const{size:r="reguler",variants:l="primary-laba-blue-10",children:c,className:u,classNameIconLoading:d,loading:n,onClick:C,type:g="button",disabled:f,...m}=o;return e.jsxs("button",{onClick:n?void 0:C,ref:a,className:`${t.configButton.size[r]} ${t.configButton.variants[l]} 
-      ${n?i.default.loading:""}  ${u??""}`,type:g,disabled:f??n,...m,children:[n&&e.jsx(b,{className:`${t.configButton.loadingSize[r]} ${d}`}),c]})});s.displayName="ButtonIcon";exports.default=s;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),h=require("react"),s=require("./style.module.scss.cjs"),t=require("./ButtonIcon.config.cjs"),b=({className:o=""})=>e.jsx("svg",{className:`${s.default["icon-loading"]} ${o??""}`,xmlns:"http://www.w3.org/2000/svg",width:"25",height:"24",viewBox:"0 0 25 24",fill:"none",children:e.jsx("path",{d:`M21.6311 6.63315C22.3017 6.23898 22.5321 5.36957 22.0621 4.7497C20.7187 2.9779 18.9029 1.6063 
+        16.8106 0.800956C14.2782 -0.173807 11.4901 -0.261467 8.90143 0.552281C6.31275 1.36603 4.07629 
+        3.03314 2.55704 5.28155C1.0378 7.52995 0.325454 10.2269 0.536268 12.9323C0.747083 15.6376 1.86861 
+        18.1917 3.71782 20.1776C5.56702 22.1635 8.03473 23.4641 10.7182 23.867C13.4017 24.2699 16.1425 23.7514 
+        18.4934 22.3961C20.4357 21.2764 22.0171 19.64 23.0698 17.6815C23.4381 16.9963 23.0758 16.1731 
+        22.3522 15.8876C21.6286 15.6021 20.8195 15.9647 20.4268 16.6361C19.6248 18.0072 18.4764 19.1543 
+        17.0864 19.9556C15.2874 20.9927 13.19 21.3895 11.1365 21.0812C9.08296 20.7728 7.19456 19.7776 
+        5.77946 18.2579C4.36436 16.7382 3.50612 14.7837 3.34479 12.7134C3.18346 10.6431 3.72858 
+        8.57931 4.89118 6.85872C6.05378 5.13813 7.76522 3.86239 9.7462 3.23967C11.7272 2.61695 13.8607 
+        2.68403 15.7987 3.42996C17.296 4.0063 18.6083 4.96159 19.6129 6.19191C20.1049 
+        6.79445 20.9604 7.02733 21.6311 6.63315Z`,fill:"currentColor"})}),a=h.forwardRef((o,l)=>{const{size:i="reguler",variants:r="primary-laba-blue-10",children:c,className:u,classNameIconLoading:d,loading:n,onClick:C,type:g="button",disabled:f,...m}=o;return e.jsxs("button",{onClick:n?void 0:C,ref:l,className:`${t.configButton.size[i]} ${t.configButton.variants[r]} 
+      ${n?s.default.loading:""}  ${u??""}`,type:g,disabled:f??n,...m,children:[n&&e.jsx(b,{className:`${t.configButton.loadingSize[i]} ${d}`}),c]})});a.displayName="ButtonIcon";exports.default=a;

package/dist/components/ButtonIcon/ButtonIcon.mjs

@@ -1,29 +1,29 @@
-import { jsxs as u, jsx as i } from "react/jsx-runtime";
+import { jsxs as u, jsx as t } from "react/jsx-runtime";
 import { forwardRef as f } from "react";
-import a from "./style.module.scss.mjs";
-import { configButton as r } from "./ButtonIcon.config.mjs";
-const h = ({ className: o = "" }) => /* @__PURE__ */ i(
+import r from "./style.module.scss.mjs";
+import { configButton as i } from "./ButtonIcon.config.mjs";
+const h = ({ className: o = "" }) => /* @__PURE__ */ t(
   "svg",
   {
-    className: `${a["icon-loading"]} ${o ?? ""}`,
+    className: `${r["icon-loading"]} ${o ?? ""}`,
     xmlns: "http://www.w3.org/2000/svg",
     width: "25",
     height: "24",
     viewBox: "0 0 25 24",
     fill: "none",
-    children: /* @__PURE__ */ i(
+    children: /* @__PURE__ */ t(
       "path",
       {
-        d: `M21.6311 6.63315C22.3017 6.23898 22.5321 5.36957 22.0621 4.7497C20.7187 2.9779 18.9029 1.6063 \r
-        16.8106 0.800956C14.2782 -0.173807 11.4901 -0.261467 8.90143 0.552281C6.31275 1.36603 4.07629 \r
-        3.03314 2.55704 5.28155C1.0378 7.52995 0.325454 10.2269 0.536268 12.9323C0.747083 15.6376 1.86861 \r
-        18.1917 3.71782 20.1776C5.56702 22.1635 8.03473 23.4641 10.7182 23.867C13.4017 24.2699 16.1425 23.7514 \r
-        18.4934 22.3961C20.4357 21.2764 22.0171 19.64 23.0698 17.6815C23.4381 16.9963 23.0758 16.1731 \r
-        22.3522 15.8876C21.6286 15.6021 20.8195 15.9647 20.4268 16.6361C19.6248 18.0072 18.4764 19.1543 \r
-        17.0864 19.9556C15.2874 20.9927 13.19 21.3895 11.1365 21.0812C9.08296 20.7728 7.19456 19.7776 \r
-        5.77946 18.2579C4.36436 16.7382 3.50612 14.7837 3.34479 12.7134C3.18346 10.6431 3.72858 \r
-        8.57931 4.89118 6.85872C6.05378 5.13813 7.76522 3.86239 9.7462 3.23967C11.7272 2.61695 13.8607 \r
-        2.68403 15.7987 3.42996C17.296 4.0063 18.6083 4.96159 19.6129 6.19191C20.1049 \r
+        d: `M21.6311 6.63315C22.3017 6.23898 22.5321 5.36957 22.0621 4.7497C20.7187 2.9779 18.9029 1.6063 
+        16.8106 0.800956C14.2782 -0.173807 11.4901 -0.261467 8.90143 0.552281C6.31275 1.36603 4.07629 
+        3.03314 2.55704 5.28155C1.0378 7.52995 0.325454 10.2269 0.536268 12.9323C0.747083 15.6376 1.86861 
+        18.1917 3.71782 20.1776C5.56702 22.1635 8.03473 23.4641 10.7182 23.867C13.4017 24.2699 16.1425 23.7514 
+        18.4934 22.3961C20.4357 21.2764 22.0171 19.64 23.0698 17.6815C23.4381 16.9963 23.0758 16.1731 
+        22.3522 15.8876C21.6286 15.6021 20.8195 15.9647 20.4268 16.6361C19.6248 18.0072 18.4764 19.1543 
+        17.0864 19.9556C15.2874 20.9927 13.19 21.3895 11.1365 21.0812C9.08296 20.7728 7.19456 19.7776 
+        5.77946 18.2579C4.36436 16.7382 3.50612 14.7837 3.34479 12.7134C3.18346 10.6431 3.72858 
+        8.57931 4.89118 6.85872C6.05378 5.13813 7.76522 3.86239 9.7462 3.23967C11.7272 2.61695 13.8607 
+        2.68403 15.7987 3.42996C17.296 4.0063 18.6083 4.96159 19.6129 6.19191C20.1049 
         6.79445 20.9604 7.02733 21.6311 6.63315Z`,
         fill: "currentColor"
       }
@@ -31,7 +31,7 @@ const h = ({ className: o = "" }) => /* @__PURE__ */ i(
   }
 ), $ = f((o, e) => {
   const {
-    size: t = "reguler",
+    size: a = "reguler",
     variants: s = "primary-laba-blue-10",
     children: l,
     className: C,
@@ -47,13 +47,13 @@ const h = ({ className: o = "" }) => /* @__PURE__ */ i(
     {
       onClick: n ? void 0 : d,
       ref: e,
-      className: `${r.size[t]} ${r.variants[s]} 
-      ${n ? a.loading : ""}  ${C ?? ""}`,
+      className: `${i.size[a]} ${i.variants[s]} 
+      ${n ? r.loading : ""}  ${C ?? ""}`,
       type: m,
       disabled: g ?? n,
       ...p,
       children: [
-        n && /* @__PURE__ */ i(h, { className: `${r.loadingSize[t]} ${c}` }),
+        n && /* @__PURE__ */ t(h, { className: `${i.loadingSize[a]} ${c}` }),
         l
       ]
     }

package/dist/components/Calendar/CalendarYear.cjs

@@ -1,3 +1,3 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react/jsx-runtime"),y=require("react"),c=require("./style.module.scss.cjs"),m=({className:o})=>n.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"currentColor",className:`iru-h-4 iru-w-4 iru-text-blue-700 ${o??""}`,viewBox:"0 0 512 512",children:n.jsx("path",{d:`M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 \r
-      0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 \r
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react/jsx-runtime"),y=require("react"),c=require("./style.module.scss.cjs"),m=({className:o})=>n.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"currentColor",className:`iru-h-4 iru-w-4 iru-text-blue-700 ${o??""}`,viewBox:"0 0 512 512",children:n.jsx("path",{d:`M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 
+      0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 
       0s-12.5 32.8 0 45.3l192 192z`})}),b=({title:o,state:a,type:l,setUpYear:t={startYear:1970,endAfterThisYear:20},hiddenHeader:h,setActiveTypeCalendar:i,onChangeYear:u})=>{const x=(r,e)=>{const s=a.focusedDate.set({year:r});e?(i("month"),a.setFocusedDate(s)):!e&&typeof u=="function"&&u(s)},g=(r,e,s)=>Array.from({length:(e-r)/s+1},(f,d)=>r+d*s);return y.useEffect(()=>{const r=document.getElementById(`calendar-year-${a.focusedDate.year}`),e=document.getElementById("wrapper-calendar-year");r&&e&&e.scrollTo({behavior:"instant",top:r.offsetTop-93})},[]),n.jsxs("div",{className:`iru-w-[296px] ${c.default["container-calendar"]}`,children:[!h&&n.jsx("div",{className:`${c.default["header-calendar"]} iru-my-2`,children:n.jsxs("div",{className:`${c.default["header-button-calendar"]} ${l.includes("date")||l.includes("month")?"":c.default.disabled}`,onClick:()=>{l.includes("date")?i("date"):l.includes("month")&&i("month")},children:[o," ",(l.includes("date")||l.includes("month"))&&n.jsx(m,{})]})}),n.jsx("div",{id:"wrapper-calendar-year",className:c.default["year-calendar"],children:g(t?.startYear,new Date().getFullYear()+t.endAfterThisYear,1).map(r=>{const e=Number(r),s=a?.minValue?e<a?.minValue?.year:!1,f=a?.maxValue?e>a?.maxValue?.year:!1,d=s||f;return n.jsx("div",{id:`calendar-year-${r}`,onClick:()=>{d||x(e,l.includes("month"))},className:`${c.default["cell-year"]} ${a.focusedDate.year===e&&!d?c.default.selected:""} ${a.focusedDate.year!==e&&!d?"hover:iru-bg-laba-blue-01":""} ${d?"iru-text-gray-400":"iru-cursor-pointer"}`,children:r},r)})})]})};exports.ChevronDownIcon=m;exports.default=b;

package/dist/components/Calendar/CalendarYear.mjs

@@ -11,8 +11,8 @@ const $ = ({ className: d }) => /* @__PURE__ */ o(
     children: /* @__PURE__ */ o(
       "path",
       {
-        d: `M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 \r
-      0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 \r
+        d: `M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 
+      0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 
       0s-12.5 32.8 0 45.3l192 192z`
       }
     )

package/dist/components/Chart/PieChart.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const h=require("react/jsx-runtime"),v=require("chart.js"),g=require("react"),S=require("react-chartjs-2"),x=require("../../utils/common.cjs"),k=require("../PortalComponent/PortalComponent.cjs");v.Chart.register(v.ArcElement,v.Tooltip);const M=(t,l,n)=>{const r=l>0?t/l*100:0;switch(n){case"decimal":return x.formatNumber(t,"decimal");case"currency":return x.formatNumber(t,"currency");default:return`${Math.round(r)}%`}},m=()=>{const t=Math.floor(Math.random()*360),l=60+Math.floor(Math.random()*30),n=45+Math.floor(Math.random()*20);return((o,a,c)=>{a/=100,c/=100;const s=a*Math.min(c,1-c),d=u=>{const i=(u+o/30)%12,e=c-s*Math.max(Math.min(i-3,9-i,1),-1);return Math.round(255*e).toString(16).padStart(2,"0")};return`#${d(0)}${d(8)}${d(4)}`})(t,l,n)},I=(t,l)=>Array.isArray(t)?t[l]||m():typeof t=="string"?t:m(),q=t=>{const l=t.labels??[],n=t.datasets[0];return n?(n.data??[]).map((o,a)=>({label:l[a]??"",value:o,backgroundColor:I(n.backgroundColor,a)})):[]},E=(t,l)=>{if(!l)return{labels:t.map(e=>e.label),values:t.map(e=>e.value),colors:t.map(e=>e.backgroundColor||m()),mergedMap:{}};const{mode:n,value:r,otherLabel:o="Other",otherBackgroundColor:a="#B0BEC5"}=l,c=t.reduce((e,p)=>e+p.value,0),s=[],d=[];let u=0;t.forEach(e=>{(n==="percentage"?e.value/c*100<r:e.value<r)?(u+=e.value,d.push(e)):s.push({label:e.label,value:e.value,color:e.backgroundColor||m()})});const i={};return u>0&&(s.push({label:o,value:u,color:a}),i[s.length-1]=d),{labels:s.map(e=>e.label),values:s.map(e=>e.value),colors:s.map(e=>e.color),mergedMap:i}},T=(t,l,n)=>({chart:r,tooltip:o})=>{const a={};if(o.opacity===0){t(f=>({...f,style:{...f.style,opacity:0,pointerEvents:"none"}}));return}if(!o.dataPoints||o.dataPoints.length===0)return;a.opacity="1",a.position="absolute",a.pointerEvents="none";const c=r.canvas.getBoundingClientRect();a.left=c.left+window.pageXOffset+o.caretX+"px",a.top=c.top+window.pageYOffset+o.caretY+"px";const s=o.dataPoints[0].dataIndex,d=o.dataPoints?.[0]?.label??"",u=o.dataPoints?.[0]?.raw??0,i=o.dataPoints?.[0]?.dataset.backgroundColor?.[s]??"",e=o.dataPoints?.[0]?.dataset.data?.reduce((f,b)=>f+b,0)||1,p=e>0?u/e*100:0;t({label:d,value:u,percentage:p,formattedValue:M(u,e,l),backgroundColor:typeof i=="string"?i:"#000",mergedItems:n[s]??[],style:a,dataPoints:o.dataPoints})},A=(t,l)=>({id:"pieLabelPlugin",afterDraw(n){const{ctx:r}=n,o=n.getDatasetMeta(0),a=n.data.datasets[0].data.reduce((c,s)=>c+s,0);o.data.forEach((c,s)=>{const u=n.data.datasets[0].data[s]??0;if((a>0?u/a*100:0)<l)return;const{x:e,y:p}=c.tooltipPosition(!1),f=n.data.labels?.[s];r.save(),r.textAlign="center",r.textBaseline="middle",r.fillStyle="#FFFFFF",r.font="bold 10px Inter, sans-serif",r.fillText(f,e||0,(p||0)-6),r.fillText(M(u,a,t),e||0,(p||0)+8),r.restore()})}}),B={responsive:!0,maintainAspectRatio:!1,plugins:{legend:{display:!1},tooltip:{enabled:!0}},elements:{arc:{hoverOffset:8,borderWidth:0}}},R=({data:t,height:l,classNameContainer:n,id:r,options:o,CustomTooltip:a,threshold:c,valueFormat:s,hideLabelBelowPercentage:d=5})=>{const[u,i]=g.useState({style:{opacity:0,position:"absolute",left:0,top:0},label:"",value:0,percentage:0,formattedValue:"",backgroundColor:"",mergedItems:[],dataPoints:[]}),e=g.useMemo(()=>q(t),[t]),{labels:p,values:f,colors:b,mergedMap:y}=g.useMemo(()=>E(e,c),[e,c]),P=g.useMemo(()=>({labels:p,datasets:[{...t.datasets[0],data:f,backgroundColor:b,hoverOffset:8,borderWidth:0}]}),[p,f,b,t.datasets]),C=g.useMemo(()=>{const O={plugins:{tooltip:{enabled:!a,external:a?({chart:j,tooltip:w})=>T(i,s,y)({chart:j,tooltip:w}):void 0}}};return x.mergeObjects(B,O,o??{})},[o,a,s,y]);return h.jsxs("div",{id:r,className:n,style:{height:l||"300px"},children:[a&&h.jsx(k.default,{selector:"body",children:h.jsx(a,{...u})}),h.jsx(S.Pie,{data:P,options:C,plugins:[A(s,d)]})]})};exports.default=R;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const x=require("react/jsx-runtime"),v=require("chart.js"),h=require("react"),T=require("react-chartjs-2"),M=require("../../utils/common.cjs"),k=require("../PortalComponent/PortalComponent.cjs");v.Chart.register(v.ArcElement,v.Tooltip);const O=(t,n,e)=>{const a=n>0?t/n*100:0;switch(e){case"decimal":return M.formatNumber(t,"decimal");case"currency":return M.formatNumber(t,"currency");default:return`${Math.round(a)}%`}},D=()=>{const t=Math.floor(Math.random()*360),n=60+Math.floor(Math.random()*30),e=45+Math.floor(Math.random()*20);return((s,r,o)=>{r/=100,o/=100;const l=r*Math.min(o,1-o),u=d=>{const i=(d+s/30)%12,c=o-l*Math.max(Math.min(i-3,9-i,1),-1);return Math.round(255*c).toString(16).padStart(2,"0")};return`#${u(0)}${u(8)}${u(4)}`})(t,n,e)},q=(t,n)=>Array.isArray(t)?t[n]||D():typeof t=="string"?t:D(),P=t=>t!=="data"&&t.startsWith("data"),B=t=>{const n=t.data?.length??0;return Object.keys(t).filter(e=>{const a=t[e];return P(e)&&Array.isArray(a)&&a.length===n})},j=(t,n,e)=>n.reduce((a,s)=>{const r=t[s];return Array.isArray(r)&&(a[s]=r[e]),a},{}),E=t=>Object.keys(t[0]??{}).filter(P).reduce((e,a)=>(e[a]=t.map(s=>s[a]),e),{}),C=(t,n={})=>({labels:t.map(e=>e.label),values:t.map(e=>e.value),colors:t.map(e=>e.backgroundColor||D()),extraDatasetData:E(t),mergedMap:n}),K=t=>{const n=t.labels??[],e=t.datasets[0];if(!e)return[];const a=e.data??[],s=B(e);return a.map((r,o)=>({label:n[o]??"",value:r,backgroundColor:q(e.backgroundColor,o),...j(e,s,o)}))},R=(t,n)=>{if(!n)return C(t);const{mode:e,value:a,otherLabel:s="Other",otherBackgroundColor:r="#B0BEC5"}=n,o=t.reduce((c,f)=>c+f.value,0),l=[],u=[];let d=0;t.forEach(c=>{(e==="percentage"?c.value/o*100<a:c.value<a)?(d+=c.value,u.push(c)):l.push(c)});const i={};if(d>0){const c=E(u);l.push({...c,label:s,value:d,backgroundColor:r}),i[l.length-1]=u}return C(l,i)},F=(t,n,e)=>({chart:a,tooltip:s})=>{const r={};if(s.opacity===0){t(g=>({...g,style:{...g.style,opacity:0,pointerEvents:"none"}}));return}if(!s.dataPoints||s.dataPoints.length===0)return;r.opacity="1",r.position="absolute",r.pointerEvents="none";const o=a.canvas.getBoundingClientRect();r.left=o.left+window.pageXOffset+s.caretX+"px",r.top=o.top+window.pageYOffset+s.caretY+"px";const l=s.dataPoints[0].dataIndex,u=s.dataPoints[0].dataset,d=s.dataPoints?.[0]?.label??"",i=s.dataPoints?.[0]?.raw??0,c=u.backgroundColor?.[l]??"",f=u.data?.reduce((g,y)=>g+y,0)||1,p=f>0?i/f*100:0,b=Object.keys(u).filter(P),m=j(u,b,l);t({label:d,value:i,percentage:p,formattedValue:O(i,f,n),backgroundColor:typeof c=="string"?c:"#000",mergedItems:e[l]??[],style:r,dataPoints:s.dataPoints,...m})},L=(t,n)=>({id:"pieLabelPlugin",afterDraw(e){const{ctx:a}=e,s=e.getDatasetMeta(0),r=e.data.datasets[0].data.reduce((o,l)=>o+l,0);s.data.forEach((o,l)=>{const d=e.data.datasets[0].data[l]??0;if((r>0?d/r*100:0)<n)return;const{x:c,y:f}=o.tooltipPosition(!1),p=e.data.labels?.[l];a.save(),a.textAlign="center",a.textBaseline="middle",a.fillStyle="#FFFFFF",a.font="bold 10px Inter, sans-serif",a.fillText(p,c||0,(f||0)-6),a.fillText(O(d,r,t),c||0,(f||0)+8),a.restore()})}}),V={responsive:!0,maintainAspectRatio:!1,plugins:{legend:{display:!1},tooltip:{enabled:!0}},elements:{arc:{hoverOffset:8,borderWidth:0}}},$=({data:t,height:n,classNameContainer:e,id:a,options:s,CustomTooltip:r,threshold:o,valueFormat:l,hideLabelBelowPercentage:u=5})=>{const[d,i]=h.useState({style:{opacity:0,position:"absolute",left:0,top:0},label:"",value:0,percentage:0,formattedValue:"",backgroundColor:"",mergedItems:[],dataPoints:[]}),c=h.useMemo(()=>K(t),[t]),{labels:f,values:p,colors:b,extraDatasetData:m,mergedMap:g}=h.useMemo(()=>R(c,o),[c,o]),y=h.useMemo(()=>({labels:f,datasets:[{...t.datasets[0],...m,data:p,backgroundColor:b,hoverOffset:8,borderWidth:0}]}),[f,p,b,m,t.datasets]),w=h.useMemo(()=>{const A={plugins:{tooltip:{enabled:!r,external:r?({chart:I,tooltip:S})=>F(i,l,g)({chart:I,tooltip:S}):void 0}}};return M.mergeObjects(V,A,s??{})},[s,r,l,g]);return x.jsxs("div",{id:a,className:e,style:{height:n||"300px"},children:[r&&x.jsx(k.default,{selector:"body",children:x.jsx(r,{...d})}),x.jsx(T.Pie,{data:y,options:w,plugins:[L(l,u)]})]})};exports.default=$;