1mpacto-react-ui 0.0.72 → 0.0.73

package/dist/index.mjs

@@ -3447,35 +3447,35 @@ const Vt = {
   lg: "1024px",
   xl: "1280px",
   "2xl": "1536px"
-}, pS = () => /* @__PURE__ */ D.jsx("div", { className: "1ru-w-full 1ru-bg-red-900", children: "index" }), f3 = "_loading_6tim5_10", Ye = {
-  "button-base": "_button-base_6tim5_6",
-  "button-xs": "_button-xs_6tim5_6",
-  "button-s": "_button-s_6tim5_6",
-  "button-m": "_button-m_6tim5_6",
-  "button-l": "_button-l_6tim5_6",
-  "button-small": "_button-small_6tim5_6",
-  "button-reguler": "_button-reguler_6tim5_6",
-  "button-large": "_button-large_6tim5_6",
+}, pS = () => /* @__PURE__ */ D.jsx("div", { className: "1ru-w-full 1ru-bg-red-900", children: "index" }), f3 = "_loading_55t43_10", Ye = {
+  "button-base": "_button-base_55t43_6",
+  "button-xs": "_button-xs_55t43_6",
+  "button-s": "_button-s_55t43_6",
+  "button-m": "_button-m_55t43_6",
+  "button-l": "_button-l_55t43_6",
+  "button-small": "_button-small_55t43_6",
+  "button-reguler": "_button-reguler_55t43_6",
+  "button-large": "_button-large_55t43_6",
   loading: f3,
-  "button-disabled-laba-grey-06": "_button-disabled-laba-grey-06_6tim5_18",
-  "nude-laba-red-10": "_nude-laba-red-10_6tim5_18",
-  "nude-gray-500": "_nude-gray-500_6tim5_18",
-  "nude-laba-blue-10": "_nude-laba-blue-10_6tim5_18",
-  "ghost-blue-gray-100-bg_white": "_ghost-blue-gray-100-bg_white_6tim5_18",
-  "ghost-laba-blue-10": "_ghost-laba-blue-10_6tim5_18",
-  "filled-laba-blue-10": "_filled-laba-blue-10_6tim5_18",
-  "button-disabled-gray-100": "_button-disabled-gray-100_6tim5_18",
-  "tertiary-gray-500": "_tertiary-gray-500_6tim5_18",
-  "tertiary-red-600": "_tertiary-red-600_6tim5_18",
-  "tertiary-red-300": "_tertiary-red-300_6tim5_18",
-  "tertiary-blue-700": "_tertiary-blue-700_6tim5_18",
-  "secondary-green-600": "_secondary-green-600_6tim5_18",
-  "secondary-red-600": "_secondary-red-600_6tim5_18",
-  "secondary-blue-700": "_secondary-blue-700_6tim5_18",
-  "primary-red-700": "_primary-red-700_6tim5_18",
-  "primary-blue-700": "_primary-blue-700_6tim5_18",
-  "icon-loading": "_icon-loading_6tim5_90",
-  "spin-loading": "_spin-loading_6tim5_1"
+  "button-disabled-laba-grey-06": "_button-disabled-laba-grey-06_55t43_18",
+  "nude-laba-red-10": "_nude-laba-red-10_55t43_18",
+  "nude-gray-500": "_nude-gray-500_55t43_18",
+  "nude-laba-blue-10": "_nude-laba-blue-10_55t43_18",
+  "ghost-blue-gray-100-bg_white": "_ghost-blue-gray-100-bg_white_55t43_18",
+  "ghost-laba-blue-10": "_ghost-laba-blue-10_55t43_18",
+  "filled-laba-blue-10": "_filled-laba-blue-10_55t43_18",
+  "button-disabled-gray-100": "_button-disabled-gray-100_55t43_18",
+  "tertiary-gray-500": "_tertiary-gray-500_55t43_18",
+  "tertiary-red-600": "_tertiary-red-600_55t43_18",
+  "tertiary-red-300": "_tertiary-red-300_55t43_18",
+  "tertiary-blue-700": "_tertiary-blue-700_55t43_18",
+  "secondary-green-600": "_secondary-green-600_55t43_18",
+  "secondary-red-600": "_secondary-red-600_55t43_18",
+  "secondary-blue-700": "_secondary-blue-700_55t43_18",
+  "primary-red-700": "_primary-red-700_55t43_18",
+  "primary-blue-700": "_primary-blue-700_55t43_18",
+  "icon-loading": "_icon-loading_55t43_90",
+  "spin-loading": "_spin-loading_55t43_1"
 }, g3 = ({ className: e = "" }) => /* @__PURE__ */ D.jsx(
   "svg",
   {
@@ -3515,8 +3515,9 @@ const Vt = {
     loading: l,
     onClick: c,
     type: f = "button",
-    ...g
-  } = e, d = {
+    disabled: g,
+    ...d
+  } = e, m = {
     size: {
       large: Ye["button-large"],
       reguler: Ye["button-reguler"],
@@ -3558,16 +3559,17 @@ const Vt = {
     {
       onClick: l ? void 0 : c,
       ref: t,
-      className: `${d.size[n]} ${d.variants[r]} 
+      className: `${m.size[n]} ${m.variants[r]} 
       ${l ? Ye.loading : ""}  ${u ?? ""}`,
       type: f,
-      ...g,
+      disabled: l ?? g,
+      ...d,
       children: [
         !l && /* @__PURE__ */ D.jsxs(D.Fragment, { children: [
           typeof a == "function" && a(),
           ye(a) && a
         ] }),
-        l && /* @__PURE__ */ D.jsx(g3, { className: `${d.loadingSize[n]} ${s}` }),
+        l && /* @__PURE__ */ D.jsx(g3, { className: `${m.loadingSize[n]} ${s}` }),
         i,
         !l && /* @__PURE__ */ D.jsxs(D.Fragment, { children: [
           typeof o == "function" && o(),
@@ -23384,35 +23386,35 @@ const Q1 = (e) => {
       ]
     }
   );
-}, G9 = "_loading_1o7qs_10", Ue = {
-  "button-base": "_button-base_1o7qs_6",
-  "button-xs": "_button-xs_1o7qs_6",
-  "button-s": "_button-s_1o7qs_6",
-  "button-m": "_button-m_1o7qs_6",
-  "button-l": "_button-l_1o7qs_6",
-  "button-small": "_button-small_1o7qs_6",
-  "button-reguler": "_button-reguler_1o7qs_6",
-  "button-large": "_button-large_1o7qs_6",
+}, G9 = "_loading_1bhvc_10", Ue = {
+  "button-base": "_button-base_1bhvc_6",
+  "button-xs": "_button-xs_1bhvc_6",
+  "button-s": "_button-s_1bhvc_6",
+  "button-m": "_button-m_1bhvc_6",
+  "button-l": "_button-l_1bhvc_6",
+  "button-small": "_button-small_1bhvc_6",
+  "button-reguler": "_button-reguler_1bhvc_6",
+  "button-large": "_button-large_1bhvc_6",
   loading: G9,
-  "button-disabled-laba-grey-06": "_button-disabled-laba-grey-06_1o7qs_18",
-  "nude-laba-red-10": "_nude-laba-red-10_1o7qs_18",
-  "nude-gray-500": "_nude-gray-500_1o7qs_18",
-  "nude-laba-blue-10": "_nude-laba-blue-10_1o7qs_18",
-  "ghost-blue-gray-100-bg_white": "_ghost-blue-gray-100-bg_white_1o7qs_18",
-  "ghost-laba-blue-10": "_ghost-laba-blue-10_1o7qs_18",
-  "filled-laba-blue-10": "_filled-laba-blue-10_1o7qs_18",
-  "button-disabled-gray-100": "_button-disabled-gray-100_1o7qs_18",
-  "tertiary-gray-500": "_tertiary-gray-500_1o7qs_18",
-  "tertiary-red-600": "_tertiary-red-600_1o7qs_18",
-  "tertiary-red-300": "_tertiary-red-300_1o7qs_18",
-  "tertiary-blue-700": "_tertiary-blue-700_1o7qs_18",
-  "secondary-green-600": "_secondary-green-600_1o7qs_18",
-  "secondary-red-600": "_secondary-red-600_1o7qs_18",
-  "secondary-blue-700": "_secondary-blue-700_1o7qs_18",
-  "primary-red-700": "_primary-red-700_1o7qs_18",
-  "primary-blue-700": "_primary-blue-700_1o7qs_18",
-  "icon-loading": "_icon-loading_1o7qs_76",
-  "spin-loading": "_spin-loading_1o7qs_1"
+  "button-disabled-laba-grey-06": "_button-disabled-laba-grey-06_1bhvc_18",
+  "nude-laba-red-10": "_nude-laba-red-10_1bhvc_18",
+  "nude-gray-500": "_nude-gray-500_1bhvc_18",
+  "nude-laba-blue-10": "_nude-laba-blue-10_1bhvc_18",
+  "ghost-blue-gray-100-bg_white": "_ghost-blue-gray-100-bg_white_1bhvc_18",
+  "ghost-laba-blue-10": "_ghost-laba-blue-10_1bhvc_18",
+  "filled-laba-blue-10": "_filled-laba-blue-10_1bhvc_18",
+  "button-disabled-gray-100": "_button-disabled-gray-100_1bhvc_18",
+  "tertiary-gray-500": "_tertiary-gray-500_1bhvc_18",
+  "tertiary-red-600": "_tertiary-red-600_1bhvc_18",
+  "tertiary-red-300": "_tertiary-red-300_1bhvc_18",
+  "tertiary-blue-700": "_tertiary-blue-700_1bhvc_18",
+  "secondary-green-600": "_secondary-green-600_1bhvc_18",
+  "secondary-red-600": "_secondary-red-600_1bhvc_18",
+  "secondary-blue-700": "_secondary-blue-700_1bhvc_18",
+  "primary-red-700": "_primary-red-700_1bhvc_18",
+  "primary-blue-700": "_primary-blue-700_1bhvc_18",
+  "icon-loading": "_icon-loading_1bhvc_76",
+  "spin-loading": "_spin-loading_1bhvc_1"
 }, H9 = ({ className: e = "" }) => /* @__PURE__ */ D.jsx(
   "svg",
   {
@@ -23450,8 +23452,9 @@ const Q1 = (e) => {
     loading: u,
     onClick: s,
     type: l = "button",
-    ...c
-  } = e, f = {
+    disabled: c,
+    ...f
+  } = e, g = {
     size: {
       large: Ue["button-large"],
       reguler: Ue["button-reguler"],
@@ -23493,12 +23496,13 @@ const Q1 = (e) => {
     {
       onClick: u ? void 0 : s,
       ref: t,
-      className: `${f.size[n]} ${f.variants[r]} 
+      className: `${g.size[n]} ${g.variants[r]} 
       ${u ? Ue.loading : ""}  ${o ?? ""}`,
       type: l,
-      ...c,
+      disabled: u ?? c,
+      ...f,
       children: [
-        u && /* @__PURE__ */ D.jsx(H9, { className: `${f.loadingSize[n]} ${i}` }),
+        u && /* @__PURE__ */ D.jsx(H9, { className: `${g.loadingSize[n]} ${i}` }),
         a
       ]
     }
@@ -25036,19 +25040,23 @@ function VS(e) {
   var t = G$(e);
   return A.createElement(db, Object.assign({}, t));
 }
-const NS = ({ max: e, min: t, onChange: n, ...r }) => /* @__PURE__ */ D.jsx(
+const NS = ({ max: e, min: t, selectedText: n = "Rp0", onChange: r, onFocusInput: a, ...o }) => /* @__PURE__ */ D.jsx(
   M$,
   {
-    isAllowed: (a) => e !== void 0 && fs(e) && Number(a.value) > e ? (typeof n == "function" && n({ target: { value: e.toString() } }), !1) : t !== void 0 && fs(t) && Number(a.value) < t ? (typeof n == "function" && n({ target: { value: t.toString() } }), !1) : !0,
-    onValueChange: (a, { source: o }) => {
-      typeof n == "function" && o.includes("event") && n({ target: { value: a.value } });
+    isAllowed: (i) => e !== void 0 && fs(e) && Number(i.value) > e ? (typeof r == "function" && r({ target: { value: e.toString() } }), !1) : t !== void 0 && fs(t) && Number(i.value) < t ? (typeof r == "function" && r({ target: { value: t.toString() } }), !1) : !0,
+    onValueChange: (i, { source: u }) => {
+      typeof r == "function" && u.includes("event") && r({ target: { value: i.value } });
     },
     decimalSeparator: ",",
     thousandSeparator: ".",
     decimalScale: 2,
     valueIsNumericString: !0,
     thousandsGroupStyle: "thousand",
-    ...r
+    onFocus: (i) => {
+      var u;
+      ((u = i == null ? void 0 : i.target) == null ? void 0 : u.value) === n && (typeof a == "function" ? a("") : typeof r == "function" && r({ target: { value: "" } }));
+    },
+    ...o
   }
 ), OS = ({
   children: e,