1mpacto-react-ui 2.0.16 → 2.0.18

package/dist/components/Pagination/Pagination.mjs

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

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

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

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

@@ -0,0 +1,20 @@
+const t = "_option_gp96l_165", n = "_active_gp96l_186", o = {
+  "pagination-nude": "_pagination-nude_gp96l_1",
+  "pagination-box": "_pagination-box_gp96l_1",
+  "pagination-size": "_pagination-size_gp96l_22",
+  "navigation-container": "_navigation-container_gp96l_27",
+  "button-container": "_button-container_gp96l_36",
+  "button-next": "_button-next_gp96l_36",
+  "button-prev": "_button-prev_gp96l_36",
+  "pagination-active": "_pagination-active_gp96l_59",
+  "goto-page": "_goto-page_gp96l_63",
+  "goto-page-input": "_goto-page-input_gp96l_69",
+  "options-size": "_options-size_gp96l_165",
+  option: t,
+  active: n
+};
+export {
+  n as active,
+  o as default,
+  t as option
+};

package/dist/components/Popover/Popover.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react/jsx-runtime"),e=require("@floating-ui/react"),r=require("react"),H=require("./style.module.scss.cjs"),g=r.forwardRef((m,h)=>{const{children:w,className:P,offset:y=10,isShow:i,anchorEl:a,useAutoPlacement:F=!1,flipOptions:v,autoPlacementOptions:S,zIndex:x=10,width:c,styleInnerPopover:R={},floatingOptions:j={},onClose:u=()=>{},withArrow:M,propsArrow:O={},floatingFocusManagerProps:q,useDismissProps:A,...C}=m,f=r.useRef(null),[n,l]=r.useState(!1),{refs:d,floatingStyles:I,context:t}=e.useFloating({open:n,onOpenChange:s=>{l(s),s||u()},middleware:[e.offset(y),F?e.autoPlacement(S):e.flip(v),e.shift(),e.arrow({element:f})],whileElementsMounted:e.autoUpdate,...j}),T=e.useClick(t),E=e.useDismiss(t,A),N=e.useRole(t),{getReferenceProps:_,getFloatingProps:b}=e.useInteractions([T,E,N]),{styles:k,isMounted:D}=e.useTransitionStyles(t),p=s=>{d.setReference(s.currentTarget),l(z=>!z),n&&u()};r.useEffect(()=>{i&&a?p({currentTarget:a}):i||l(!1)},[i,a]),r.useImperativeHandle(h,()=>({show:n,setShow:l,handlerShow:p,getReferenceProps:_}),[n]);const $=()=>{let s={...I,...k,...R,zIndex:x};return c&&(s={...s,width:c}),s};return o.jsx(o.Fragment,{children:D&&n&&o.jsx(e.FloatingPortal,{children:o.jsx(e.FloatingFocusManager,{context:t,modal:!1,...q,children:o.jsxs("div",{ref:d.setFloating,style:$(),...b(),className:`${H.default.popover} ${P??""}`,...C,children:[w,M&&o.jsx(e.FloatingArrow,{ref:f,context:t,...O})]})})})})});g.displayName="Popover";exports.default=g;

package/dist/components/Popover/Popover.mjs

@@ -0,0 +1,78 @@
+import { jsx as r, Fragment as H, jsxs as U } from "react/jsx-runtime";
+import { useFloating as b, autoUpdate as q, offset as B, autoPlacement as G, flip as J, shift as K, arrow as L, useClick as Q, useDismiss as V, useRole as W, useInteractions as X, useTransitionStyles as Y, FloatingPortal as Z, FloatingFocusManager as _, FloatingArrow as ee } from "@floating-ui/react";
+import te, { forwardRef as se, useState as oe, useEffect as re, useImperativeHandle as ne } from "react";
+import le from "./style.module.scss.mjs";
+const ie = se((p, m) => {
+  const {
+    children: d,
+    className: g,
+    offset: h = 10,
+    isShow: n,
+    anchorEl: l,
+    useAutoPlacement: w = !1,
+    flipOptions: P,
+    autoPlacementOptions: y,
+    zIndex: F = 10,
+    width: i,
+    styleInnerPopover: v = {},
+    floatingOptions: R = {},
+    onClose: a = () => {
+    },
+    withArrow: S,
+    propsArrow: x = {},
+    floatingFocusManagerProps: A,
+    useDismissProps: C,
+    ...I
+  } = p, f = te.useRef(null), [s, o] = oe(!1), { refs: c, floatingStyles: M, context: t } = b({
+    open: s,
+    onOpenChange: (e) => {
+      o(e), e || a();
+    },
+    middleware: [
+      B(h),
+      w ? G(y) : J(P),
+      K(),
+      L({
+        element: f
+      })
+    ],
+    whileElementsMounted: q,
+    ...R
+  }), O = Q(t), E = V(t, C), N = W(t), { getReferenceProps: T, getFloatingProps: $ } = X([O, E, N]), { styles: j, isMounted: k } = Y(t), u = (e) => {
+    c.setReference(e.currentTarget), o((z) => !z), s && a();
+  };
+  re(() => {
+    n && l ? u({ currentTarget: l }) : n || o(!1);
+  }, [n, l]), ne(
+    m,
+    () => ({
+      show: s,
+      setShow: o,
+      handlerShow: u,
+      getReferenceProps: T
+    }),
+    [s]
+  );
+  const D = () => {
+    let e = { ...M, ...j, ...v, zIndex: F };
+    return i && (e = { ...e, width: i }), e;
+  };
+  return /* @__PURE__ */ r(H, { children: k && s && /* @__PURE__ */ r(Z, { children: /* @__PURE__ */ r(_, { context: t, modal: !1, ...A, children: /* @__PURE__ */ U(
+    "div",
+    {
+      ref: c.setFloating,
+      style: D(),
+      ...$(),
+      className: `${le.popover} ${g ?? ""}`,
+      ...I,
+      children: [
+        d,
+        S && /* @__PURE__ */ r(ee, { ref: f, context: t, ...x })
+      ]
+    }
+  ) }) }) });
+});
+ie.displayName = "Popover";
+export {
+  ie as default
+};

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="_popover_cskuc_1",o={popover:e};exports.default=o;exports.popover=e;

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

@@ -0,0 +1,7 @@
+const o = "_popover_cskuc_1", p = {
+  popover: o
+};
+export {
+  p as default,
+  o as popover
+};

package/dist/components/PortalComponent/PortalComponent.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("react"),d=require("react-dom"),c=({children:l,containerId:t="portal-root",selector:o})=>{const[r,a]=u.useState(null);return u.useEffect(()=>{let e=o?document.querySelector(o):document.getElementById(t),n=!1;return e||(e=document.createElement("div"),e.id=t,document.body.appendChild(e),n=!0),a(e),()=>{n&&e&&document.body.removeChild(e)}},[t,o]),r?d.createPortal(l,r):null};exports.default=c;

package/dist/components/PortalComponent/PortalComponent.mjs

@@ -0,0 +1,18 @@
+import { useState as u, useEffect as d } from "react";
+import { createPortal as m } from "react-dom";
+const f = ({
+  children: l,
+  containerId: t = "portal-root",
+  selector: o
+}) => {
+  const [r, a] = u(null);
+  return d(() => {
+    let e = o ? document.querySelector(o) : document.getElementById(t), n = !1;
+    return e || (e = document.createElement("div"), e.id = t, document.body.appendChild(e), n = !0), a(e), () => {
+      n && e && document.body.removeChild(e);
+    };
+  }, [t, o]), r ? m(l, r) : null;
+};
+export {
+  f as default
+};

package/dist/components/RadioCheckbox/CheckboxTable.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),r=require("react"),n=require("./RadioCheckbox.cjs"),s=({indeterminate:u,className:c="",classNameContainer:o,...e})=>{const l=r.useRef(null);return r.useEffect(()=>{typeof u=="boolean"&&(l.current.indeterminate=!e.checked&&u)},[l,u]),t.jsx("div",{className:`iru-flex iru-items-center iru-h-full ${c??""}`,children:t.jsx(n.default,{ref:l,label:"",variants:"blue-700",borderRadius:"full",className:"iru-flex iru-items-center iru-h-full",classNameContainer:`iru-flex iru-items-center iru-h-full ${o??""}`,...e,onClick:i=>{i.stopPropagation(),typeof e.onClick=="function"&&e.onClick(i)},type:"checkbox"})})};exports.default=s;

package/dist/components/RadioCheckbox/CheckboxTable.mjs

@@ -0,0 +1,27 @@
+import { jsx as o } from "react/jsx-runtime";
+import t from "react";
+import f from "./RadioCheckbox.mjs";
+const m = ({ indeterminate: i, className: c = "", classNameContainer: u, ...e }) => {
+  const l = t.useRef(null);
+  return t.useEffect(() => {
+    typeof i == "boolean" && (l.current.indeterminate = !e.checked && i);
+  }, [l, i]), /* @__PURE__ */ o("div", { className: `iru-flex iru-items-center iru-h-full ${c ?? ""}`, children: /* @__PURE__ */ o(
+    f,
+    {
+      ref: l,
+      label: "",
+      variants: "blue-700",
+      borderRadius: "full",
+      className: "iru-flex iru-items-center iru-h-full",
+      classNameContainer: `iru-flex iru-items-center iru-h-full ${u ?? ""}`,
+      ...e,
+      onClick: (r) => {
+        r.stopPropagation(), typeof e.onClick == "function" && e.onClick(r);
+      },
+      type: "checkbox"
+    }
+  ) });
+};
+export {
+  m as default
+};

package/dist/components/RadioCheckbox/RadioCheckbox.cjs

@@ -0,0 +1,3 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),w=require("react"),a=require("./RadioCheckbox.module.scss.cjs"),o=require("./RadioCheckbox.config.cjs"),h=({className:c})=>e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",className:`iru-h-3.5 iru-w-3.5 iru-text-white ${c??""}`,viewBox:"0 0 20 20",fill:"currentColor",stroke:"currentColor",strokeWidth:"1",children:e.jsx("path",{fillRule:"evenodd",d:"M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z",clipRule:"evenodd"})}),x=({className:c})=>e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",className:`iru-h-4 iru-w-4 iru-text-blue-700 ${c??""}`,viewBox:"0 0 16 16",fill:"currentColor",children:e.jsx("circle",{"data-name":"ellipse",cx:"8",cy:"8",r:"8"})}),b=w.forwardRef((c,f)=>{const{variantDisableds:i,classNameContainer:m,classNameLabel:C,classNameCheckedIcon:r,fonts:k="lato",id:t,name:s,borderRadius:g="full",className:R,sizeInput:p="reguler",variants:v="laba-blue-10",type:l="checkbox",checkedIcon:d,label:n,typography:$="payhere-body-mr",classNameContainerCheckedIcon:j,...u}=c,N=()=>i?o.configRadioCheckbox.variantDisableds[i]:l==="checkbox"?a.default["default-disabled-checkbox"]:a.default["default-disabled-radio"];return e.jsxs("div",{className:`${a.default.container} ${m??""}`,children:[e.jsxs("div",{className:a.default["container-input"],children:[e.jsx("input",{id:t??s,type:l,name:s,className:`${o.configRadioCheckbox.size[p]} ${o.configRadioCheckbox.variants[v]} 
+          ${o.configRadioCheckbox.borderRadius[g]} ${N()} ${R??""}`,ref:f,...u}),e.jsx("span",{className:`${a.default["checked-icon"]} ${j??""}`,children:d?e.jsx(e.Fragment,{children:d}):e.jsx(e.Fragment,{children:l==="checkbox"?e.jsx(h,{className:r}):e.jsx(x,{className:r})})})]}),n&&e.jsx("label",{className:`${o.configRadioCheckbox.fonts[k]} ${o.configRadioCheckbox.typography[$]}
+          ${a.default.label} ${u.disabled?a.default.disabled:""}  ${C??""}`,htmlFor:t??s,children:n})]})});b.displayName="RadioCheckbox";exports.DefaultCheckedChecboxIcon=h;exports.DefaultRadioChecboxIcon=x;exports.default=b;

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

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

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

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

package/dist/components/RadioCheckbox/RadioCheckbox.mjs

@@ -0,0 +1,84 @@
+import { jsxs as m, jsx as e, Fragment as u } from "react/jsx-runtime";
+import { forwardRef as y } from "react";
+import a from "./RadioCheckbox.module.scss.mjs";
+import { configRadioCheckbox as r } from "./RadioCheckbox.config.mjs";
+const R = ({ className: l }) => /* @__PURE__ */ e(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    className: `iru-h-3.5 iru-w-3.5 iru-text-white ${l ?? ""}`,
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    stroke: "currentColor",
+    strokeWidth: "1",
+    children: /* @__PURE__ */ e(
+      "path",
+      {
+        fillRule: "evenodd",
+        d: "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z",
+        clipRule: "evenodd"
+      }
+    )
+  }
+), I = ({ className: l }) => /* @__PURE__ */ e(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    className: `iru-h-4 iru-w-4 iru-text-blue-700 ${l ?? ""}`,
+    viewBox: "0 0 16 16",
+    fill: "currentColor",
+    children: /* @__PURE__ */ e("circle", { "data-name": "ellipse", cx: "8", cy: "8", r: "8" })
+  }
+), D = y((l, b) => {
+  const {
+    variantDisableds: c,
+    classNameContainer: p,
+    classNameLabel: f,
+    classNameCheckedIcon: i,
+    fonts: x = "lato",
+    id: t,
+    name: s,
+    borderRadius: $ = "full",
+    className: N,
+    sizeInput: k = "reguler",
+    variants: v = "laba-blue-10",
+    type: o = "checkbox",
+    checkedIcon: n,
+    label: d,
+    typography: w = "payhere-body-mr",
+    classNameContainerCheckedIcon: C,
+    ...h
+  } = l, g = () => c ? r.variantDisableds[c] : o === "checkbox" ? a["default-disabled-checkbox"] : a["default-disabled-radio"];
+  return /* @__PURE__ */ m("div", { className: `${a.container} ${p ?? ""}`, children: [
+    /* @__PURE__ */ m("div", { className: a["container-input"], children: [
+      /* @__PURE__ */ e(
+        "input",
+        {
+          id: t ?? s,
+          type: o,
+          name: s,
+          className: `${r.size[k]} ${r.variants[v]} 
+          ${r.borderRadius[$]} ${g()} ${N ?? ""}`,
+          ref: b,
+          ...h
+        }
+      ),
+      /* @__PURE__ */ e("span", { className: `${a["checked-icon"]} ${C ?? ""}`, children: n ? /* @__PURE__ */ e(u, { children: n }) : /* @__PURE__ */ e(u, { children: o === "checkbox" ? /* @__PURE__ */ e(R, { className: i }) : /* @__PURE__ */ e(I, { className: i }) }) })
+    ] }),
+    d && /* @__PURE__ */ e(
+      "label",
+      {
+        className: `${r.fonts[x]} ${r.typography[w]}
+          ${a.label} ${h.disabled ? a.disabled : ""}  ${f ?? ""}`,
+        htmlFor: t ?? s,
+        children: d
+      }
+    )
+  ] });
+});
+D.displayName = "RadioCheckbox";
+export {
+  R as DefaultCheckedChecboxIcon,
+  I as DefaultRadioChecboxIcon,
+  D as default
+};

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="_container_1efq6_1",_="_label_1efq6_159",a="_disabled_1efq6_163",l={container:e,"container-input":"_container-input_1efq6_1","input-radio-checkbox-s":"_input-radio-checkbox-s_1efq6_1","input-radio-checkbox-m":"_input-radio-checkbox-m_1efq6_1","input-radio-checkbox-small":"_input-radio-checkbox-small_1efq6_1","input-radio-checkbox-reguler":"_input-radio-checkbox-reguler_1efq6_1","checked-icon":"_checked-icon_1efq6_11","default-disabled-radio":"_default-disabled-radio_1efq6_48","default-disabled-checkbox":"_default-disabled-checkbox_1efq6_58","laba-blue-10":"_laba-blue-10_1efq6_66","laba-blue-10-hv_bg_transparent":"_laba-blue-10-hv_bg_transparent_1efq6_78","blue-700":"_blue-700_1efq6_90","blue-700-hv_bg_transparent":"_blue-700-hv_bg_transparent_1efq6_102","bill-primary-500":"_bill-primary-500_1efq6_114","bill-primary-600-hv_bg_transparent":"_bill-primary-600-hv_bg_transparent_1efq6_126","bill-secondary-800-hv_bg_transparent":"_bill-secondary-800-hv_bg_transparent_1efq6_138",label:_,disabled:a};exports.container=e;exports.default=l;exports.disabled=a;exports.label=_;

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

@@ -0,0 +1,26 @@
+const e = "_container_1efq6_1", _ = "_label_1efq6_159", a = "_disabled_1efq6_163", l = {
+  container: e,
+  "container-input": "_container-input_1efq6_1",
+  "input-radio-checkbox-s": "_input-radio-checkbox-s_1efq6_1",
+  "input-radio-checkbox-m": "_input-radio-checkbox-m_1efq6_1",
+  "input-radio-checkbox-small": "_input-radio-checkbox-small_1efq6_1",
+  "input-radio-checkbox-reguler": "_input-radio-checkbox-reguler_1efq6_1",
+  "checked-icon": "_checked-icon_1efq6_11",
+  "default-disabled-radio": "_default-disabled-radio_1efq6_48",
+  "default-disabled-checkbox": "_default-disabled-checkbox_1efq6_58",
+  "laba-blue-10": "_laba-blue-10_1efq6_66",
+  "laba-blue-10-hv_bg_transparent": "_laba-blue-10-hv_bg_transparent_1efq6_78",
+  "blue-700": "_blue-700_1efq6_90",
+  "blue-700-hv_bg_transparent": "_blue-700-hv_bg_transparent_1efq6_102",
+  "bill-primary-500": "_bill-primary-500_1efq6_114",
+  "bill-primary-600-hv_bg_transparent": "_bill-primary-600-hv_bg_transparent_1efq6_126",
+  "bill-secondary-800-hv_bg_transparent": "_bill-secondary-800-hv_bg_transparent_1efq6_138",
+  label: _,
+  disabled: a
+};
+export {
+  e as container,
+  l as default,
+  a as disabled,
+  _ as label
+};

package/dist/components/RadioCheckbox/RadioCheckboxLabel.cjs

@@ -0,0 +1,4 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react/jsx-runtime"),a=require("./RadioCheckboxLabel.module.scss.cjs"),$=require("./RadioCheckbox.cjs"),e=require("./RadioCheckboxLabel.config.cjs"),L=({radioCheckboxProps:d,name:i,id:l,type:c="checkbox",typographyLabel:t,typographyDesc:n,fonts:r,borderRadius:u="8px",className:f,disabled:b,variants:s,label:h,desc:x,backgroundWithHover:k=!1,...g})=>{const R=()=>r?e.configRadioCheckboxLabel.fonts[r]:c==="checkbox"?e.configRadioCheckboxLabel.fonts.lato:e.configRadioCheckboxLabel.fonts.inter,C=()=>s?e.configRadioCheckboxLabel.variants[s]:c==="checkbox"?e.configRadioCheckboxLabel.variants["laba-blue-01"]:e.configRadioCheckboxLabel.variants["blue-50"];return o.jsxs("label",{className:`${a.default.container} ${k?a.default["same-background"]:""} 
+      ${e.configRadioCheckboxLabel.borderRadius[u]} 
+      ${R()} ${C()} ${b?a.default.disabled:""}  ${f??""}`,htmlFor:l??i,children:[o.jsx($.default,{id:l,name:i,type:c,disabled:b,...d,...g}),o.jsxs("div",{children:[o.jsx("p",{className:`${a.default.label} 
+          ${t?`${e.configRadioCheckboxLabel.typographyLabel[t]} custom-typography`:""}`,children:h}),o.jsx("p",{className:`${a.default.desc} ${n?`${e.configRadioCheckboxLabel.typographyDesc[n]} custom-typography`:""}`,children:x})]})]})};exports.default=L;

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("../../config/components/borderRadius.cjs"),r=require("../../config/components/font.cjs"),t=require("../../config/components/typography.cjs"),e=require("./RadioCheckboxLabel.module.scss.cjs"),o={borderRadius:a.configBorderRadius,typographyLabel:t.configtypography,typographyDesc:t.configtypography,fonts:r.configFont,variants:{"laba-blue-01":e.default["laba-blue-01"],"blue-50":e.default["blue-50"],"bill-secondary-50":e.default["bill-secondary-50"],"transparent-text_orange-700":e.default["transparent-text_orange-700"],"transparent-text_green-700":e.default["transparent-text_green-700"]}};exports.configRadioCheckboxLabel=o;

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

@@ -0,0 +1,20 @@
+import { configBorderRadius as e } from "../../config/components/borderRadius.mjs";
+import { configFont as o } from "../../config/components/font.mjs";
+import { configtypography as t } from "../../config/components/typography.mjs";
+import r from "./RadioCheckboxLabel.module.scss.mjs";
+const l = {
+  borderRadius: e,
+  typographyLabel: t,
+  typographyDesc: t,
+  fonts: o,
+  variants: {
+    "laba-blue-01": r["laba-blue-01"],
+    "blue-50": r["blue-50"],
+    "bill-secondary-50": r["bill-secondary-50"],
+    "transparent-text_orange-700": r["transparent-text_orange-700"],
+    "transparent-text_green-700": r["transparent-text_green-700"]
+  }
+};
+export {
+  l as configRadioCheckboxLabel
+};

package/dist/components/RadioCheckbox/RadioCheckboxLabel.mjs

@@ -0,0 +1,55 @@
+import { jsxs as d, jsx as e } from "react/jsx-runtime";
+import r from "./RadioCheckboxLabel.module.scss.mjs";
+import R from "./RadioCheckbox.mjs";
+import { configRadioCheckboxLabel as o } from "./RadioCheckboxLabel.config.mjs";
+const j = ({
+  radioCheckboxProps: m,
+  name: t,
+  id: s,
+  type: a = "checkbox",
+  typographyLabel: c,
+  typographyDesc: l,
+  fonts: n,
+  borderRadius: u = "8px",
+  className: f,
+  disabled: i,
+  variants: b,
+  label: h,
+  desc: $,
+  backgroundWithHover: p = !1,
+  ...x
+}) => {
+  const k = () => n ? o.fonts[n] : a === "checkbox" ? o.fonts.lato : o.fonts.inter, g = () => b ? o.variants[b] : a === "checkbox" ? o.variants["laba-blue-01"] : o.variants["blue-50"];
+  return /* @__PURE__ */ d(
+    "label",
+    {
+      className: `${r.container} ${p ? r["same-background"] : ""} 
+      ${o.borderRadius[u]} 
+      ${k()} ${g()} ${i ? r.disabled : ""}  ${f ?? ""}`,
+      htmlFor: s ?? t,
+      children: [
+        /* @__PURE__ */ e(R, { id: s, name: t, type: a, disabled: i, ...m, ...x }),
+        /* @__PURE__ */ d("div", { children: [
+          /* @__PURE__ */ e(
+            "p",
+            {
+              className: `${r.label} 
+          ${c ? `${o.typographyLabel[c]} custom-typography` : ""}`,
+              children: h
+            }
+          ),
+          /* @__PURE__ */ e(
+            "p",
+            {
+              className: `${r.desc} ${l ? `${o.typographyDesc[l]} custom-typography` : ""}`,
+              children: $
+            }
+          )
+        ] })
+      ]
+    }
+  );
+};
+export {
+  j as default
+};