@rafal.lemieszewski/tide-ui 0.10.0 → 0.10.1

package/dist/index.es.js

@@ -21366,20 +21366,20 @@ function zve({
       composed: $
     };
     return { ...$, ...F[z] };
+  }, L = () => {
+    if (g) {
+      const R = I(b || "auto", e, o);
+      return {
+        top: g.top ?? R.top,
+        right: g.right ?? R.right,
+        bottom: g.bottom ?? R.bottom,
+        left: g.left ?? R.left
+      };
+    }
+    return I(b || "auto", e, o);
   }, j = {
     data: t,
-    margin: (() => {
-      if (g) {
-        const R = I(b || "auto", e, o);
-        return {
-          top: g.top ?? R.top,
-          right: g.right ?? R.right,
-          bottom: g.bottom ?? R.bottom,
-          left: g.left ?? R.left
-        };
-      }
-      return I(b || "auto", e, o);
-    })()
+    margin: L()
   }, E = {
     axisLine: { stroke: "var(--color-border-primary-subtle)", strokeWidth: 2 },
     tickLine: !1,
@@ -21400,28 +21400,21 @@ function zve({
     stroke: "var(--color-border-primary-subtle)",
     horizontal: !0,
     vertical: !1
-  }, Z = ({ payload: R }) => !R || !R.length ? null : /* @__PURE__ */ k("div", { className: `flex justify-start items-center gap-[var(--space-md)] ${(() => {
-    switch (e) {
-      case "horizontal-bar":
-        return "ml-[65px]";
-      // 60px + 5px adjustment
-      case "scatter":
-        return "ml-[69px]";
-      // 64px + 5px adjustment
-      default:
-        return "ml-[59px]";
-    }
-  })()}`, children: R.map((T, ee) => /* @__PURE__ */ G("div", { className: "flex items-center justify-center gap-[var(--space-xsm)]", children: [
-    /* @__PURE__ */ k(
-      "div",
-      {
-        className: e === "bar" || e === "horizontal-bar" ? "w-[6px] h-[6px] flex-shrink-0" : "w-[6px] h-[6px] rounded-full flex-shrink-0",
-        style: { backgroundColor: T.color },
-        "aria-hidden": "true"
-      }
-    ),
-    /* @__PURE__ */ k("span", { className: "[&]:text-body-medium-xsm [&]:text-[var(--color-text-secondary)] leading-none", children: T.value })
-  ] }, ee)) }), Y = () => {
+  }, Z = ({ payload: R }) => {
+    if (!R || !R.length) return null;
+    const T = L().left + 5;
+    return /* @__PURE__ */ k("div", { className: "flex justify-start items-center gap-[var(--space-md)]", style: { marginLeft: `${T}px` }, children: R.map((ee, ae) => /* @__PURE__ */ G("div", { className: "flex items-center justify-center gap-[var(--space-xsm)]", children: [
+      /* @__PURE__ */ k(
+        "div",
+        {
+          className: e === "bar" || e === "horizontal-bar" ? "w-[6px] h-[6px] flex-shrink-0" : "w-[6px] h-[6px] rounded-full flex-shrink-0",
+          style: { backgroundColor: ee.color },
+          "aria-hidden": "true"
+        }
+      ),
+      /* @__PURE__ */ k("span", { className: "[&]:text-body-medium-xsm [&]:text-[var(--color-text-secondary)] leading-none", children: ee.value })
+    ] }, ae)) });
+  }, Y = () => {
     switch (e) {
       case "bar":
         return /* @__PURE__ */ G(