@xola/ui-kit 2.0.2 → 2.1.0

package/build/ui-kit.mjs

@@ -1503,25 +1503,34 @@ je.propTypes = {
   className: c.string,
   currency: c.string.isRequired
 };
-const Ro = ({ children: e, info: t, value: o, className: a, color: r = "default", ...i }) => {
-  const l = Te(Jn);
+const Ro = ({ children: e, info: t, methodIcon: o, secondary: a, value: r, className: i, color: l = "default", ...s }) => {
+  const u = Te(Jn);
   return /* @__PURE__ */ n.createElement("tr", {
-    className: I("ui-breakdown-item", Xt[r], a),
-    ...i
+    className: I("ui-breakdown-item", Xt[l], i),
+    ...s
   }, /* @__PURE__ */ n.createElement("td", {
-    className: "text-left"
-  }, e), /* @__PURE__ */ n.createElement("td", {
-    className: "text-right"
-  }, t), /* @__PURE__ */ n.createElement("td", {
+    colSpan: 2,
+    className: "text-left leading-none"
+  }, /* @__PURE__ */ n.createElement("span", {
+    className: "mr-0.5"
+  }, o), /* @__PURE__ */ n.createElement("span", null, e), /* @__PURE__ */ n.createElement("span", {
+    className: "ml-1 text-sm"
+  }, t && /* @__PURE__ */ n.createElement("span", {
+    className: "mr-2 rounded bg-white p-1 uppercase text-black empty:hidden"
+  }, t), a && /* @__PURE__ */ n.createElement("span", {
+    className: "empty:hidden"
+  }, a))), /* @__PURE__ */ n.createElement("td", {
     className: "w-[1%] whitespace-nowrap pl-4 text-right"
   }, /* @__PURE__ */ n.createElement(We, {
     shouldRemoveTrailingZeroes: !1,
-    currency: l
-  }, o)));
+    currency: u
+  }, r)));
 };
 Ro.propTypes = {
   children: c.node,
   info: c.node,
+  methodIcon: c.node,
+  secondary: c.node,
   value: c.node,
   className: c.string,
   color: c.oneOf(Object.keys(Xt))
@@ -6964,7 +6973,7 @@ const Nc = (e, t = "YYYY-MM-DD") => R(e).format(t), A4 = (e, t = "h:mm a") => {
     onClick: v
   }), /* @__PURE__ */ n.createElement(Ae.Content, {
     className: "pr-1"
-  }, /* @__PURE__ */ n.createElement(lr, {
+  }, w && /* @__PURE__ */ n.createElement(lr, {
     variant: t,
     getDayContent: u,
     value: e,