1mpacto-react-ui 2.0.16 → 2.0.18

package/dist/components/Button/Button.mjs

@@ -0,0 +1,75 @@
+import { jsx as o, Fragment as i, jsxs as a } 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(
+  "svg",
+  {
+    className: `${d["icon-loading"]} ${e ?? ""}`,
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "25",
+    height: "24",
+    viewBox: "0 0 25 24",
+    fill: "none",
+    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
+        6.79445 20.9604 7.02733 21.6311 6.63315Z`,
+        fill: "currentColor"
+      }
+    )
+  }
+), y = b((e, C) => {
+  const {
+    size: s = "reguler",
+    variants: m = "primary-laba-blue-10",
+    startIcon: r = () => /* @__PURE__ */ o(i, {}),
+    endIcon: t = () => /* @__PURE__ */ o(i, {}),
+    children: f,
+    className: g,
+    classNameIconLoading: p,
+    loading: n,
+    onClick: u,
+    type: h = "button",
+    disabled: $,
+    ...w
+  } = e;
+  return /* @__PURE__ */ a(
+    "button",
+    {
+      onClick: n ? void 0 : u,
+      ref: C,
+      className: `${l.size[s]} ${l.variants[m]} 
+      ${n ? d.loading : ""}  ${g ?? ""}`,
+      type: h,
+      disabled: $ ?? n,
+      ...w,
+      children: [
+        !n && /* @__PURE__ */ a(i, { children: [
+          typeof r == "function" && r(),
+          c(r) && r
+        ] }),
+        n && /* @__PURE__ */ o(v, { className: `${l.loadingSize[s]} ${p}` }),
+        f,
+        !n && /* @__PURE__ */ a(i, { children: [
+          typeof t == "function" && t(),
+          c(t) && t
+        ] })
+      ]
+    }
+  );
+});
+y.displayName = "Button";
+export {
+  y as default
+};

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a="_loading_1y0ia_14",_={"button-bill-xxs":"_button-bill-xxs_1y0ia_6","button-bill-xs":"_button-bill-xs_1y0ia_6","button-bill-s":"_button-bill-s_1y0ia_6","button-bill-m":"_button-bill-m_1y0ia_6","button-bill-l":"_button-bill-l_1y0ia_6","button-xs":"_button-xs_1y0ia_6","button-s":"_button-s_1y0ia_6","button-m":"_button-m_1y0ia_6","button-l":"_button-l_1y0ia_6","button-extra-small":"_button-extra-small_1y0ia_6","button-small":"_button-small_1y0ia_6","button-reguler":"_button-reguler_1y0ia_6","button-large":"_button-large_1y0ia_6",loading:a,"filled-bill-secondary-800_bg-white":"_filled-bill-secondary-800_bg-white_1y0ia_29","filled-bill-blue-gray-500_bg-blue-gray-50":"_filled-bill-blue-gray-500_bg-blue-gray-50_1y0ia_29","nude-laba-red-05":"_nude-laba-red-05_1y0ia_29","nude-laba-red-08":"_nude-laba-red-08_1y0ia_29","nude-laba-red-10":"_nude-laba-red-10_1y0ia_29","nude-gray-500":"_nude-gray-500_1y0ia_29","nude-green-700":"_nude-green-700_1y0ia_29","nude-red-700":"_nude-red-700_1y0ia_29","nude-laba-blue-10":"_nude-laba-blue-10_1y0ia_29","ghost-blue-gray-100-bg_white-text_blue-gray-400":"_ghost-blue-gray-100-bg_white-text_blue-gray-400_1y0ia_29","ghost-blue-gray-100-bg_white":"_ghost-blue-gray-100-bg_white_1y0ia_29","ghost-laba-green-10":"_ghost-laba-green-10_1y0ia_29","ghost-laba-blue-01":"_ghost-laba-blue-01_1y0ia_29","ghost-laba-blue-05":"_ghost-laba-blue-05_1y0ia_29","ghost-green-700":"_ghost-green-700_1y0ia_29","ghost-red-700":"_ghost-red-700_1y0ia_29","ghost-laba-blue-10":"_ghost-laba-blue-10_1y0ia_29","filled-laba-white_laba-red-05":"_filled-laba-white_laba-red-05_1y0ia_29","filled-laba-white_laba-blue-10":"_filled-laba-white_laba-blue-10_1y0ia_29","primary-green-700-dsb_laba-grey-06":"_primary-green-700-dsb_laba-grey-06_1y0ia_29","primary-red-700-dsb_laba-grey-06":"_primary-red-700-dsb_laba-grey-06_1y0ia_29","primary-laba-blue-10":"_primary-laba-blue-10_1y0ia_29","primary-bill-red-700":"_primary-bill-red-700_1y0ia_29","tertiary-bill-secondary-800":"_tertiary-bill-secondary-800_1y0ia_29","secondary-bill-secondary-800":"_secondary-bill-secondary-800_1y0ia_29","primary-bill-primary-600":"_primary-bill-primary-600_1y0ia_29","tertiary-black":"_tertiary-black_1y0ia_29","tertiary-gray-500":"_tertiary-gray-500_1y0ia_29","tertiary-red-600":"_tertiary-red-600_1y0ia_29","tertiary-red-300":"_tertiary-red-300_1y0ia_29","tertiary-blue-700":"_tertiary-blue-700_1y0ia_29","secondary-green-600":"_secondary-green-600_1y0ia_29","secondary-red-700":"_secondary-red-700_1y0ia_29","secondary-red-600":"_secondary-red-600_1y0ia_29","secondary-blue-700":"_secondary-blue-700_1y0ia_29","primary-red-700":"_primary-red-700_1y0ia_29","primary-blue-700":"_primary-blue-700_1y0ia_29","icon-loading":"_icon-loading_1y0ia_244"};exports.default=_;exports.loading=a;

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

@@ -0,0 +1,58 @@
+const a = "_loading_1y0ia_14", _ = {
+  "button-bill-xxs": "_button-bill-xxs_1y0ia_6",
+  "button-bill-xs": "_button-bill-xs_1y0ia_6",
+  "button-bill-s": "_button-bill-s_1y0ia_6",
+  "button-bill-m": "_button-bill-m_1y0ia_6",
+  "button-bill-l": "_button-bill-l_1y0ia_6",
+  "button-xs": "_button-xs_1y0ia_6",
+  "button-s": "_button-s_1y0ia_6",
+  "button-m": "_button-m_1y0ia_6",
+  "button-l": "_button-l_1y0ia_6",
+  "button-extra-small": "_button-extra-small_1y0ia_6",
+  "button-small": "_button-small_1y0ia_6",
+  "button-reguler": "_button-reguler_1y0ia_6",
+  "button-large": "_button-large_1y0ia_6",
+  loading: a,
+  "filled-bill-secondary-800_bg-white": "_filled-bill-secondary-800_bg-white_1y0ia_29",
+  "filled-bill-blue-gray-500_bg-blue-gray-50": "_filled-bill-blue-gray-500_bg-blue-gray-50_1y0ia_29",
+  "nude-laba-red-05": "_nude-laba-red-05_1y0ia_29",
+  "nude-laba-red-08": "_nude-laba-red-08_1y0ia_29",
+  "nude-laba-red-10": "_nude-laba-red-10_1y0ia_29",
+  "nude-gray-500": "_nude-gray-500_1y0ia_29",
+  "nude-green-700": "_nude-green-700_1y0ia_29",
+  "nude-red-700": "_nude-red-700_1y0ia_29",
+  "nude-laba-blue-10": "_nude-laba-blue-10_1y0ia_29",
+  "ghost-blue-gray-100-bg_white-text_blue-gray-400": "_ghost-blue-gray-100-bg_white-text_blue-gray-400_1y0ia_29",
+  "ghost-blue-gray-100-bg_white": "_ghost-blue-gray-100-bg_white_1y0ia_29",
+  "ghost-laba-green-10": "_ghost-laba-green-10_1y0ia_29",
+  "ghost-laba-blue-01": "_ghost-laba-blue-01_1y0ia_29",
+  "ghost-laba-blue-05": "_ghost-laba-blue-05_1y0ia_29",
+  "ghost-green-700": "_ghost-green-700_1y0ia_29",
+  "ghost-red-700": "_ghost-red-700_1y0ia_29",
+  "ghost-laba-blue-10": "_ghost-laba-blue-10_1y0ia_29",
+  "filled-laba-white_laba-red-05": "_filled-laba-white_laba-red-05_1y0ia_29",
+  "filled-laba-white_laba-blue-10": "_filled-laba-white_laba-blue-10_1y0ia_29",
+  "primary-green-700-dsb_laba-grey-06": "_primary-green-700-dsb_laba-grey-06_1y0ia_29",
+  "primary-red-700-dsb_laba-grey-06": "_primary-red-700-dsb_laba-grey-06_1y0ia_29",
+  "primary-laba-blue-10": "_primary-laba-blue-10_1y0ia_29",
+  "primary-bill-red-700": "_primary-bill-red-700_1y0ia_29",
+  "tertiary-bill-secondary-800": "_tertiary-bill-secondary-800_1y0ia_29",
+  "secondary-bill-secondary-800": "_secondary-bill-secondary-800_1y0ia_29",
+  "primary-bill-primary-600": "_primary-bill-primary-600_1y0ia_29",
+  "tertiary-black": "_tertiary-black_1y0ia_29",
+  "tertiary-gray-500": "_tertiary-gray-500_1y0ia_29",
+  "tertiary-red-600": "_tertiary-red-600_1y0ia_29",
+  "tertiary-red-300": "_tertiary-red-300_1y0ia_29",
+  "tertiary-blue-700": "_tertiary-blue-700_1y0ia_29",
+  "secondary-green-600": "_secondary-green-600_1y0ia_29",
+  "secondary-red-700": "_secondary-red-700_1y0ia_29",
+  "secondary-red-600": "_secondary-red-600_1y0ia_29",
+  "secondary-blue-700": "_secondary-blue-700_1y0ia_29",
+  "primary-red-700": "_primary-red-700_1y0ia_29",
+  "primary-blue-700": "_primary-blue-700_1y0ia_29",
+  "icon-loading": "_icon-loading_1y0ia_244"
+};
+export {
+  _ as default,
+  a as loading
+};

package/dist/components/ButtonIcon/ButtonIcon.cjs

@@ -0,0 +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;

package/dist/components/ButtonIcon/ButtonIcon.config.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./style.module.scss.cjs"),l={size:{large:e.default["button-large"],reguler:e.default["button-reguler"],small:e.default["button-small"],"extra-small":e.default["button-extra-small"],l:e.default["button-l"],m:e.default["button-m"],s:e.default["button-s"],xs:e.default["button-xs"],"bill-l":e.default["button-bill-l"],"bill-m":e.default["button-bill-m"],"bill-s":e.default["button-bill-s"],"bill-xs":e.default["button-bill-xs"],"bill-xxs":e.default["button-bill-xxs"]},loadingSize:{large:"iru-size-6",reguler:"iru-size-5",small:"iru-size-5","extra-small":"iru-size-5",l:"iru-size-6",m:"iru-size-5",s:"iru-size-5",xs:"iru-size-5","bill-l":"iru-size-6","bill-m":"iru-size-5","bill-s":"iru-size-5","bill-xs":"iru-size-5","bill-xxs":"iru-size-5"},variants:{"primary-laba-blue-10":e.default["primary-laba-blue-10"],"primary-red-700-dsb_laba-grey-06":e.default["primary-red-700-dsb_laba-grey-06"],"primary-green-700-dsb_laba-grey-06":e.default["primary-green-700-dsb_laba-grey-06"],"filled-laba-white_laba-blue-10":e.default["filled-laba-white_laba-blue-10"],"filled-laba-white_laba-red-05":e.default["filled-laba-white_laba-red-05"],"ghost-laba-blue-10":e.default["ghost-laba-blue-10"],"ghost-red-700":e.default["ghost-red-700"],"ghost-green-700":e.default["ghost-green-700"],"ghost-laba-green-10":e.default["ghost-laba-green-10"],"nude-laba-blue-10":e.default["nude-laba-blue-10"],"nude-red-700":e.default["nude-red-700"],"nude-green-700":e.default["nude-green-700"],"nude-gray-500":e.default["nude-gray-500"],"primary-blue-700":e.default["primary-blue-700"],"secondary-blue-700":e.default["secondary-blue-700"],"tertiary-blue-700":e.default["tertiary-blue-700"],"ghost-blue-gray-100-bg_white":e.default["ghost-blue-gray-100-bg_white"],"secondary-red-600":e.default["secondary-red-600"],"tertiary-red-300":e.default["tertiary-red-300"],"tertiary-gray-500":e.default["tertiary-gray-500"],"tertiary-red-600":e.default["tertiary-red-600"],"secondary-green-600":e.default["secondary-green-600"],"nude-laba-red-10":e.default["nude-laba-red-10"],"nude-laba-red-05":e.default["nude-laba-red-05"],"primary-red-700":e.default["primary-red-700"],"secondary-red-700":e.default["secondary-red-700"],"primary-bill-primary-600":e.default["primary-bill-primary-600"],"secondary-bill-secondary-800":e.default["secondary-bill-secondary-800"],"tertiary-bill-secondary-800":e.default["tertiary-bill-secondary-800"],"primary-bill-red-700":e.default["primary-bill-red-700"]}};exports.configButton=l;

package/dist/components/ButtonIcon/ButtonIcon.config.mjs

@@ -0,0 +1,68 @@
+import e from "./style.module.scss.mjs";
+const l = {
+  size: {
+    large: e["button-large"],
+    reguler: e["button-reguler"],
+    small: e["button-small"],
+    "extra-small": e["button-extra-small"],
+    l: e["button-l"],
+    m: e["button-m"],
+    s: e["button-s"],
+    xs: e["button-xs"],
+    "bill-l": e["button-bill-l"],
+    "bill-m": e["button-bill-m"],
+    "bill-s": e["button-bill-s"],
+    "bill-xs": e["button-bill-xs"],
+    "bill-xxs": e["button-bill-xxs"]
+  },
+  loadingSize: {
+    large: "iru-size-6",
+    reguler: "iru-size-5",
+    small: "iru-size-5",
+    "extra-small": "iru-size-5",
+    l: "iru-size-6",
+    m: "iru-size-5",
+    s: "iru-size-5",
+    xs: "iru-size-5",
+    "bill-l": "iru-size-6",
+    "bill-m": "iru-size-5",
+    "bill-s": "iru-size-5",
+    "bill-xs": "iru-size-5",
+    "bill-xxs": "iru-size-5"
+  },
+  variants: {
+    "primary-laba-blue-10": e["primary-laba-blue-10"],
+    "primary-red-700-dsb_laba-grey-06": e["primary-red-700-dsb_laba-grey-06"],
+    "primary-green-700-dsb_laba-grey-06": e["primary-green-700-dsb_laba-grey-06"],
+    "filled-laba-white_laba-blue-10": e["filled-laba-white_laba-blue-10"],
+    "filled-laba-white_laba-red-05": e["filled-laba-white_laba-red-05"],
+    "ghost-laba-blue-10": e["ghost-laba-blue-10"],
+    "ghost-red-700": e["ghost-red-700"],
+    "ghost-green-700": e["ghost-green-700"],
+    "ghost-laba-green-10": e["ghost-laba-green-10"],
+    "nude-laba-blue-10": e["nude-laba-blue-10"],
+    "nude-red-700": e["nude-red-700"],
+    "nude-green-700": e["nude-green-700"],
+    "nude-gray-500": e["nude-gray-500"],
+    "primary-blue-700": e["primary-blue-700"],
+    "secondary-blue-700": e["secondary-blue-700"],
+    "tertiary-blue-700": e["tertiary-blue-700"],
+    "ghost-blue-gray-100-bg_white": e["ghost-blue-gray-100-bg_white"],
+    "secondary-red-600": e["secondary-red-600"],
+    "tertiary-red-300": e["tertiary-red-300"],
+    "tertiary-gray-500": e["tertiary-gray-500"],
+    "tertiary-red-600": e["tertiary-red-600"],
+    "secondary-green-600": e["secondary-green-600"],
+    "nude-laba-red-10": e["nude-laba-red-10"],
+    "nude-laba-red-05": e["nude-laba-red-05"],
+    "primary-red-700": e["primary-red-700"],
+    "secondary-red-700": e["secondary-red-700"],
+    "primary-bill-primary-600": e["primary-bill-primary-600"],
+    "secondary-bill-secondary-800": e["secondary-bill-secondary-800"],
+    "tertiary-bill-secondary-800": e["tertiary-bill-secondary-800"],
+    "primary-bill-red-700": e["primary-bill-red-700"]
+  }
+};
+export {
+  l as configButton
+};

package/dist/components/ButtonIcon/ButtonIcon.mjs

@@ -0,0 +1,65 @@
+import { jsxs as u, jsx as i } 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(
+  "svg",
+  {
+    className: `${a["icon-loading"]} ${o ?? ""}`,
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "25",
+    height: "24",
+    viewBox: "0 0 25 24",
+    fill: "none",
+    children: /* @__PURE__ */ i(
+      "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"
+      }
+    )
+  }
+), $ = f((o, e) => {
+  const {
+    size: t = "reguler",
+    variants: s = "primary-laba-blue-10",
+    children: l,
+    className: C,
+    classNameIconLoading: c,
+    loading: n,
+    onClick: d,
+    type: m = "button",
+    disabled: g,
+    ...p
+  } = o;
+  return /* @__PURE__ */ u(
+    "button",
+    {
+      onClick: n ? void 0 : d,
+      ref: e,
+      className: `${r.size[t]} ${r.variants[s]} 
+      ${n ? a.loading : ""}  ${C ?? ""}`,
+      type: m,
+      disabled: g ?? n,
+      ...p,
+      children: [
+        n && /* @__PURE__ */ i(h, { className: `${r.loadingSize[t]} ${c}` }),
+        l
+      ]
+    }
+  );
+});
+$.displayName = "ButtonIcon";
+export {
+  $ as default
+};

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});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",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"};exports.default=e;exports.loading=_;

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

@@ -0,0 +1,51 @@
+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",
+  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"
+};
+export {
+  e as default,
+  _ as loading
+};

package/dist/components/ButtonPopover/ButtonPopover.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),n=require("react"),F=require("../Popover/Popover.cjs"),M=require("../Button/Button.cjs"),u=require("./style.module.scss.cjs"),m=n.forwardRef((v,w)=>{const{children:S,id:I="1ru-button-popover",text:x="",startIcon:P,endIcon:j,startIconShow:N,endIconShow:R,classNameButton:g="",classNameButtonShow:$="",className:q="",placement:y="top-end",popoverProps:B,zIndexPopover:b=1,offset:C=5,idPopover:_="1ru-popover-button-popover",onClick:i,onClose:d,...k}=v,r=n.useRef(null),z=n.useRef(null),[s,l]=n.useState(!1),f=(e,o,h)=>{let c=t.jsx(t.Fragment,{});return e&&n.isValidElement(o)?c=o:n.isValidElement(h)&&(c=t.jsx("div",{className:`${u.default.icon} ${e?u.default.show:""}`,children:h})),c},E=e=>{var o;(o=r.current)==null||o.setShow(e),l(e)},p=e=>{var o;(o=r.current)==null||o.handlerShow(e),l(!0)},a=()=>{var e;l(!1),(e=r.current)==null||e.setShow(!1),typeof d=="function"&&d()};return n.useImperativeHandle(w,()=>({show:s,setShow:E,handlerClose:a,handlerShow:p}),[s]),t.jsxs(t.Fragment,{children:[t.jsx(M.default,{ref:z,id:I,className:`${g} ${s?$:""}`,onClick:e=>{s?a():typeof i=="function"?i(e):p(e)},startIcon:f(s,N,P),endIcon:f(s,R,j),...k,children:x}),t.jsx(F.default,{ref:r,id:_,offset:C,floatingOptions:{placement:y},zIndex:b,onClose:a,className:`${u.default["container-popover"]} ${q}`,...B,children:S})]})});m.displayName="ButtonPopover";exports.default=m;

package/dist/components/ButtonPopover/ButtonPopover.mjs

@@ -0,0 +1,84 @@
+import { jsxs as F, Fragment as h, jsx as s } from "react/jsx-runtime";
+import t from "react";
+import H from "../Popover/Popover.mjs";
+import O from "../Button/Button.mjs";
+import p from "./style.module.scss.mjs";
+const q = t.forwardRef((w, v) => {
+  const {
+    children: I,
+    id: S = "1ru-button-popover",
+    text: N = "",
+    startIcon: P,
+    endIcon: x,
+    startIconShow: R,
+    endIconShow: $,
+    classNameButton: B = "",
+    classNameButtonShow: y = "",
+    className: C = "",
+    placement: g = "top-end",
+    popoverProps: b,
+    zIndexPopover: j = 1,
+    offset: k = 5,
+    idPopover: z = "1ru-popover-button-popover",
+    onClick: i,
+    onClose: f,
+    ...E
+  } = w, r = t.useRef(null), V = t.useRef(null), [n, l] = t.useState(!1), d = (e, o, m) => {
+    let c = /* @__PURE__ */ s(h, {});
+    return e && t.isValidElement(o) ? c = o : t.isValidElement(m) && (c = /* @__PURE__ */ s("div", { className: `${p.icon} ${e ? p.show : ""}`, children: m })), c;
+  }, D = (e) => {
+    var o;
+    (o = r.current) == null || o.setShow(e), l(e);
+  }, u = (e) => {
+    var o;
+    (o = r.current) == null || o.handlerShow(e), l(!0);
+  }, a = () => {
+    var e;
+    l(!1), (e = r.current) == null || e.setShow(!1), typeof f == "function" && f();
+  };
+  return t.useImperativeHandle(
+    v,
+    () => ({
+      show: n,
+      setShow: D,
+      handlerClose: a,
+      handlerShow: u
+    }),
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [n]
+  ), /* @__PURE__ */ F(h, { children: [
+    /* @__PURE__ */ s(
+      O,
+      {
+        ref: V,
+        id: S,
+        className: `${B} ${n ? y : ""}`,
+        onClick: (e) => {
+          n ? a() : typeof i == "function" ? i(e) : u(e);
+        },
+        startIcon: d(n, R, P),
+        endIcon: d(n, $, x),
+        ...E,
+        children: N
+      }
+    ),
+    /* @__PURE__ */ s(
+      H,
+      {
+        ref: r,
+        id: z,
+        offset: k,
+        floatingOptions: { placement: g },
+        zIndex: j,
+        onClose: a,
+        className: `${p["container-popover"]} ${C}`,
+        ...b,
+        children: I
+      }
+    )
+  ] });
+});
+q.displayName = "ButtonPopover";
+export {
+  q as default
+};

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o="_icon_zrudt_5",e="_show_zrudt_10",t={"container-popover":"_container-popover_zrudt_1",icon:o,show:e};exports.default=t;exports.icon=o;exports.show=e;

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

@@ -0,0 +1,10 @@
+const o = "_icon_zrudt_5", t = "_show_zrudt_10", n = {
+  "container-popover": "_container-popover_zrudt_1",
+  icon: o,
+  show: t
+};
+export {
+  n as default,
+  o as icon,
+  t as show
+};

package/dist/components/Calendar/Calendar.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),g=require("react"),E=require("@internationalized/date"),I=require("react-aria"),B=require("react-stately"),d=require("./style.module.scss.cjs"),R=require("../Button/Button.cjs"),V=require("./CalendarCell.cjs"),M=require("./CalendarButton.cjs"),L=require("./CalendarMonth.cjs"),w=require("./CalendarYear.cjs"),Y=require("../../hooks/useDeepCompareEffect.cjs"),J=e=>{const C=E.getWeeksInMonth(e.state.visibleRange.start,e.locale),{gridProps:c,headerProps:n,weekDays:j}=I.useCalendarGrid({},e.state),{prevButtonProps:m,nextButtonProps:f,title:h}=I.useCalendar(e,e.state),r=i=>{let s="";switch(i){case 0:s="Min";break;case 1:s="Sen";break;case 2:s="Sel";break;case 3:s="Rab";break;case 4:s="Kam";break;case 5:s="Jum";break;case 6:s="Sab";break}return s};return t.jsxs("div",{children:[!e.hiddenHeader&&t.jsxs("div",{className:d.default["header-calendar"],children:[t.jsx(M.default,{...m,children:typeof(e==null?void 0:e.prevIcon)=="function"||g.isValidElement(e==null?void 0:e.prevIcon)?g.isValidElement(e.prevIcon)?e.prevIcon:e.prevIcon():t.jsx(w.ChevronDownIcon,{className:"iru-rotate-90"})}),t.jsx("div",{className:d.default["header-button-calendar"],onClick:()=>e.setActiveTypeCalendar("month"),children:h}),t.jsx(M.default,{...f,children:typeof(e==null?void 0:e.nextIcon)=="function"||g.isValidElement(e==null?void 0:e.nextIcon)?g.isValidElement(e.nextIcon)?e.nextIcon:e.nextIcon():t.jsx(w.ChevronDownIcon,{className:"-iru-rotate-90"})})]}),t.jsxs("table",{...c,children:[t.jsx("thead",{...n,children:t.jsx("tr",{children:j.map((i,s)=>t.jsx("th",{className:d.default["days-calendar"],children:r(s)},s))})}),t.jsx("tbody",{children:[...new Array(C).keys()].map(i=>t.jsx("tr",{children:e.state.getDatesInWeek(i).map((s,y)=>s?t.jsx(V.default,{state:e.state,date:s},y):t.jsx("td",{},y))},i))})]})]})},H=({minDate:e,maxDate:C,value:c,time:n,hiddenHeader:j,handlerChangeTime:m,timeLabel:f,type:h})=>{const r=e?new Date(e):null,i=C?new Date(C):null,s=r==null?void 0:r.getHours(),y=i==null?void 0:i.getHours(),k=r==null?void 0:r.getMinutes(),N=i==null?void 0:i.getMinutes(),[q,S]=g.useState(!0),T=(a,l,u)=>Array.from({length:(l-a)/u+1},(o,b)=>a+b*u),v=(a,l)=>{typeof m=="function"&&m({hour:a,minut:l,second:n==null?void 0:n.second})},D=()=>{const a=document.getElementById(`calendar-hour-${n==null?void 0:n.hour}-${h}`),l=document.getElementById(`calendar-minut-${n==null?void 0:n.minut}-${h}`),u=document.getElementById(`wrapper-calendar-hour-${h}`),o=document.getElementById(`wrapper-calendar-minut-${h}`);a&&u&&u.scrollTo({behavior:"instant",top:a.offsetTop-78}),l&&o&&o.scrollTo({behavior:"instant",top:l.offsetTop-78})},x=(a,l)=>{let u=!0;if(r&&c){const o=c.year===r.getFullYear(),b=c.month===r.getMonth()+1;c.day===r.getDate()&&b&&o?(l==="hour"&&a<(s??0)||l==="minut"&&((n==null?void 0:n.hour)??0)<=r.getHours()&&a<(k??0))&&(u=!1):c.toDate(E.getLocalTimeZone()).getTime()<r.getTime()&&(u=!1)}if(i&&c){const o=c.year===i.getFullYear(),b=c.month===i.getMonth()+1;c.day===i.getDate()&&b&&o?(l==="hour"&&a>(y??0)||l==="minut"&&((n==null?void 0:n.hour)??0)>=i.getHours()&&a>(N??0))&&(u=!1):c.toDate(E.getLocalTimeZone()).getTime()>i.getTime()&&(u=!1)}return u};return g.useEffect(()=>{q&&D(),n&&S(!1)},[JSON.stringify(c),JSON.stringify(n)]),t.jsxs("div",{className:d.default["custom-time-calendar"],children:[!j&&t.jsx("div",{className:d.default["header-time"],children:f||"Atur Waktu"}),t.jsxs("div",{className:d.default["type-time"],children:[t.jsx("div",{children:"Jam"}),t.jsx("div",{children:"Menit"})]}),t.jsxs("div",{className:"iru-flex iru-justify-around",children:[t.jsx("div",{id:`wrapper-calendar-hour-${h}`,className:d.default["container-cell-time"],children:T(0,23,1).map(a=>t.jsx("div",{id:`calendar-hour-${a}-${h}`,className:`${d.default["cell-time"]} ${(n==null?void 0:n.hour)===a?x(a,"hour")?d.default.selected:d.default.error:""} ${x(a,"hour")&&(n==null?void 0:n.hour)!=a?d.default.valid:d.default.invalid}`,onClick:()=>{x(a,"hour")&&v(a,n==null?void 0:n.minut)},children:a<10?`0${a}`:a},a))}),t.jsx("div",{id:`wrapper-calendar-minut-${h}`,className:d.default["container-cell-time"],children:T(0,59,1).map(a=>t.jsx("div",{id:`calendar-minut-${a}-${h}`,className:`${d.default["cell-time"]} ${(n==null?void 0:n.minut)===a?x(a,"minut")?d.default.selected:d.default.error:""} ${x(a,"minut")&&(n==null?void 0:n.minut)!=a?d.default.valid:d.default.invalid}`,onClick:()=>{x(a,"minut")&&v(n==null?void 0:n.hour,a)},children:a<10?`0${a}`:a},a))})]})]})},P=e=>{var k,N,q,S,T,v,D,x,a;const C=e.typeTime??"SINGLE",c=B.useCalendarState({...e,locale:e.locale,createCalendar:E.createCalendar}),{title:n}=I.useCalendar(e,c),[j,m]=g.useState((e==null?void 0:e.activeType)??"date"),[f,h]=g.useState({start:void 0,end:void 0}),r=((N=(k=f.start)==null?void 0:k.hour)==null?void 0:N.toString())&&((S=(q=f==null?void 0:f.start)==null?void 0:q.minut)==null?void 0:S.toString())&&((D=e.value)==null?void 0:D.toDate(E.getLocalTimeZone()).setHours((T=f.start)==null?void 0:T.hour,(v=f.start)==null?void 0:v.minut))||e.minDate,i=e.maxDate,s=(l,u)=>{const o={...f,[u]:l};h(o),typeof(e==null?void 0:e.handlerChangeTime)=="function"&&e.handlerChangeTime(o)},y=l=>{c.setValue(l)};return Y.useDeepCompareEffect(()=>{e!=null&&e.activeType&&m(e.activeType)},[e==null?void 0:e.activeType]),g.useEffect(()=>{var l,u;if((l=e.time)!=null&&l.start&&((u=e.time)!=null&&u.end)){const o=e.time.start,b=e.time.end;h({start:o,end:b})}},[JSON.stringify(e.time)]),t.jsxs("div",{className:"iru-text-laba-base-sr",children:[j==="date"&&t.jsx(t.Fragment,{children:t.jsxs("div",{className:d.default["container-calendar"],children:[t.jsxs("div",{className:"iru-flex iru-gap-2",children:[t.jsx(J,{state:c,setActiveTypeCalendar:m,...e}),(e==null?void 0:e.isCustomTime)&&t.jsxs("div",{className:"iru-flex",children:[t.jsx(H,{minDate:e.minDate,maxDate:e.maxDate,time:(x=e.time)==null?void 0:x.start,value:e.value,timeLabel:C==="RANGE"?"Awal":"Atur Waktu",type:"start",handlerChangeTime:l=>s(l,"start")}),C==="RANGE"&&t.jsx(H,{minDate:r,maxDate:i,time:(a=e.time)==null?void 0:a.end,value:e.value,timeLabel:"Akhir",type:"end",handlerChangeTime:l=>s(l,"end")})]})]}),((e==null?void 0:e.withConfirm)??(e==null?void 0:e.isCustomTime))&&t.jsxs("div",{className:`${d.default["footer-calendar"]}`,children:[typeof(e==null?void 0:e.buttonReset)=="function"?t.jsx("div",{onClick:()=>e.handlerReset(c),children:e.buttonReset()}):t.jsx(R.default,{variants:"nude-laba-blue-10",size:"small",onClick:()=>e.handlerReset(c),children:"Reset"}),typeof(e==null?void 0:e.buttonSubmit)=="function"?t.jsx("div",{onClick:e.handlerSubmit,children:e.buttonSubmit()}):t.jsx(R.default,{size:"small",onClick:e.handlerSubmit,children:"Terapkan"})]})]})}),j==="month"&&t.jsx(L.default,{state:c,setActiveTypeCalendar:m,type:e.type,onChangeMonth:y,hiddenHeader:e.hiddenHeader}),j==="year"&&t.jsx(w.default,{state:c,type:e.type,setActiveTypeCalendar:m,title:n,onChangeYear:y,hiddenHeader:e.hiddenHeader})]})};exports.CustomTimeCalendar=H;exports.default=P;