1mpacto-react-ui 2.0.25 → 2.0.27

package/dist/components/DatePicker/FilterDate.mjs

@@ -1,52 +1,104 @@
-import { jsxs as m, Fragment as T, jsx as s } from "react/jsx-runtime";
-import o, { isValidElement as X } from "react";
-import Z from "./DateRangePicker.mjs";
-import _ from "../Popover/Popover.mjs";
-import h from "../Calendar/style.module.scss.mjs";
-import { formatDate as k } from "../../utils/common.mjs";
-import ee from "../Button/Button.mjs";
-const le = ({
-  value: n,
-  prevIcon: x,
-  nextIcon: H,
-  buttonReset: w,
-  buttonSubmit: N,
-  className: R,
-  classNameButton: W,
-  buttonClick: l,
-  buttonList: g,
-  typePicker: j = "RANGE",
-  onChange: v,
-  idPopover: B = "filter-date-popover",
-  id: E = "filter-date",
-  floatingOptions: P = {},
-  offsetPopover: $ = 5,
-  zIndexPopper: O = 0,
-  defaultValueLabel: c,
-  isCustomTime: z = !1,
-  mountedExecuteChange: V = !0,
-  formatingDate: D
+import { jsxs as w, Fragment as N, jsx as r } from "react/jsx-runtime";
+import d, { isValidElement as te } from "react";
+import ae from "./DateRangePicker.mjs";
+import se from "../Popover/Popover.mjs";
+import f from "../Calendar/style.module.scss.mjs";
+import { formatDate as g } from "../../utils/common.mjs";
+import ne from "../Button/Button.mjs";
+import { configCalendar as V } from "../Calendar/Calendar.config.mjs";
+const n = {
+  "en-US": {
+    Today: "Today",
+    "This week": "This week",
+    "This month": "This month",
+    "This year": "This year",
+    Yesterday: "Yesterday",
+    "Last week": "Last week",
+    "Last month": "Last month",
+    "Last year": "Last year",
+    Custom: "Custom",
+    Reset: "Reset"
+  },
+  "id-ID": {
+    Today: "Hari ini",
+    "This week": "Minggu ini",
+    "This month": "Bulan ini",
+    "This year": "Tahun ini",
+    Yesterday: "Kemarin",
+    "Last week": "Minggu lalu",
+    "Last month": "Bulan lalu",
+    "Last year": "Tahun lalu",
+    Custom: "Kustom",
+    Reset: "Reset"
+  },
+  "zh-CN": {
+    Today: "今天",
+    "This week": "本周",
+    "This month": "本月",
+    "This year": "今年",
+    Yesterday: "昨天",
+    "Last week": "上周",
+    "Last month": "上个月",
+    "Last year": "去年",
+    Custom: "自定义",
+    Reset: "重置"
+  },
+  "nl-NL": {
+    Today: "Vandaag",
+    "This week": "Deze week",
+    "This month": "Deze maand",
+    "This year": "Dit jaar",
+    Yesterday: "Gisteren",
+    "Last week": "Vorige week",
+    "Last month": "Vorige maand",
+    "Last year": "Vorig jaar",
+    Custom: "Aangepast",
+    Reset: "Reset"
+  }
+}, me = ({
+  value: o,
+  prevIcon: H,
+  nextIcon: j,
+  buttonReset: T,
+  buttonSubmit: x,
+  className: W,
+  classNameButton: z,
+  buttonClick: c,
+  buttonList: p,
+  typePicker: B = "RANGE",
+  onChange: R,
+  idPopover: E = "filter-date-popover",
+  id: P = "filter-date",
+  floatingOptions: $ = {},
+  offsetPopover: I = 5,
+  zIndexPopper: K = 0,
+  defaultValueLabel: h,
+  isCustomTime: O = !1,
+  mountedExecuteChange: A = !0,
+  formatingDate: y,
+  variants: Y = "laba-blue-10",
+  locale: s = "id-ID"
 }) => {
-  const p = [
-    { key: "thisDay", value: "Hari ini" },
-    { key: "thisWeek", value: "Minggu ini" },
-    { key: "thisMonth", value: "Bulan ini" },
-    { key: "thisYear", value: "Tahun ini" },
-    { key: "yesterday", value: "Kemarin" },
-    { key: "lastWeek", value: "Minggu lalu" },
-    { key: "lastMonth", value: "Bulan lalu" },
-    { key: "lastYear", value: "Tahun lalu" },
-    { key: "custom", value: "Kustom" }
-  ], S = o.useRef(null), [b, M] = o.useState(), [A, r] = o.useState(), [Y, F] = o.useState(), d = (e, t) => {
+  const L = [
+    { key: "thisDay", value: n[s].Today },
+    { key: "thisWeek", value: n[s]["This week"] },
+    { key: "thisMonth", value: n[s]["This month"] },
+    { key: "thisYear", value: n[s]["This year"] },
+    { key: "yesterday", value: n[s].Yesterday },
+    { key: "lastWeek", value: n[s]["Last week"] },
+    { key: "lastMonth", value: n[s]["Last month"] },
+    { key: "lastYear", value: n[s]["Last year"] },
+    { key: "custom", value: n[s].Custom }
+  ], S = d.useRef(null), [M, b] = d.useState(), [G, i] = d.useState(), [C, F] = d.useState(), m = (e, t) => {
     const a = new Date(e ?? /* @__PURE__ */ new Date());
     return t === "start" ? new Date(a.setHours(0, 0, 0)) : new Date(a.setHours(23, 59, 59));
-  }, G = () => {
+  }, J = () => {
     const e = /* @__PURE__ */ new Date();
     return {
       startDate: e,
       endDate: e
     };
-  }, I = () => {
+  }, U = () => {
     const e = /* @__PURE__ */ new Date();
     e.setDate(e.getDate() - e.getDay());
     const t = /* @__PURE__ */ new Date();
@@ -54,25 +106,25 @@ const le = ({
       startDate: e,
       endDate: t
     };
-  }, J = () => {
+  }, q = () => {
     const e = /* @__PURE__ */ new Date(), t = new Date(e.getFullYear(), e.getMonth(), 1), a = new Date(e.getFullYear(), e.getMonth() + 1, 0);
     return {
       startDate: t,
       endDate: a
     };
-  }, q = () => {
+  }, Q = () => {
     const e = new Date((/* @__PURE__ */ new Date()).getFullYear(), 0, 1), t = new Date((/* @__PURE__ */ new Date()).getFullYear(), 11, 31);
     return {
       startDate: e,
       endDate: t
     };
-  }, C = () => {
+  }, X = () => {
     const e = new Date((/* @__PURE__ */ new Date()).setDate((/* @__PURE__ */ new Date()).getDate() - 1));
     return {
       startDate: e,
       endDate: e
     };
-  }, L = () => {
+  }, Z = () => {
     const e = /* @__PURE__ */ new Date();
     e.setDate(e.getDate() - (7 + e.getDay()));
     const t = /* @__PURE__ */ new Date();
@@ -80,158 +132,160 @@ const le = ({
       startDate: e,
       endDate: t
     };
-  }, Q = () => {
+  }, _ = () => {
     const e = /* @__PURE__ */ new Date(), t = new Date(e.getFullYear(), e.getMonth() - 1, 1), a = new Date(e.getFullYear(), e.getMonth(), 0);
     return {
       startDate: t,
       endDate: a
     };
-  }, U = () => {
+  }, ee = () => {
     const e = new Date((/* @__PURE__ */ new Date()).getFullYear() - 1, 0, 1), t = new Date((/* @__PURE__ */ new Date()).getFullYear() - 1, 11, 31);
     return {
       startDate: e,
       endDate: t
     };
   }, u = (e, t, a) => {
-    if (F(e), typeof v == "function") {
-      let i = e;
-      D === "string" && e ? i = {
-        startDate: k(e.startDate, D),
-        endDate: k(e.endDate, D)
-      } : typeof D == "boolean" && e && (i = {
-        startDate: k(e.startDate, "yyyy-MM-dd'T'HH:mm:ss.SSSxxx"),
-        endDate: k(e.endDate, "yyyy-MM-dd'T'HH:mm:ss.SSSxxx")
-      }), S.current?.setShow(!1), v(i, t ?? "", a);
+    if (F(e), typeof R == "function") {
+      let D = e;
+      y === "string" && e ? D = {
+        startDate: g(e.startDate, y),
+        endDate: g(e.endDate, y)
+      } : typeof y == "boolean" && e && (D = {
+        startDate: g(e.startDate, "yyyy-MM-dd'T'HH:mm:ss.SSSxxx"),
+        endDate: g(e.endDate, "yyyy-MM-dd'T'HH:mm:ss.SSSxxx")
+      }), S.current?.setShow(!1), R(D, t ?? "", a);
     }
-  }, y = (e, t) => {
-    M(e);
+  }, l = (e, t) => {
+    b(e);
     let a;
     if (e?.key !== "custom") {
-      switch (r(e), e?.key) {
+      switch (i(e), e?.key) {
         case "thisDay":
-          a = G();
+          a = J();
           break;
         case "thisWeek":
-          a = I();
+          a = U();
           break;
         case "thisMonth":
-          a = J();
+          a = q();
           break;
         case "thisYear":
-          a = q();
+          a = Q();
           break;
         case "yesterday":
-          a = C();
+          a = X();
           break;
         case "lastWeek":
-          a = L();
+          a = Z();
           break;
         case "lastMonth":
-          a = Q();
+          a = _();
           break;
         case "lastYear":
-          a = U();
+          a = ee();
           break;
       }
       a && t && u(
-        { startDate: d(a.startDate, "start"), endDate: d(a.endDate, "end") },
+        { startDate: m(a.startDate, "start"), endDate: m(a.endDate, "end") },
         e?.value,
         e
       );
     }
-  }, f = (e, t) => {
-    const a = (g ?? p).find((i) => i.key === e);
-    !e && !a ? (t && u(), y(void 0, t), r(void 0)) : typeof e == "object" ? (t && u(
+  }, k = (e, t) => {
+    const a = (p ?? L).find((D) => D.key === e);
+    !e && !a ? (t && u(), l(void 0, t), i(void 0)) : typeof e == "object" ? (t && u(
       {
-        startDate: d(e.startDate, "start"),
-        endDate: d(e.endDate, "end")
+        startDate: m(e.startDate, "start"),
+        endDate: m(e.endDate, "end")
       },
       "Kustom",
-      { key: "custom", value: "Kustom" }
-    ), y({ key: "custom", value: "Kustom" }, t), r({ key: "custom", value: "Kustom" })) : (y(a, t), r(a));
-  }, K = () => {
-    if (n) {
-      F(n);
-      const e = (g ?? p)?.find(
-        (t) => t.key === n.label || t.value === n.label
+      { key: "custom", value: n[s].Custom }
+    ), l({ key: "custom", value: n[s].Custom }, t), i({ key: "custom", value: n[s].Custom })) : (l(a, t), i(a));
+  }, v = () => {
+    if (o) {
+      F(o);
+      const e = (p ?? L)?.find(
+        (t) => t.key === o.label || t.value === o.label
       );
-      Object.keys(e || {}).length > 0 && M(e);
+      Object.keys(e || {}).length > 0 && b(e);
     } else
-      M(void 0), r(void 0);
+      b(void 0), i(void 0);
   };
-  return o.useEffect(() => {
-    K();
-  }, [JSON.stringify(n)]), o.useEffect(() => {
-    f(c ?? n, V);
-  }, []), /* @__PURE__ */ m(T, { children: [
-    /* @__PURE__ */ m(
+  return d.useEffect(() => {
+    v();
+  }, [JSON.stringify(o)]), d.useEffect(() => {
+    k(h ?? o, A);
+  }, []), /* @__PURE__ */ w(N, { children: [
+    /* @__PURE__ */ w(
       "div",
       {
         onClick: (e) => {
-          S.current?.handlerShow(e), K();
+          S.current?.handlerShow(e), v();
         },
-        className: W,
-        id: E,
+        className: z,
+        id: P,
         children: [
-          X(l) && l,
-          typeof l == "function" ? l(Y, A) : "Pilih Filter"
+          te(c) && c,
+          typeof c == "function" ? c(C, G) : "Pilih Filter"
         ]
       }
     ),
-    /* @__PURE__ */ s(
-      _,
+    /* @__PURE__ */ r(
+      se,
       {
-        zIndex: O,
+        zIndex: K,
         ref: S,
-        offset: $,
-        id: B,
-        floatingOptions: { placement: "bottom-end", ...P },
-        children: /* @__PURE__ */ m("div", { className: `${h["container-filter-date"]} ${R}`, children: [
-          /* @__PURE__ */ m("div", { children: [
-            (g ?? p).map((e, t) => /* @__PURE__ */ s(
+        offset: I,
+        id: E,
+        floatingOptions: { placement: "bottom-end", ...$ },
+        children: /* @__PURE__ */ w("div", { className: `${V.selectedVariants[Y]} ${W}`, children: [
+          /* @__PURE__ */ w("div", { children: [
+            (p ?? L).map((e, t) => /* @__PURE__ */ r(
               "div",
               {
-                className: `${h["button-filter-date"]} hover:iru-bg-laba-blue-01 ${b?.key === e.key ? "iru-text-laba-blue-10" : ""}`,
-                onClick: () => y(e, !0),
+                className: `${f["button-filter-date"]} hover:iru-bg-laba-blue-01 ${M?.key === e.key ? f.selected : ""}`,
+                onClick: () => l(e, !0),
                 children: e.value
               },
               t
             )),
-            b?.key !== "custom" && /* @__PURE__ */ s(T, { children: typeof w == "function" ? /* @__PURE__ */ s(
+            M?.key !== "custom" && /* @__PURE__ */ r(N, { children: typeof T == "function" ? /* @__PURE__ */ r(
               "div",
               {
-                className: h["button-filter-date-custome"],
-                onClick: () => f(c, !0),
-                children: w()
+                className: f["button-filter-date-custome"],
+                onClick: () => k(h, !0),
+                children: T()
               }
-            ) : /* @__PURE__ */ s(
-              ee,
+            ) : /* @__PURE__ */ r(
+              ne,
               {
-                className: h["button-reset-filter-date"],
-                variants: "nude-laba-blue-10",
+                className: f["button-reset-filter-date"],
+                variants: V.resetButtonVariant[Y],
                 size: "small",
-                onClick: () => f(c, !0),
-                children: "Reset"
+                onClick: () => k(h, !0),
+                children: n[s].Reset
               }
             ) })
           ] }),
-          b?.key === "custom" && /* @__PURE__ */ s("div", { children: /* @__PURE__ */ s(
-            Z,
+          M?.key === "custom" && /* @__PURE__ */ r("div", { children: /* @__PURE__ */ r(
+            ae,
             {
-              defaultValue: Y,
-              value: Y,
-              prevIcon: x,
-              nextIcon: H,
-              buttonReset: w,
-              buttonSubmit: N,
-              isCustomTime: z,
+              defaultValue: C,
+              value: C,
+              prevIcon: H,
+              nextIcon: j,
+              buttonReset: T,
+              buttonSubmit: x,
+              isCustomTime: O,
+              variants: Y,
               onChange: (e) => {
-                u(e, "Kustom", { key: "custom", value: "Kustom" }), r({ key: "custom", value: "Kustom" });
+                u(e, n[s].Custom, { key: "custom", value: n[s].Custom }), i({ key: "custom", value: n[s].Custom });
               },
               onReset: () => {
-                f(c, !0);
+                k(h, !0);
               },
-              typePicker: j,
+              typePicker: B,
+              locale: s,
               withConfirm: !0
             }
           ) })
@@ -241,5 +295,5 @@ const le = ({
   ] });
 };
 export {
-  le as default
+  me as default
 };

package/dist/components/DatePicker/MonthYearPicker.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),$=require("react"),u=require("react-aria"),f=require("@internationalized/date"),k=require("../Popover/Popover.cjs"),I=require("../Calendar/Calendar.cjs"),o=r=>{let a;const n=new Date(r??new Date);return r&&(a=f.parseDate(new Date(n.setHours(n.getHours()+7)).toISOString().slice(0,10))),a},R=({month:r,year:a,type:n=["month","year"],activeType:h="month",minDate:l,maxDate:i,className:p,classNameButton:g,onChange:c,buttonClick:d,id:m="date-picker",idPopover:v="date-picker-popover",floatingOptions:j={},offsetPopover:x=5,zIndexPopper:P=1,hiddenHeader:S})=>{const{locale:q}=u.useLocale(),s=$.useRef(null),w=o(l),D=o(i),C=e=>{typeof c=="function"&&(c({month:e.month,year:e.year}),s.current?.setShow(!1))};return t.jsxs(t.Fragment,{children:[t.jsx("div",{id:m,onClick:e=>{e.stopPropagation(),s.current?.handlerShow(e)},className:g,children:typeof d=="function"?d({month:r,year:a}):"Pilih Tanggal"}),t.jsx("div",{className:p??"",children:t.jsx(k.default,{zIndex:P,ref:s,offset:x,id:v,floatingOptions:{placement:"bottom-end",...j},onClick:e=>e.stopPropagation(),children:t.jsx(u.I18nProvider,{locale:"id-ID",children:t.jsx(I.default,{minValue:w,maxValue:D,minDate:l,maxDate:i,activeType:n.length===1?n[0]:h,locale:q,value:o(`${a}/${r}/1`),createCalendar:f.createCalendar,defaultValue:o(`${a}/${r}/1`),onChange:C,handlerReset:()=>{},handlerSubmit:()=>{},withDateSelect:!1,type:n,hiddenHeader:S})})})})]})};exports.default=R;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react/jsx-runtime"),w=require("react"),C=require("react-aria"),p=require("@internationalized/date"),D=require("../Popover/Popover.cjs"),T=require("../Calendar/Calendar.cjs"),c=(n,s)=>{let a;if(n){const o=new Intl.DateTimeFormat(s,{year:"numeric",month:"2-digit",day:"2-digit"}).formatToParts(new Date(n)),d=o.find(e=>e.type==="year")?.value,l=o.find(e=>e.type==="month")?.value,u=o.find(e=>e.type==="day")?.value;return a=p.parseDate(`${d}-${l}-${u}`),a}},k=({month:n,year:s,type:a=["month","year"],activeType:h="month",minDate:o,maxDate:d,className:l,classNameButton:u,onChange:e,buttonClick:m,id:g="date-picker",idPopover:v="date-picker-popover",floatingOptions:y={},offsetPopover:P=5,zIndexPopper:j=1,hiddenHeader:x,variants:$="laba-blue-10",locale:i="id-ID"})=>{const f=w.useRef(null),q=c(o,i),S=c(d,i),b=t=>{typeof e=="function"&&(e({month:t.month,year:t.year}),f.current?.setShow(!1))};return r.jsxs(r.Fragment,{children:[r.jsx("div",{id:g,onClick:t=>{t.stopPropagation(),f.current?.handlerShow(t)},className:u,children:typeof m=="function"?m({month:n,year:s}):"Pilih Tanggal"}),r.jsx("div",{className:l??"",children:r.jsx(D.default,{zIndex:j,ref:f,offset:P,id:v,floatingOptions:{placement:"bottom-end",...y},onClick:t=>t.stopPropagation(),children:r.jsx(C.I18nProvider,{locale:i,children:r.jsx(T.default,{minValue:q,maxValue:S,minDate:o,maxDate:d,activeType:a.length===1?a[0]:h,locale:i,value:c(`${s}/${n}/1`,i),createCalendar:p.createCalendar,defaultValue:c(`${s}/${n}/1`,i),onChange:b,handlerReset:()=>{},handlerSubmit:()=>{},withDateSelect:!1,type:a,hiddenHeader:x,variants:$})})})})]})};exports.default=k;

package/dist/components/DatePicker/MonthYearPicker.mjs

@@ -1,75 +1,84 @@
-import { jsxs as C, Fragment as I, jsx as a } from "react/jsx-runtime";
-import $ from "react";
-import { useLocale as R, I18nProvider as V } from "react-aria";
-import { createCalendar as j, parseDate as y } from "@internationalized/date";
-import H from "../Popover/Popover.mjs";
-import N from "../Calendar/Calendar.mjs";
-const n = (t) => {
+import { jsxs as C, Fragment as I, jsx as d } from "react/jsx-runtime";
+import S from "react";
+import { I18nProvider as T } from "react-aria";
+import { createCalendar as b, parseDate as R } from "@internationalized/date";
+import V from "../Popover/Popover.mjs";
+import j from "../Calendar/Calendar.mjs";
+const m = (r, i) => {
   let o;
-  const r = new Date(t ?? /* @__PURE__ */ new Date());
-  return t && (o = y(new Date(r.setHours(r.getHours() + 7)).toISOString().slice(0, 10))), o;
-}, M = ({
-  month: t,
-  year: o,
-  type: r = ["month", "year"],
-  activeType: f = "month",
-  minDate: l,
-  maxDate: c,
-  className: m,
-  classNameButton: p,
-  onChange: s,
-  buttonClick: d,
-  id: h = "date-picker",
-  idPopover: u = "date-picker-popover",
+  if (r) {
+    const n = new Intl.DateTimeFormat(i, {
+      year: "numeric",
+      month: "2-digit",
+      day: "2-digit"
+    }).formatToParts(new Date(r)), s = n.find((e) => e.type === "year")?.value, f = n.find((e) => e.type === "month")?.value, c = n.find((e) => e.type === "day")?.value;
+    return o = R(`${s}-${f}-${c}`), o;
+  }
+}, q = ({
+  month: r,
+  year: i,
+  type: o = ["month", "year"],
+  activeType: p = "month",
+  minDate: n,
+  maxDate: s,
+  className: f,
+  classNameButton: c,
+  onChange: e,
+  buttonClick: h,
+  id: u = "date-picker",
+  idPopover: y = "date-picker-popover",
   floatingOptions: g = {},
   offsetPopover: v = 5,
   zIndexPopper: P = 1,
-  hiddenHeader: w
+  hiddenHeader: $,
+  variants: w = "laba-blue-10",
+  locale: a = "id-ID"
 }) => {
-  const { locale: D } = R(), i = $.useRef(null), S = n(l), k = n(c), x = (e) => {
-    typeof s == "function" && (s({ month: e.month, year: e.year }), i.current?.setShow(!1));
+  const l = S.useRef(null), D = m(n, a), k = m(s, a), x = (t) => {
+    typeof e == "function" && (e({ month: t.month, year: t.year }), l.current?.setShow(!1));
   };
   return /* @__PURE__ */ C(I, { children: [
-    /* @__PURE__ */ a(
+    /* @__PURE__ */ d(
       "div",
       {
-        id: h,
-        onClick: (e) => {
-          e.stopPropagation(), i.current?.handlerShow(e);
+        id: u,
+        onClick: (t) => {
+          t.stopPropagation(), l.current?.handlerShow(t);
         },
-        className: p,
-        children: typeof d == "function" ? d({ month: t, year: o }) : "Pilih Tanggal"
+        className: c,
+        children: typeof h == "function" ? h({ month: r, year: i }) : "Pilih Tanggal"
       }
     ),
-    /* @__PURE__ */ a("div", { className: m ?? "", children: /* @__PURE__ */ a(
-      H,
+    /* @__PURE__ */ d("div", { className: f ?? "", children: /* @__PURE__ */ d(
+      V,
       {
         zIndex: P,
-        ref: i,
+        ref: l,
         offset: v,
-        id: u,
+        id: y,
         floatingOptions: { placement: "bottom-end", ...g },
-        onClick: (e) => e.stopPropagation(),
-        children: /* @__PURE__ */ a(V, { locale: "id-ID", children: /* @__PURE__ */ a(
-          N,
+        onClick: (t) => t.stopPropagation(),
+        children: /* @__PURE__ */ d(T, { locale: a, children: /* @__PURE__ */ d(
+          j,
           {
-            minValue: S,
+            minValue: D,
             maxValue: k,
-            minDate: l,
-            maxDate: c,
-            activeType: r.length === 1 ? r[0] : f,
-            locale: D,
-            value: n(`${o}/${t}/1`),
-            createCalendar: j,
-            defaultValue: n(`${o}/${t}/1`),
+            minDate: n,
+            maxDate: s,
+            activeType: o.length === 1 ? o[0] : p,
+            locale: a,
+            value: m(`${i}/${r}/1`, a),
+            createCalendar: b,
+            defaultValue: m(`${i}/${r}/1`, a),
             onChange: x,
             handlerReset: () => {
             },
             handlerSubmit: () => {
             },
             withDateSelect: !1,
-            type: r,
-            hiddenHeader: w
+            type: o,
+            hiddenHeader: $,
+            variants: w
           }
         ) })
       }
@@ -77,5 +86,5 @@ const n = (t) => {
   ] });
 };
 export {
-  M as default
+  q as default
 };

package/dist/components/Input/InputInnerLabel.cjs

@@ -1,6 +1,6 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("react/jsx-runtime"),t=require("react"),e=require("./InputInnerLabel.module.scss.cjs"),y=require("./InputInnerLabel.config.cjs"),o=t.forwardRef((u,f)=>{const{isRequired:m,classNameContainer:b,className:p,classNameLabel:I,classNameLabelError:$,name:d,id:c,label:n,type:N="text",startIcon:s,endIcon:a,error:i,sizeInput:h="large",...r}=u,j=()=>typeof s=="function"||t.isValidElement(s),x=()=>typeof a=="function"||t.isValidElement(a);return l.jsxs("div",{className:`${y.configInputInnerLabel.size[h]} ${b??""} 
-          ${n?"":e.default["hidden-label"]}`,children:[l.jsxs("div",{className:`${e.default["container-input"]}`,children:[l.jsxs("div",{className:e.default["start-icon"],children:[typeof s=="function"&&s(),t.isValidElement(s)&&s]}),l.jsx("input",{id:c??d,className:`${e.default.input} ${i?e.default.error:""}
-          ${j()?e.default["isset-left-icon"]:""} 
-          ${x()?e.default["isset-right-icon"]:""} 
-          ${p??""}`,ref:f,type:N,...r}),l.jsxs("div",{className:e.default["end-icon"],children:[typeof a=="function"&&a(),t.isValidElement(a)&&a]}),n&&l.jsxs("label",{htmlFor:c??d,className:`${e.default.label} ${r.disabled?e.default.disabled:""} ${I??""}`,children:[n," ",m&&l.jsx("span",{children:"*"})]})]}),i&&l.jsx("label",{className:`${e.default["label-error"]} 
-          ${r.disabled?e.default.disabled:""} ${$??""}`,children:i})]})});o.displayName="InputInnerLabel";exports.default=o;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("react/jsx-runtime"),t=require("react"),e=require("./InputInnerLabel.module.scss.cjs"),o=require("./InputInnerLabel.config.cjs"),u=t.forwardRef((f,b)=>{const{isRequired:m,classNameContainer:p,className:I,classNameLabel:$,classNameLabelError:N,name:d,id:c,label:s,type:h="text",startIcon:l,endIcon:n,error:i,sizeInput:j="large",variant:x="bill-blue-800",...r}=f,v=()=>typeof l=="function"||t.isValidElement(l),L=()=>typeof n=="function"||t.isValidElement(n);return a.jsxs("div",{className:`${o.configInputInnerLabel.size[j]} ${o.configInputInnerLabel.variant[x]} 
+        ${p??""} ${s?"":e.default["hidden-label"]}`,children:[a.jsxs("div",{className:`${e.default["container-input"]}`,children:[a.jsxs("div",{className:e.default["start-icon"],children:[typeof l=="function"&&l(),t.isValidElement(l)&&l]}),a.jsx("input",{id:c??d,className:`${e.default.input} ${i?e.default.error:""}
+          ${v()?e.default["isset-left-icon"]:""} 
+          ${L()?e.default["isset-right-icon"]:""} 
+          ${I??""}`,ref:b,type:h,...r}),a.jsxs("div",{className:e.default["end-icon"],children:[typeof n=="function"&&n(),t.isValidElement(n)&&n]}),s&&a.jsxs("label",{htmlFor:c??d,className:`${e.default.label} ${r.disabled?e.default.disabled:""} ${$??""}`,children:[s," ",m&&a.jsx("span",{children:"*"})]})]}),i&&a.jsx("label",{className:`${e.default["label-error"]} 
+          ${r.disabled?e.default.disabled:""} ${N??""}`,children:i})]})});u.displayName="InputInnerLabel";exports.default=u;

package/dist/components/Input/InputInnerLabel.config.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./InputInnerLabel.module.scss.cjs"),n={size:{large:e.default["container-large"],small:e.default["container-small"]}};exports.configInputInnerLabel=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./InputInnerLabel.module.scss.cjs"),l={size:{large:e.default["container-large"],small:e.default["container-small"]},variant:{"bill-blue-800":e.default["bill-blue-800"],"fin-black":e.default["fin-black"]}};exports.configInputInnerLabel=l;

package/dist/components/Input/InputInnerLabel.config.mjs

@@ -1,10 +1,14 @@
-import e from "./InputInnerLabel.module.scss.mjs";
-const l = {
+import l from "./InputInnerLabel.module.scss.mjs";
+const a = {
   size: {
-    large: e["container-large"],
-    small: e["container-small"]
+    large: l["container-large"],
+    small: l["container-small"]
+  },
+  variant: {
+    "bill-blue-800": l["bill-blue-800"],
+    "fin-black": l["fin-black"]
   }
 };
 export {
-  l as configInputInnerLabel
+  a as configInputInnerLabel
 };